html[lang="en"] {
  direction: ltr;
}

@font-face {
  font-family: "KianOpenInter";
  src: url("../../Fonts/Inter/Inter-VariableFont_opsz,wght.ttf") format("truetype");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "KianOpenInter";
  src: url("../../Fonts/Inter/Inter-Italic-VariableFont_opsz,wght.ttf") format("truetype");
  font-weight: 100 900;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "KianOpenCormorant";
  src: url("../../Fonts/CormorantGaramond/Cormorant_Garamond/CormorantGaramond-VariableFont_wght.ttf") format("truetype");
  font-weight: 300 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "KianOpenCormorant";
  src: url("../../Fonts/CormorantGaramond/Cormorant_Garamond/CormorantGaramond-Italic-VariableFont_wght.ttf") format("truetype");
  font-weight: 300 700;
  font-style: italic;
  font-display: swap;
}

/* =========================
   English Font System
   ========================= */

html[lang="en"],
html[lang="en"] body {
  font-family:
    "KianOpenInter",
    "Inter",
    "Segoe UI",
    Arial,
    Helvetica,
    sans-serif !important;
  direction: ltr;
  text-align: left;
  letter-spacing: 0;
}

html[lang="en"] p,
html[lang="en"] li,
html[lang="en"] span,
html[lang="en"] small,
html[lang="en"] label,
html[lang="en"] input,
html[lang="en"] select,
html[lang="en"] textarea,
html[lang="en"] button,
html[lang="en"] a {
  font-family:
    "KianOpenInter",
    "Inter",
    "Segoe UI",
    Arial,
    Helvetica,
    sans-serif !important;
}

html[lang="en"] h1,
html[lang="en"] .hero-text h1 {
  font-family:
    "KianOpenCormorant",
    "KianOpenInter",
    Georgia,
    serif !important;
  font-weight: 700 !important;
  letter-spacing: -0.035em;
}

html[lang="en"] h2,
html[lang="en"] h3,
html[lang="en"] .about-title,
html[lang="en"] .ceo-message-title,
html[lang="en"] .gallery-rows-title,
html[lang="en"] .home-tourism-content h2 {
  font-family:
    "KianOpenInter",
    "Segoe UI",
    Arial,
    sans-serif !important;
  letter-spacing: -0.025em;
}

/* =========================
   English Paragraph Justify
   ========================= */

html[lang="en"] .about-body p,
html[lang="en"] .ceo-message-text p,
html[lang="en"] .project-intro-lead,
html[lang="en"] .project-goals p,
html[lang="en"] .kd-request-intro-card p,
html[lang="en"] .kd-request-note-card p,
html[lang="en"] .kd-request-form-head p,
html[lang="en"] .kd-request-summary p,
html[lang="en"] .kd-form-footer p,
html[lang="en"] .contact-intro-text p,
html[lang="en"] .contact-form-box p,
html[lang="en"] .contact-map-content p,
html[lang="en"] .hotel-intro-text p,
html[lang="en"] .restaurant-intro-text p,
html[lang="en"] .restaurant-story-text p,
html[lang="en"] .residence-intro-text p,
html[lang="en"] .residence-story-text p,
html[lang="en"] .golf-intro-text p,
html[lang="en"] .golf-showcase-text p,
html[lang="en"] .cultural-intro-text p,
html[lang="en"] .cultural-story-text p {
  text-align: justify !important;
  text-align-last: left !important;
  hyphens: auto;
  overflow-wrap: break-word;
}

/* تیترها و CTAها چپ‌چین بمانند */
html[lang="en"] h1,
html[lang="en"] h2,
html[lang="en"] h3,
html[lang="en"] h4,
html[lang="en"] .section-heading,
html[lang="en"] .about-title,
html[lang="en"] .about-subtitle,
html[lang="en"] .ceo-message-title,
html[lang="en"] .gallery-rows-title,
html[lang="en"] .gallery-row-title {
  text-align: left !important;
}

html[lang="en"] body {
  font-family:
    "KianOpenInter",
    "Inter",
    "Segoe UI",
    Arial,
    Helvetica,
    sans-serif !important;
}
html[lang="en"] body {
  direction: ltr;
  text-align: left;
  font-family:
    "KianOpenInter",
    "Inter",
    "Segoe UI",
    Arial,
    Helvetica,
    sans-serif;
  letter-spacing: 0;
}

/* =========================
   Global English Typography
   ========================= */

