/* ============================================
   Adili Chess Academy - Override Styles
   Ensures text content has proper spacing 
   from decorative images (no overlap)
   ============================================ */

/* === Banner Section === */
/* Keep the right image but ensure text column doesn't overlap it */
.main-banner {
    position: relative;
}

.main-banner::before {
    z-index: 0;
}

.main-banner::after {
    z-index: 0;
}

.main-banner .container {
    position: relative;
    z-index: 2;
}

.main-banner .header-text,
.main-banner .owl-carousel {
    position: relative;
    z-index: 3;
}

/* Give the text column a solid background so the image doesn't bleed through */
.main-banner .col-lg-6.align-self-center {
    position: relative;
    z-index: 3;
}

/* Shrink the right banner image so it doesn't reach into the text area */
.main-banner::before {
    width: 45%;
    max-width: 650px;
    right: 0;
}

/* === Services Section === */
.our-services {
    position: relative;
    overflow: hidden;
}

.our-services .services-left-dec img {
    left: -120px;
}

.our-services .services-right-dec img {
    right: -50px;
}

.our-services .container {
    position: relative;
    z-index: 2;
}

/* === Portfolio / Gallery Section === */
.our-portfolio {
    position: relative;
    overflow: hidden;
}

.our-portfolio .portfolio-left-dec img {
    left: -50px;
}

.our-portfolio .container,
.our-portfolio .container-fluid {
    position: relative;
    z-index: 2;
}

/* === Pricing Tables Section === */
.pricing-tables {
    position: relative;
    overflow: hidden;
}

.pricing-tables .tables-left-dec img {
    left: -80px;
}

.pricing-tables .tables-right-dec img {
    right: -80px;
}

.pricing-tables .container {
    position: relative;
    z-index: 2;
}

/* === Videos Section === */
.our-videos {
    position: relative;
    overflow: hidden;
}

.our-videos .videos-left-dec img {
    left: -50px;
}

.our-videos .videos-right-dec img {
    right: -100px;
}

.our-videos .container {
    position: relative;
    z-index: 2;
}

/* === Contact Section === */
.contact-us {
    position: relative;
    overflow: hidden;
}

.contact-us .contact-dec img {
    right: -100px;
}

.contact-us .contact-left-dec img {
    left: -50px;
}

.contact-us .container {
    position: relative;
    z-index: 2;
}

/* === Subscribe Section === */
.subscribe .container {
    position: relative;
    z-index: 2;
}

.subscribe .inner-content {
    position: relative;
    z-index: 2;
}

/* === Footer === */
footer .container {
    position: relative;
    z-index: 2;
}

/* === Mobile: hide decorative images on smaller screens to prevent overlap === */
@media (max-width: 992px) {
    .main-banner::before,
    .main-banner::after,
    .services-left-dec,
    .services-right-dec,
    .portfolio-left-dec,
    .tables-left-dec,
    .tables-right-dec,
    .videos-left-dec,
    .videos-right-dec,
    .contact-dec,
    .contact-left-dec {
        display: none !important;
    }
}