/*
Theme Name: Laguna Bay Final
Theme URI: https://lagunabay.com
Author: Laguna Bay
Description: Standalone Laguna Bay WordPress landing theme with auto-imported English/Arabic pages, responsive gallery, leads storage, CSV export, sea ambience, and Customizer typography controls.
Version: 4.3.0
Requires at least: 6.0
Tested up to: 6.8
Requires PHP: 7.4
Text Domain: laguna-bay
*/


/* ==========================================================
   FINAL ARABIC TYPOGRAPHY FIX
   One Arabic font across the whole Arabic version.
   Font loaded in functions.php: Cairo from Google Fonts.
========================================================== */
html[lang="ar"],
html[lang="ar"] body {
  direction: rtl;
  text-align: right;
}

html[lang="ar"] body,
html[lang="ar"] body *:not(svg):not(svg *),
html[lang="ar"] input,
html[lang="ar"] textarea,
html[lang="ar"] select,
html[lang="ar"] button {
  font-family: 'Cairo', sans-serif !important;
}

html[lang="ar"] body {
  font-size: var(--laguna-body-font-size, 16px);
  line-height: var(--laguna-body-line-height, 1.7);
}

html[lang="ar"] p,
html[lang="ar"] li,
html[lang="ar"] a,
html[lang="ar"] span,
html[lang="ar"] label,
html[lang="ar"] input,
html[lang="ar"] textarea,
html[lang="ar"] select,
html[lang="ar"] button,
html[lang="ar"] figcaption {
  line-height: inherit;
}

html[lang="ar"] .navbar,
html[lang="ar"] .navbar__links,
html[lang="ar"] .navbar__actions,
html[lang="ar"] .hero,
html[lang="ar"] .section__head,
html[lang="ar"] .search-panel,
html[lang="ar"] .trust-rail,
html[lang="ar"] .properties__grid,
html[lang="ar"] .location-grid,
html[lang="ar"] .about,
html[lang="ar"] .process__timeline,
html[lang="ar"] .testimonials__shell,
html[lang="ar"] .cta,
html[lang="ar"] .footer__top,
html[lang="ar"] .footer__bottom,
html[lang="ar"] .lead-section__shell,
html[lang="ar"] .modal__panel,
html[lang="ar"] .gallery-modal__bar {
  direction: rtl;
}

html[lang="ar"] .hero__title,
html[lang="ar"] .section__title,
html[lang="ar"] .cta__title,
html[lang="ar"] .testimonial__text,
html[lang="ar"] .modal__title,
html[lang="ar"] .footer__logo,
html[lang="ar"] .navbar__logo {
  font-family: 'Cairo', sans-serif !important;
  line-height: 1.25;
  letter-spacing: 0 !important;
  text-transform: none !important;
  overflow: visible;
}

html[lang="ar"] .eyebrow,
html[lang="ar"] .navbar__links a,
html[lang="ar"] .navbar__cta,
html[lang="ar"] .btn,
html[lang="ar"] .search-field__label,
html[lang="ar"] .property-card__badge,
html[lang="ar"] .gallery-view-btn,
html[lang="ar"] .gallery-open-btn,
html[lang="ar"] .footer__head,
html[lang="ar"] .lead-field span {
  letter-spacing: 0 !important;
  text-transform: none !important;
}

html[lang="ar"] .eyebrow::before {
  order: 2;
}

html[lang="ar"] .hero__title .line,
html[lang="ar"] .section__title,
html[lang="ar"] .cta__title {
  overflow: visible !important;
  padding-block: 0.08em;
}

html[lang="ar"] .navbar__links a,
html[lang="ar"] .footer__links a,
html[lang="ar"] input,
html[lang="ar"] textarea,
html[lang="ar"] select {
  direction: rtl;
  text-align: right;
}


/* ==========================================================
   V4 PERFORMANCE + LANGUAGE PAGE SAFETY
   Keeps the original visual style; only prevents text clipping and layout hang.
========================================================== */
html.is-ar .loader__mark { font-family: 'Cairo', sans-serif !important; letter-spacing: 0 !important; }
html.is-ar .hero__title .word { transform-origin: right bottom; }
html.is-ar .hero__title,
html.is-ar .section__title,
html.is-ar .cta__title { word-break: normal; overflow-wrap: normal; white-space: normal; }
html.is-ar .navbar__logo { gap: 8px; }
html.is-ar .navbar__logo svg { margin-right: 0; margin-left: auto; }
html.is-ar .property-card__body,
html.is-ar .photo-card__label,
html.is-ar .photo-tile__label,
html.is-ar .gallery-card__label { text-align: right; }
html.is-ar .gallery-modal__tools { direction: rtl; }
html.is-ar .gallery-modal__count { text-align: left; }
html.is-ar .footer__links a:hover { transform: translateX(-3px); }
html.is-ar .lead-form__status { text-align: right; }
html.is-ar .search-field__input { min-width: 0; }
html.is-ar .modal__close,
html.is-ar .gallery-modal__close,
html.is-ar .gallery-lightbox__close { font-family: Arial, sans-serif !important; }
@media (max-width: 700px) {
  html.is-ar .hero__title { line-height: 1.2 !important; }
  html.is-ar .section__title,
  html.is-ar .cta__title { line-height: 1.25 !important; }
}


/* V4.1 Arabic header readability + richer project-data section */
html[lang="ar"] .navbar__logo { font-size: clamp(1.45rem, 2vw, 1.95rem) !important; }
html[lang="ar"] .navbar__links a { font-size: clamp(0.98rem, 1.15vw, 1.12rem) !important; font-weight: 700 !important; }
html[lang="ar"] .navbar__cta,
html[lang="ar"] .nav-toggle__text,
html[lang="ar"] .icon-btn { font-size: clamp(0.92rem, 1vw, 1.05rem) !important; font-weight: 700 !important; }
.project-data { background: linear-gradient(180deg, var(--color-bg-3), var(--color-bg)); }
.project-data__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; }
.project-data__card { padding: clamp(22px, 3vw, 34px); border: 1px solid var(--color-border); background: var(--color-surface); box-shadow: 0 24px 70px var(--shadow-soft); }
.project-data__card h3 { font-family: var(--font-display); font-size: clamp(1.45rem, 2vw, 2.1rem); color: var(--color-accent); margin-bottom: 18px; }
.project-data__list { display: grid; gap: 11px; list-style: none; }
.project-data__list li { display: flex; gap: 10px; align-items: flex-start; color: var(--color-text-soft); line-height: 1.75; }
.project-data__list li::before { content: ''; width: 7px; height: 7px; margin-top: .72em; flex: 0 0 7px; border-radius: 999px; background: var(--color-accent); box-shadow: 0 0 0 6px var(--color-accent-muted); }
html[dir="rtl"] .project-data__list li::before { margin-left: 2px; margin-right: 0; }
@media (max-width: 980px) { .project-data__grid { grid-template-columns: 1fr; } }
@media (max-width: 700px) {
  html[lang="ar"] .navbar__logo { font-size: clamp(1.15rem, 5vw, 1.45rem) !important; }
  html[lang="ar"] .navbar__links a { font-size: 1rem !important; }
}