/* ==========================================================================
   MUKOUN PROJECTS TYPOGRAPHY — TAJAWAL
   Source: Mukoun_Tajawal_Typography_Guide_AR.md
   Scope: project detail pages and project listing pages only

   TYPOGRAPHY-ONLY UPDATE:
   - No layout, grid, image, color, border, shadow or spacing changes.
   - Arabic and English use Tajawal.
   - Arabic uses a larger line-height for clear connected letterforms.
   ========================================================================== */

@font-face {
    font-family: "Tajawal";
    src: url("../fonts/tajawal/Tajawal-Regular.ttf") format("truetype");
    font-style: normal;
    font-weight: 400;
    font-display: swap;
}

@font-face {
    font-family: "Tajawal";
    src: url("../fonts/tajawal/Tajawal-Medium.ttf") format("truetype");
    font-style: normal;
    font-weight: 500;
    font-display: swap;
}

@font-face {
    font-family: "Tajawal";
    src: url("../fonts/tajawal/Tajawal-Bold.ttf") format("truetype");
    font-style: normal;
    font-weight: 700;
    font-display: swap;
}

@font-face {
    font-family: "Tajawal";
    src: url("../fonts/tajawal/Tajawal-ExtraBold.ttf") format("truetype");
    font-style: normal;
    font-weight: 800;
    font-display: swap;
}

@font-face {
    font-family: "Tajawal";
    src: url("../fonts/tajawal/Tajawal-Black.ttf") format("truetype");
    font-style: normal;
    font-weight: 900;
    font-display: swap;
}

/* --------------------------------------------------------------------------
   Base font — scoped only to project pages
   -------------------------------------------------------------------------- */

