/* ------------------------------
  hido-bg-hospitality
  خلفية دافئة لقسم الضيافة السعودية
------------------------------ */

.hido-bg-hospitality {
    position: relative;
    background: radial-gradient(circle at 70% 30%, #926eae3b, #926eae);
    border-radius: 0;
    overflow: hidden;
    z-index: 1;
}

/* العناصر الزخرفية */
.hido-bg-hospitality .hospitality-item {
    position: absolute;
    background-repeat: no-repeat;
    background-size: contain;
    pointer-events: none;
    z-index: 0;
    opacity: 0.08;
    transition: transform 0.3s ease-out;
}

/* توزيع العناصر — اختيرت بعناية */
.hido-bg-hospitality .h1 {
    top: 5%;
    left: 10%;
    width: 120px;
    height: 120px;
    background-image: url('https://hido.fayzar.com/wp-content/uploads/2025/12/pattern6.png');
}

.hido-bg-hospitality .h2 {
    bottom: 10%;
    right: 15%;
    width: 100px;
    height: 100px;
    background-image: url('https://hido.fayzar.com/wp-content/uploads/2025/12/pattern9.png');
}

.hido-bg-hospitality .h3 {
    top: 40%;
    left: 50%;
    width: 140px;
    height: 140px;
    transform: translate(-50%, -50%) rotate(25deg);
    background-image: url('https://hido.fayzar.com/wp-content/uploads/2025/12/pattern3.png');
    opacity: 0.06;
}

.hido-bg-hospitality .h4 {
    bottom: -30px;
    left: -20px;
    width: 160px;
    height: 160px;
    background-image: url('https://hido.fayzar.com/wp-content/uploads/2025/12/pattern1.png');
    transform: rotate(-10deg);
}
/* ------------------------------
  hido-bg-full-pattern
  زخرفة كاملة للخلفية باستخدام pattern مكرر
------------------------------ */

.hido-bg-full-pattern {
    position: relative;
    background-color: radial-gradient(
        circle at 70% 30%,
        #926eae3b,
        #926eae
    ); /* خلفية فاتحة دافئة */
    /* background: radial-gradient(circle at 70% 30%, #926eae3b, #926eae); */
    background-image: url('https://hido.fayzar.com/wp-content/uploads/2025/12/pattern1.png'); /* يمكن تغييره */

    background-repeat: repeat;
    background-size: 120px;
    background-position: center;
    opacity: 1;
    z-index: 1;
    overflow: hidden;
}
/* ------------------------------
  hido-bg-elegant-motif
  زخرفة هندسية ناعمة + تدرج فني
------------------------------ */

.hido-bg-elegant-motif {
    position: relative;
    background-color: radial-gradient(
        circle at 70% 30%,
        #926eae3b,
        #926eae
    ); /* خلفية فاتحة دافئة */
    background-image: linear-gradient(
            120deg,
            rgba(255, 255, 255, 0.8),
            rgba(234, 255, 241, 0.8)
        ),
        url('https://hido.fayzar.com/wp-content/uploads/2025/12/pattern2.png');
    background-repeat: repeat;
    background-size: 100px, 120px;
    background-blend-mode: overlay;
    border-radius: 24px;
    overflow: hidden;
    z-index: 1;
}
/* ------------------------------
  hido-bg-hosting-deluxe
  خلفية أنيقة لقسم الضيافة: Gradient + زخارف خفيفة
------------------------------ */

.hido-bg-hosting-deluxe {
    position: relative;
    background-image: linear-gradient(135deg, #fdfbfa 0%, #f7f8f9 100%);
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 0;
    overflow: hidden;
    z-index: 1;
}

/* عناصر الزخرفة */
.hido-bg-hosting-deluxe .host-item {
    position: absolute;
    background-repeat: no-repeat;
    background-size: contain;
    pointer-events: none;
    z-index: 0;
    opacity: 0.48;
}

/* توزيع فني للأنماط */

.hido-bg-hosting-deluxe .h1 {
    top: 30px;
    left: 20px;
    width: 140px;
    height: 140px;
    background-image: url('https://hido.fayzar.com/wp-content/uploads/2025/12/pattern6.png');
}

.hido-bg-hosting-deluxe .h2 {
    bottom: -30px;
    right: 0;
    width: 180px;
    height: 180px;
    background-image: url('https://hido.fayzar.com/wp-content/uploads/2025/12/pattern1.png');
    transform: rotate(25deg);
}

.hido-bg-hosting-deluxe .h3 {
    top: 50%;
    left: 50%;
    width: 220px;
    height: 220px;
    transform: translate(-50%, -50%) rotate(-15deg);
    background-image: url('https://hido.fayzar.com/wp-content/uploads/2025/12/pattern9.png');
    opacity: 0.03;
}
/* ------------------------------
  hido-bg-hosting-float
  خلفية تدرج + زخارف متحركة بلطف (Float Effect)
------------------------------ */

.hido-bg-hosting-float {
    position: relative;
    background-image: linear-gradient(135deg, #fdfbf9 0%, #f3f7f5 100%);
    background-size: cover;
    background-repeat: no-repeat;
    overflow: hidden;
    border-radius: 0;
    z-index: 1;
}

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

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

/* توزيع العناصر */
.hido-bg-hosting-float .f1 {
    top: 30px;
    left: 20px;
    width: 120px;
    height: 120px;
    background-image: url('https://hido.fayzar.com/wp-content/uploads/2025/12/pattern6.png');
    animation-delay: 0s;
}

.hido-bg-hosting-float .f2 {
    bottom: 40px;
    right: 30px;
    width: 140px;
    height: 140px;
    background-image: url('https://hido.fayzar.com/wp-content/uploads/2025/12/pattern1.png');
    animation-delay: 1s;
}

.hido-bg-hosting-float .f3 {
    top: 50%;
    left: 50%;
    width: 200px;
    height: 200px;
    transform: translate(-50%, -50%) rotate(15deg);
    background-image: url('https://hido.fayzar.com/wp-content/uploads/2025/12/pattern9.png');
    animation-delay: 2s;
    opacity: 0.03;
}
/* ------------------------------
  hido-bg-hosting-animated
  خلفية متدرجة متحركة + زخارف تطفو
------------------------------ */

.hido-bg-hosting-animated {
    position: relative;
    background: linear-gradient(135deg, #fdfbf9, #f3f7f5, #ecfdf5);
    background-size: 400% 400%;
    animation: moveGradient 15s ease infinite;
    overflow: hidden;
    border-radius: 0;
    z-index: 1;
}

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

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

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

/* توزيع العناصر */
.hido-bg-hosting-animated .f1 {
    top: 5%;
    left: 10%;
    width: 120px;
    height: 120px;
    background-image: url('https://hido.fayzar.com/wp-content/uploads/2025/12/pattern6.png');
    animation-delay: 0s;
}

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

.hido-bg-hosting-animated .f3 {
    top: 50%;
    left: 60%;
    width: 180px;
    height: 180px;
    background-image: url('https://hido.fayzar.com/wp-content/uploads/2025/12/pattern9.png');
    transform: translate(-50%, -50%) rotate(10deg);
    animation-delay: 2s;
    opacity: 0.04;
}