/* ------------------------------
  hido-bg-adventures
  خلفية لقسم الأنشطة — تدرج صحراوي + زخارف متحركة
------------------------------ */

.hido-bg-adventures {
    position: relative;
    background: linear-gradient(135deg, #fff9f1, #fdf6e8, #fcf0da);
    background-size: 400% 400%;
    animation: desertGradient 18s ease infinite;
    overflow: hidden;
    border-radius: 0;
    z-index: 1;
}

/* حركة التدرج */
@keyframes desertGradient {
    0% {
        background-position: 0% 50%;
    }
    50% {
        background-position: 100% 50%;
    }
    100% {
        background-position: 0% 50%;
    }
}

/* عناصر زخرفية */
.hido-bg-adventures .desert-pattern {
    position: absolute;
    background-repeat: no-repeat;
    background-size: contain;
    pointer-events: none;
    opacity: 0.27;
    z-index: 0;
    animation: floatY 6s ease-in-out infinite alternate;
}

/* حركة طفو ناعمة */
@keyframes floatY {
    0% {
        transform: translateY(0);
    }
    100% {
        transform: translateY(-20px);
    }
}

/* توزيع زخارف ملهمة */
.hido-bg-adventures .p1 {
    top: 10%;
    left: 15%;
    width: 120px;
    height: 120px;
    background-image: url('https://hido.fayzar.com/wp-content/uploads/2025/12/pattern4.png');
    animation-delay: 0s;
}

.hido-bg-adventures .p2 {
    bottom: 15%;
    right: 10%;
    width: 140px;
    height: 140px;
    background-image: url('https://hido.fayzar.com/wp-content/uploads/2025/12/pattern5.png');
    animation-delay: 1s;
}

.hido-bg-adventures .p3 {
    top: 50%;
    left: 55%;
    width: 160px;
    height: 160px;
    transform: translate(-50%, -50%);
    background-image: url('https://hido.fayzar.com/wp-content/uploads/2025/12/pattern10.png');
    opacity: 0.04;
    animation-delay: 2s;
}
/* ------------------------------
  hido-bg-sunburst
  Radial Gradient + Multiple Patterns
------------------------------ */

.hido-bg-sunburst {
    position: relative;
    background: radial-gradient(
        circle at center,
        #fff7ea 0%,
        #faf8f2 60%,
        #f3f2ef 100%
    );
    background-size: cover;
    overflow: hidden;
    z-index: 1;
    border-radius: 0;
}

/* العناصر الزخرفية */
.hido-bg-sunburst .sun-pattern {
    position: absolute;
    background-repeat: no-repeat;
    background-size: contain;
    opacity: 0.26;
    pointer-events: none;
    z-index: 0;
}

/* توزيع زخارف مختلفة */

.hido-bg-sunburst .sp1 {
    top: 10%;
    left: 5%;
    width: 100px;
    height: 100px;
    background-image: url('https://hido.fayzar.com/wp-content/uploads/2025/12/pattern1.png');
}

.hido-bg-sunburst .sp2 {
    top: 60%;
    left: 15%;
    width: 140px;
    height: 140px;
    background-image: url('https://hido.fayzar.com/wp-content/uploads/2025/12/pattern3.png');
}

.hido-bg-sunburst .sp3 {
    bottom: 10%;
    right: 5%;
    width: 120px;
    height: 120px;
    background-image: url('https://hido.fayzar.com/wp-content/uploads/2025/12/pattern5.png');
}

.hido-bg-sunburst .sp4 {
    top: 50%;
    right: 10%;
    width: 160px;
    height: 160px;
    transform: rotate(15deg);
    background-image: url('https://hido.fayzar.com/wp-content/uploads/2025/12/pattern6.png');
    opacity: 0.04;
}
/* ------------------------------
  hido-bg-dancing-patterns
  نفس العنصر مكرر بأحجام وشفافية ودوران مختلف + حركة
------------------------------ */

.hido-bg-dancing-patterns {
    position: relative;
    background: radial-gradient(circle at center, #fefbf5 0%, #f7f6f2 100%);
    overflow: hidden;
    z-index: 1;
}

/* العنصر الأساسي */
.hido-bg-dancing-patterns .echo {
    position: absolute;
    background-image: url('https://hido.fayzar.com/wp-content/uploads/2025/12/pattern6.png');
    background-repeat: no-repeat;
    background-size: contain;
    pointer-events: none;
    z-index: 0;
    animation: floatSoft 8s ease-in-out infinite alternate;
}

/* حركة ناعمة */
@keyframes floatSoft {
    0% {
        transform: translateY(0px) scale(1);
    }
    100% {
        transform: translateY(-15px) scale(1.03);
    }
}

/* نسخ مختلفة من نفس الشكل */

.hido-bg-dancing-patterns .e1 {
    top: 10%;
    left: 8%;
    width: 120px;
    height: 120px;
    opacity: 0.15;
    transform: rotate(0deg);
    animation-delay: 0s;
}

.hido-bg-dancing-patterns .e2 {
    top: 40%;
    left: 20%;
    width: 90px;
    height: 90px;
    opacity: 0.27;
    transform: rotate(45deg);
    animation-delay: 1s;
}

.hido-bg-dancing-patterns .e3 {
    bottom: 20%;
    right: 10%;
    width: 150px;
    height: 150px;
    opacity: 0.34;
    transform: rotate(-30deg);
    animation-delay: 2s;
}

.hido-bg-dancing-patterns .e4 {
    top: 60%;
    right: 25%;
    width: 70px;
    height: 70px;
    opacity: 0.46;
    transform: rotate(90deg);
    animation-delay: 1.5s;
}

.hido-bg-dancing-patterns .e5 {
    bottom: 5%;
    left: 15%;
    width: 180px;
    height: 180px;
    opacity: 0.53;
    transform: rotate(15deg);
    animation-delay: 2.5s;
}
/* ------------------------------
  hido-bg-cultural-canvas
  خلفية بتوزيع زخارف بأحجام وزوايا متنوعة وشفافية واضحة
------------------------------ */

.hido-bg-cultural-canvas {
    position: relative;
    background: radial-gradient(circle at center, #f5bd5b 0%, #faf9f4 100%);
    overflow: hidden;
    z-index: 1;
}

/* العناصر الزخرفية */
.hido-bg-cultural-canvas .cc-pattern {
    position: absolute;
    background-repeat: no-repeat;
    background-size: contain;
    pointer-events: none;
    z-index: 0;
    opacity: 0.32; /* واضحة، بدون إزعاج */
}

/* توزيعات متنوعة */

.hido-bg-cultural-canvas .p1 {
    top: 5%;
    left: 10%;
    width: 100px;
    height: 100px;
    background-image: url('https://hido.fayzar.com/wp-content/uploads/2025/12/pattern1.png');
    transform: rotate(0deg);
}

.hido-bg-cultural-canvas .p2 {
    top: 30%;
    right: 8%;
    width: 120px;
    height: 120px;
    background-image: url('https://hido.fayzar.com/wp-content/uploads/2025/12/pattern3.png');
    transform: rotate(30deg);
}

.hido-bg-cultural-canvas .p3 {
    bottom: 15%;
    left: 5%;
    width: 90px;
    height: 90px;
    background-image: url('https://hido.fayzar.com/wp-content/uploads/2025/12/pattern5.png');
    transform: rotate(-15deg);
}

.hido-bg-cultural-canvas .p4 {
    bottom: 10%;
    right: 10%;
    width: 130px;
    height: 130px;
    background-image: url('https://hido.fayzar.com/wp-content/uploads/2025/12/pattern6.png');
    transform: rotate(45deg);
}

.hido-bg-cultural-canvas .p5 {
    top: 50%;
    left: 50%;
    width: 160px;
    height: 160px;
    background-image: url('https://hido.fayzar.com/wp-content/uploads/2025/12/pattern9.png');
    transform: translate(-50%, -50%) rotate(-25deg);
    opacity: 0.26;
}
/* ------------------------------
  hido-bg-radial-spotlight
  Radial gradient مركّز + زخارف موزعة حول الضوء
------------------------------ */

.hido-bg-radial-spotlight {
    position: relative;
    background: radial-gradient(circle at center, #fff6e9 0%, #f3f0ec 100%);
    overflow: hidden;
    z-index: 1;
}

/* العناصر الزخرفية */
.hido-bg-radial-spotlight .rs-pattern {
    position: absolute;
    background-repeat: no-repeat;
    background-size: contain;
    pointer-events: none;
    z-index: 0;
    opacity: 0.38;
}

/* توزيع الزخارف حول "مركز الضوء" */

.hido-bg-radial-spotlight .p1 {
    top: 5%;
    left: 15%;
    width: 110px;
    height: 110px;
    background-image: url('https://hido.fayzar.com/wp-content/uploads/2025/12/pattern2.png');
    transform: rotate(0deg);
}

.hido-bg-radial-spotlight .p2 {
    top: 20%;
    right: 10%;
    width: 140px;
    height: 140px;
    background-image: url('https://hido.fayzar.com/wp-content/uploads/2025/12/pattern4.png');
    transform: rotate(45deg);
}

.hido-bg-radial-spotlight .p3 {
    bottom: 10%;
    left: 5%;
    width: 100px;
    height: 100px;
    background-image: url('https://hido.fayzar.com/wp-content/uploads/2025/12/pattern6.png');
    transform: rotate(-15deg);
}

.hido-bg-radial-spotlight .p4 {
    bottom: 15%;
    right: 10%;
    width: 120px;
    height: 120px;
    background-image: url('https://hido.fayzar.com/wp-content/uploads/2025/12/pattern7.png');
    transform: rotate(90deg);
}