.pov-page,
.all-projects-page,
.mukoun-projects-listing,
.pov-page button,
.pov-page input,
.pov-page select,
.pov-page textarea,
.all-projects-page button,
.all-projects-page input,
.all-projects-page select,
.all-projects-page textarea,
.mukoun-projects-listing button,
.mukoun-projects-listing input,
.mukoun-projects-listing select,
.mukoun-projects-listing textarea {
    font-family: "Tajawal", Arial, sans-serif !important;
    font-synthesis: none !important;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.pov-page h1,
.pov-page h2,
.pov-page h3,
.pov-page h4,
.pov-page h5,
.pov-page h6,
.pov-page p,
.pov-page span,
.pov-page a,
.pov-page b,
.pov-page strong,
.pov-page sup,
.all-projects-page h1,
.all-projects-page h2,
.all-projects-page h3,
.all-projects-page h4,
.all-projects-page h5,
.all-projects-page h6,
.all-projects-page p,
.all-projects-page span,
.all-projects-page a,
.all-projects-page b,
.all-projects-page strong,
.all-projects-page sup,
.mukoun-projects-listing h1,
.mukoun-projects-listing h2,
.mukoun-projects-listing h3,
.mukoun-projects-listing h4,
.mukoun-projects-listing h5,
.mukoun-projects-listing h6,
.mukoun-projects-listing p,
.mukoun-projects-listing span,
.mukoun-projects-listing a,
.mukoun-projects-listing b,
.mukoun-projects-listing strong,
.mukoun-projects-listing sup {
    font-family: inherit !important;
}

.pov-page[dir="rtl"] h1,
.pov-page[dir="rtl"] h2,
.pov-page[dir="rtl"] h3,
.pov-page[dir="rtl"] h4,
.pov-page[dir="rtl"] h5,
.pov-page[dir="rtl"] h6,
.pov-page[dir="rtl"] p,
.pov-page[dir="rtl"] span,
.pov-page[dir="rtl"] a,
.all-projects-page[dir="rtl"] h1,
.all-projects-page[dir="rtl"] h2,
.all-projects-page[dir="rtl"] h3,
.all-projects-page[dir="rtl"] h4,
.all-projects-page[dir="rtl"] h5,
.all-projects-page[dir="rtl"] h6,
.all-projects-page[dir="rtl"] p,
.all-projects-page[dir="rtl"] span,
.all-projects-page[dir="rtl"] a,
.mukoun-projects-listing[dir="rtl"] h1,
.mukoun-projects-listing[dir="rtl"] h2,
.mukoun-projects-listing[dir="rtl"] h3,
.mukoun-projects-listing[dir="rtl"] h4,
.mukoun-projects-listing[dir="rtl"] h5,
.mukoun-projects-listing[dir="rtl"] h6,
.mukoun-projects-listing[dir="rtl"] p,
.mukoun-projects-listing[dir="rtl"] span,
.mukoun-projects-listing[dir="rtl"] a {
    letter-spacing: 0 !important;
}

/* --------------------------------------------------------------------------
   Project detail hero
   -------------------------------------------------------------------------- */

/* Eyebrow / small hero information */
.pov-page .project-full-image-hero__title .transparent-btn,
.pov-page .pov-eyebrow {
    font-size: 15px !important;
    line-height: 1.35 !important;
    font-weight: 800 !important;
}

/* Main hero title — English */
.pov-page[dir="ltr"] .project-full-image-hero__title,
.pov-page[dir="ltr"] .pov-hero__title {
    font-size: clamp(5.2rem, 3.15rem + 4.8vw, 8.5rem) !important;
    line-height: 1.02 !important;
    font-weight: 900 !important;
}

/* Main hero title — Arabic */
.pov-page[dir="rtl"] .project-full-image-hero__title,
.pov-page[dir="rtl"] .pov-hero__title {
    font-size: clamp(5.35rem, 3.25rem + 4.9vw, 8.8rem) !important;
    line-height: 1.22 !important;
    font-weight: 900 !important;
}

/* Hero description — English */
.pov-page[dir="ltr"] .project-full-image-hero__description,
.pov-page[dir="ltr"] .pov-hero__description {
    font-size: clamp(1.78rem, 1.30rem + 0.78vw, 2.22rem) !important;
    line-height: 1.92 !important;
    font-weight: 500 !important;
}

/* Hero description — Arabic */
.pov-page[dir="rtl"] .project-full-image-hero__description,
.pov-page[dir="rtl"] .pov-hero__description {
    font-size: clamp(1.88rem, 1.38rem + 0.82vw, 2.34rem) !important;
    line-height: 2.08 !important;
    font-weight: 500 !important;
    text-align: right;
}

/* --------------------------------------------------------------------------
   Project detail sections
   -------------------------------------------------------------------------- */

/* Section heading — English */
.pov-page[dir="ltr"] .pov-heading {
    font-size: clamp(4.15rem, 2.65rem + 2.45vw, 6.35rem) !important;
    line-height: 1.08 !important;
    font-weight: 900 !important;
}

/* Section heading — Arabic */
.pov-page[dir="rtl"] .pov-heading {
    font-size: clamp(4.35rem, 2.78rem + 2.5vw, 6.55rem) !important;
    line-height: 1.30 !important;
    font-weight: 900 !important;
}

/* Section lead text — English */
.pov-page[dir="ltr"] .pov-paragraph {
    font-size: clamp(1.72rem, 1.30rem + 0.62vw, 2.05rem) !important;
    line-height: 1.95 !important;
    font-weight: 500 !important;
}

/* Section lead text — Arabic */
.pov-page[dir="rtl"] .pov-paragraph {
    font-size: clamp(1.82rem, 1.38rem + 0.65vw, 2.16rem) !important;
    line-height: 2.12 !important;
    font-weight: 500 !important;
}

/* --------------------------------------------------------------------------
   Project listing pages
   -------------------------------------------------------------------------- */

.all-projects-page .title-style-two .pre,
.mukoun-projects-listing .title-style-two .pre {
    font-size: 15px !important;
    line-height: 1.35 !important;
    font-weight: 800 !important;
}

/* Main section title — English */
.all-projects-page[dir="ltr"] .title-style-two .title,
.mukoun-projects-listing[dir="ltr"] .title-style-two .title {
    font-size: clamp(4.15rem, 2.65rem + 2.45vw, 6.35rem) !important;
    line-height: 1.08 !important;
    font-weight: 900 !important;
}

/* Main section title — Arabic */
.all-projects-page[dir="rtl"] .title-style-two .title,
.mukoun-projects-listing[dir="rtl"] .title-style-two .title {
    font-size: clamp(4.35rem, 2.78rem + 2.5vw, 6.55rem) !important;
    line-height: 1.30 !important;
    font-weight: 900 !important;
}

/* Project card heading — English */
.all-projects-page[dir="ltr"] .single-details .title,
.mukoun-projects-listing[dir="ltr"] .single-details .title {
    font-size: clamp(2.08rem, 1.62rem + 0.38vw, 2.48rem) !important;
    line-height: 1.42 !important;
    font-weight: 800 !important;
}

/* Project card heading — Arabic */
.all-projects-page[dir="rtl"] .single-details .title,
.mukoun-projects-listing[dir="rtl"] .single-details .title {
    font-size: clamp(2.18rem, 1.70rem + 0.42vw, 2.58rem) !important;
    line-height: 1.58 !important;
    font-weight: 800 !important;
}

/* Project city / metadata */
.all-projects-page .single-details > p:not(.mukoun-project-summary),
.mukoun-projects-listing .single-details > p:not(.mukoun-project-summary) {
    font-size: 15px !important;
    line-height: 1.55 !important;
    font-weight: 700 !important;
}

/* Project card description — English */
.all-projects-page[dir="ltr"] .mukoun-project-summary,
.mukoun-projects-listing[dir="ltr"] .mukoun-project-summary {
    font-size: 1.54rem !important;
    line-height: 2 !important;
    font-weight: 400 !important;
}

/* Project card description — Arabic */
.all-projects-page[dir="rtl"] .mukoun-project-summary,
.mukoun-projects-listing[dir="rtl"] .mukoun-project-summary {
    font-size: 1.62rem !important;
    line-height: 2.12 !important;
    font-weight: 400 !important;
}

.mukoun-project-summary__num {
    font-family: inherit !important;
    font-weight: 800 !important;
}

/* Prevent the theme's character-splitting animation from disconnecting Arabic. */
.all-projects-page[dir="rtl"] .rts-text-anime-style-1,
.all-projects-page[dir="rtl"] .rts-text-anime-style-1 span,
.mukoun-projects-listing[dir="rtl"] .rts-text-anime-style-1,
.mukoun-projects-listing[dir="rtl"] .rts-text-anime-style-1 span {
    direction: rtl !important;
    unicode-bidi: isolate !important;
    transform: none !important;
    opacity: 1 !important;
    visibility: visible !important;
}

/* Optional counters already present in some project Blade files. */
.pov-page .counter,
.pov-page .odometer {
    font-family: inherit !important;
    font-weight: 900 !important;
}

.pov-page .bototm {
    font-family: inherit !important;
    font-size: 15px !important;
    line-height: 1.55 !important;
    font-weight: 700 !important;
}

/* --------------------------------------------------------------------------
   Tablet
   -------------------------------------------------------------------------- */

@media (max-width: 991.98px) {
    .pov-page[dir="ltr"] .project-full-image-hero__title,
    .pov-page[dir="rtl"] .project-full-image-hero__title,
    .pov-page[dir="ltr"] .pov-hero__title,
    .pov-page[dir="rtl"] .pov-hero__title {
        font-size: clamp(4.1rem, 7vw, 6.2rem) !important;
    }

    .pov-page[dir="ltr"] .pov-heading,
    .pov-page[dir="rtl"] .pov-heading,
    .all-projects-page[dir="ltr"] .title-style-two .title,
    .all-projects-page[dir="rtl"] .title-style-two .title,
    .mukoun-projects-listing[dir="ltr"] .title-style-two .title,
    .mukoun-projects-listing[dir="rtl"] .title-style-two .title {
        font-size: clamp(3.65rem, 6vw, 5.25rem) !important;
    }

    .all-projects-page[dir="ltr"] .mukoun-project-summary,
    .all-projects-page[dir="rtl"] .mukoun-project-summary,
    .mukoun-projects-listing[dir="ltr"] .mukoun-project-summary,
    .mukoun-projects-listing[dir="rtl"] .mukoun-project-summary {
        font-size: 1.48rem !important;
    }
}

/* --------------------------------------------------------------------------
   Mobile
   -------------------------------------------------------------------------- */

@media (max-width: 767.98px) {
    .pov-page[dir="ltr"] .project-full-image-hero__title,
    .pov-page[dir="rtl"] .project-full-image-hero__title,
    .pov-page[dir="ltr"] .pov-hero__title,
    .pov-page[dir="rtl"] .pov-hero__title {
        font-size: clamp(3.65rem, 10.4vw, 5.15rem) !important;
    }

    .pov-page[dir="ltr"] .project-full-image-hero__description,
    .pov-page[dir="ltr"] .pov-hero__description {
        font-size: 1.42rem !important;
        line-height: 1.95 !important;
    }

    .pov-page[dir="rtl"] .project-full-image-hero__description,
    .pov-page[dir="rtl"] .pov-hero__description {
        font-size: 1.50rem !important;
        line-height: 2.08 !important;
    }

    .pov-page[dir="ltr"] .pov-heading,
    .pov-page[dir="rtl"] .pov-heading,
    .all-projects-page[dir="ltr"] .title-style-two .title,
    .all-projects-page[dir="rtl"] .title-style-two .title,
    .mukoun-projects-listing[dir="ltr"] .title-style-two .title,
    .mukoun-projects-listing[dir="rtl"] .title-style-two .title {
        font-size: clamp(3.25rem, 9vw, 4.45rem) !important;
    }

    .pov-page[dir="ltr"] .pov-paragraph {
        font-size: 1.38rem !important;
        line-height: 2 !important;
    }

    .pov-page[dir="rtl"] .pov-paragraph {
        font-size: 1.46rem !important;
        line-height: 2.12 !important;
    }

    .all-projects-page[dir="ltr"] .single-details .title,
    .mukoun-projects-listing[dir="ltr"] .single-details .title {
        font-size: 1.82rem !important;
    }

    .all-projects-page[dir="rtl"] .single-details .title,
    .mukoun-projects-listing[dir="rtl"] .single-details .title {
        font-size: 1.92rem !important;
    }

    .all-projects-page[dir="ltr"] .mukoun-project-summary,
    .mukoun-projects-listing[dir="ltr"] .mukoun-project-summary {
        font-size: 1.36rem !important;
        line-height: 2 !important;
    }

    .all-projects-page[dir="rtl"] .mukoun-project-summary,
    .mukoun-projects-listing[dir="rtl"] .mukoun-project-summary {
        font-size: 1.43rem !important;
        line-height: 2.10 !important;
    }
}

/* --------------------------------------------------------------------------
   Small mobile
   -------------------------------------------------------------------------- */

@media (max-width: 575.98px) {
    .pov-page .project-full-image-hero__title .transparent-btn,
    .pov-page .pov-eyebrow,
    .all-projects-page .title-style-two .pre,
    .mukoun-projects-listing .title-style-two .pre {
        font-size: 12px !important;
    }

    .pov-page[dir="ltr"] .project-full-image-hero__title,
    .pov-page[dir="rtl"] .project-full-image-hero__title,
    .pov-page[dir="ltr"] .pov-hero__title,
    .pov-page[dir="rtl"] .pov-hero__title {
        font-size: 3.3rem !important;
    }

    .pov-page[dir="ltr"] .project-full-image-hero__description,
    .pov-page[dir="ltr"] .pov-hero__description {
        font-size: 1.34rem !important;
    }

    .pov-page[dir="rtl"] .project-full-image-hero__description,
    .pov-page[dir="rtl"] .pov-hero__description {
        font-size: 1.42rem !important;
    }

    .pov-page[dir="ltr"] .pov-heading,
    .pov-page[dir="rtl"] .pov-heading,
    .all-projects-page[dir="ltr"] .title-style-two .title,
    .all-projects-page[dir="rtl"] .title-style-two .title,
    .mukoun-projects-listing[dir="ltr"] .title-style-two .title,
    .mukoun-projects-listing[dir="rtl"] .title-style-two .title {
        font-size: 3rem !important;
    }

    .all-projects-page[dir="ltr"] .single-details .title,
    .mukoun-projects-listing[dir="ltr"] .single-details .title {
        font-size: 1.72rem !important;
    }

    .all-projects-page[dir="rtl"] .single-details .title,
    .mukoun-projects-listing[dir="rtl"] .single-details .title {
        font-size: 1.82rem !important;
    }
}

/* =========================================================
   إصلاح اتجاه بطاقات المشاريع العربية
========================================================= */

/* العربية: يبدأ الصف من اليمين */
.ResidentialBuildingSwiper[dir="rtl"] .swiper-wrapper {
    direction: rtl !important;
    justify-content: flex-start !important;
}

/* اتجاه محتوى البطاقة العربية */
.ResidentialBuildingSwiper[dir="rtl"] .swiper-slide,
.ResidentialBuildingSwiper[dir="rtl"] .team-single-one-start,
.ResidentialBuildingSwiper[dir="rtl"] .single-details {
    direction: rtl !important;
    text-align: right !important;
}

/* الإنجليزية: يبدأ الصف من اليسار */
.ResidentialBuildingSwiper[dir="ltr"] .swiper-wrapper {
    direction: ltr !important;
    justify-content: flex-start !important;
}

.ResidentialBuildingSwiper[dir="ltr"] .swiper-slide,
.ResidentialBuildingSwiper[dir="ltr"] .team-single-one-start,
.ResidentialBuildingSwiper[dir="ltr"] .single-details {
    direction: ltr !important;
    text-align: left !important;
}