html[lang="en"] h1,
html[lang="en"] h2,
html[lang="en"] h3,
html[lang="en"] h4,
html[lang="en"] h5,
html[lang="en"] h6 {
  letter-spacing: -0.02em;
}

html[lang="en"] p,
html[lang="en"] li,
html[lang="en"] span,
html[lang="en"] small,
html[lang="en"] label,
html[lang="en"] input,
html[lang="en"] select,
html[lang="en"] textarea,
html[lang="en"] button,
html[lang="en"] a {
  font-family:
    "KianOpenInter",
    "Inter",
    "Segoe UI",
    Arial,
    Helvetica,
    sans-serif;
}

html[lang="en"] p {
  text-align: left;
}

/* =========================
   Header / Navigation
   ========================= */

html[lang="en"] .site-header,
html[lang="en"] .header-top,
html[lang="en"] .primary-nav,
html[lang="en"] .inner-top-nav,
html[lang="en"] .inner-menu {
  direction: ltr;
}

html[lang="en"] .primary-nav,
html[lang="en"] .inner-menu {
  flex-direction: row;
}

html[lang="en"] .primary-nav a,
html[lang="en"] .inner-menu a {
  direction: ltr;
  text-align: center;
}

html[lang="en"] .header-contact {
  direction: ltr;
  text-align: left;
}

html[lang="en"] .menu-trigger {
  direction: ltr;
}

/* =========================
   Hero
   ========================= */

html[lang="en"] .hero-content {
  justify-content: flex-start !important;
}

html[lang="en"] .hero-text {
  text-align: left !important;
}

html[lang="en"] .hero-subtitle {
  margin-inline-start: 0 !important;
  margin-inline-end: 50px !important;
  text-align: left !important;
}

html[lang="en"] .inner-hero-content {
  direction: ltr;
  text-align: center;
}

html[lang="en"] .inner-hero-content p {
  text-align: center;
}

/* =========================
   Side Panel
   ========================= */

html[lang="en"] .side-panel,
html[lang="en"] .side-panel * {
  direction: ltr;
}

html[lang="en"] .side-panel {
  text-align: left;
}

html[lang="en"] .side-panel-contact-item,
html[lang="en"] .side-panel-link,
html[lang="en"] .side-panel-social a {
  flex-direction: row;
  text-align: left;
}

/* =========================
   Content Layout
   ========================= */

html[lang="en"] .about-section,
html[lang="en"] .project-intro,
html[lang="en"] .gallery-rows-section,
html[lang="en"] .home-tourism-banner,
html[lang="en"] .inner-page {
  direction: ltr;
}

html[lang="en"] .about-title,
html[lang="en"] .about-body,
html[lang="en"] .about-body p,
html[lang="en"] .about-highlight,
html[lang="en"] .about-subtitle,
html[lang="en"] .project-intro-text,
html[lang="en"] .project-intro-text p,
html[lang="en"] .ceo-text,
html[lang="en"] .ceo-text p,
html[lang="en"] .section-heading,
html[lang="en"] .section-heading p {
  text-align: left !important;
}

html[lang="en"] .about-highlight {
  padding-inline-start: 22px !important;
  padding-inline-end: 34px !important;
}

/* =========================
   English CTA Rule
   LTR: button under text aligned right
   ========================= */

html[lang="en"] .about-cta,
html[lang="en"] .project-intro-actions,
html[lang="en"] .hotel-intro-actions,
html[lang="en"] .hotel-room-content,
html[lang="en"] .hotel-cta-box,
html[lang="en"] .hotel-bottom-video-content,
html[lang="en"] .bazaar-cta-box,
html[lang="en"] .restaurant-cta-box,
html[lang="en"] .residence-actions,
html[lang="en"] .residence-cta-box,
html[lang="en"] .golf-actions,
html[lang="en"] .golf-cta-box,
html[lang="en"] .kd-request-actions,
html[lang="en"] .kd-form-footer,
html[lang="en"] .contact-form-footer,
html[lang="en"] .page-bottom-video-content {
  direction: ltr;
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  text-align: left !important;
}

