/*
    Theme Name: Hacked x10
    Theme URI: http://yourwebsite.com
    Author: Your Name
    Author URI: http://yourwebsite.com
    Description: قالب "Hacked by x10" لعرض نصوص بشكل مميز مع تأثيرات.
    Version: 1.0
    License: GNU General Public License v2 or later
    License URI: http://www.gnu.org/licenses/gpl-2.0.html
    Text Domain: hacked-x10
    */

    body, html {
      height: 100%;
      font-family: 'Cairo', sans-serif;
      background-color: #fff;
      color: #000;
      overflow: hidden;
    }

    .content {
      z-index: 2;
      position: relative;
      height: 100%;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      text-align: center;
      padding: 20px;
    }

    .content img {
      width: 500px;
      height: auto;
      margin-bottom: 30px;
      filter: drop-shadow(0 0 10px #333);
    }

    .algerian-flag-text {
      font-size: 4rem;
      font-weight: bold;
      display: flex;
      gap: 10px;
      animation: glow 2s infinite alternate;
    }

    .algerian-flag-text .green {
      color: #007a3d;
    }

    .algerian-flag-text .white {
      color: #d71a28;
      padding: 0 10px;
      border-radius: 5px;
    }

    .algerian-flag-text .red {
      color: #000000;
    }

    h1 {
      font-size: 4rem;
      color: #0f0;
      animation: glow 2s infinite alternate;
      text-shadow: 0 0 10px #0f0, 0 0 20px #0f0;
      margin-bottom: 10px;
    }

    .subtitle {
      font-size: 1.5rem;
      color: #111;
      text-shadow: 0 0 1px red;
      margin-top: 10px;
      max-width: 90%;
    }

    .quote {
      margin-top: 20px;
      font-size: 1.2rem;
      color: #444;
      font-style: italic;
    }

    @keyframes glow {
      from {
        text-shadow: 0 0 10px #00ff00, 0 0 20px #00ff00;
      }
      to {
        text-shadow: 0 0 20px #00ff00, 0 0 40px #00ff00;
      }
    }

    @media (max-width: 600px) {
      h1 { font-size: 2.5rem; }
      .subtitle { font-size: 1rem; }
      .quote { font-size: 1rem; }
      .content img { width: 200px; }
    }