html[lang="en"] .about-cta > a,
html[lang="en"] .project-intro-actions > a,
html[lang="en"] .hotel-intro-actions > a,
html[lang="en"] .hotel-room-content > a,
html[lang="en"] .hotel-cta-box > a,
html[lang="en"] .hotel-bottom-video-content > a,
html[lang="en"] .bazaar-cta-box > a,
html[lang="en"] .restaurant-cta-box > a,
html[lang="en"] .residence-actions > a,
html[lang="en"] .residence-cta-box > a,
html[lang="en"] .golf-actions > a,
html[lang="en"] .golf-cta-box > a,
html[lang="en"] .kd-request-actions > a,
html[lang="en"] .kd-submit-btn,
html[lang="en"] .contact-form-footer > button,
html[lang="en"] .page-bottom-video-content > a {
  align-self: flex-end !important;
  text-align: center !important;
}

/* =========================
   Cards / Lists / Icons
   English: icon before text on left
   ========================= */

html[lang="en"] .hotel-feature-item,
html[lang="en"] .restaurant-benefit-item,
html[lang="en"] .residence-benefit-item,
html[lang="en"] .golf-training-item,
html[lang="en"] .kd-request-note-item,
html[lang="en"] .kd-request-summary-item,
html[lang="en"] .contact-info-item,
html[lang="en"] .contact-form-note,
html[lang="en"] .contact-map-actions a {
  direction: ltr;
  flex-direction: row;
  text-align: left;
}

html[lang="en"] .hotel-feature-item i,
html[lang="en"] .restaurant-benefit-item i,
html[lang="en"] .residence-benefit-item i,
html[lang="en"] .golf-training-item i,
html[lang="en"] .kd-request-note-item i,
html[lang="en"] .kd-request-summary-item i,
html[lang="en"] .contact-info-item i,
html[lang="en"] .contact-form-note i,
html[lang="en"] .contact-map-actions a i {
  margin-left: 0;
  margin-right: 8px;
}

/* Footer contact HTML is text first, icon second.
   For English visual order, icon must appear before text. */
html[lang="en"] .kd-contact-item {
  direction: ltr;
  flex-direction: row-reverse;
  text-align: left;
}

html[lang="en"] .kd-contact-text {
  text-align: left;
}

/* =========================
   Gallery Rows
   ========================= */

html[lang="en"] .gallery-row,
html[lang="en"] .gallery-row-content,
html[lang="en"] .gallery-row-text {
  direction: ltr;
  text-align: left;
}

html[lang="en"] .gallery-row-title,
html[lang="en"] .gallery-row-caption {
  text-align: left;
}

/* =========================
   Forms
   ========================= */

html[lang="en"] .kd-request-page,
html[lang="en"] .kd-request-page *,
html[lang="en"] .contact-page,
html[lang="en"] .contact-page * {
  direction: ltr;
}

html[lang="en"] .kd-request-intro-card p,
html[lang="en"] .kd-request-note-card p,
html[lang="en"] .kd-request-form-head p,
html[lang="en"] .kd-request-summary p,
html[lang="en"] .kd-form-footer p,
html[lang="en"] .contact-form-footer p,
html[lang="en"] .contact-intro-text p,
html[lang="en"] .contact-map-content p {
  text-align: left;
}

html[lang="en"] .kd-service-card {
  text-align: left;
}

html[lang="en"] .kd-request-panel-title,
html[lang="en"] .contact-field label {
  text-align: left;
}

html[lang="en"] input[dir="ltr"],
html[lang="en"] .kd-form-field input[dir="ltr"],
html[lang="en"] .contact-field input[dir="ltr"] {
  direction: ltr;
  text-align: left;
}

/* =========================
   Footer
   ========================= */

html[lang="en"] .kd-footer,
html[lang="en"] .kd-footer * {
  direction: ltr;
}

html[lang="en"] .kd-footer-title,
html[lang="en"] .kd-footer-links,
html[lang="en"] .kd-footer-social,
html[lang="en"] .kd-footer-bottom {
  text-align: left;
}

html[lang="en"] .kd-footer-links {
  align-items: flex-start;
}

html[lang="en"] .kd-footer-social a {
  flex-direction: row;
}

/* =========================
   Mobile
   ========================= */

@media(max-width: 760px) {
  html[lang="en"] .primary-nav,
  html[lang="en"] .inner-menu {
    direction: ltr;
  }

  html[lang="en"] .hero-text {
    text-align: left !important;
  }

  html[lang="en"] .hero-subtitle {
    margin-inline-end: 0 !important;
  }

  html[lang="en"] .about-title,
  html[lang="en"] .about-body,
  html[lang="en"] .about-body p,
  html[lang="en"] .about-highlight {
    text-align: left !important;
  }
}