/*
Theme Name: OmanCrest
Theme URI: https://omancrest.com
Author: OmanCrest
Description: Luxury Real Estate theme for Oman
Version: 1.0
Text Domain: omancrest
*/

@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;0,600;1,300;1,400&family=Jost:wght@300;400;500;600&display=swap');

:root {
  --gold: #C9A96E;
  --gold-light: #E8D5B0;
  --gold-dark: #A07840;
  --dark: #0D0D0B;
  --dark2: #181815;
  --dark3: #242420;
  --text: #E8E8E2;
  --text-muted: #9A9A8E;
  --white: #FAFAF7;
}

*, *::before, *::after { margin:0; padding:0; box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { font-family:'Jost',sans-serif; background:var(--dark); color:var(--text); font-weight:300; line-height:1.7; overflow-x:hidden; }
img { max-width:100%; height:auto; display:block; }
a { text-decoration:none; color:inherit; }
ul { list-style:none; }
button { cursor:pointer; font-family:inherit; }

h1,h2,h3,h4,h5 { font-family:'Cormorant Garamond',serif; font-weight:300; line-height:1.15; color:var(--white); }
h1 { font-size:clamp(42px,6vw,88px); }
h2 { font-size:clamp(32px,4vw,56px); }
h3 { font-size:clamp(22px,2.5vw,32px); }
em { font-style:italic; color:var(--gold); }
p { margin-bottom:1rem; }

.container { max-width:1280px; margin:0 auto; padding:0 48px; }
.section { padding:100px 0; }
.section--dark { background:var(--dark); }
.section--dark2 { background:var(--dark2); }
.section--dark3 { background:var(--dark3); }

.section-label { display:flex; align-items:center; gap:16px; margin-bottom:20px; }
.section-label__line { width:40px; height:1px; background:var(--gold); flex-shrink:0; }
.section-label__text { font-size:11px; letter-spacing:3px; text-transform:uppercase; color:var(--gold); font-weight:400; }

.btn { display:inline-block; padding:16px 40px; font-size:12px; font-weight:500; letter-spacing:2px; text-transform:uppercase; transition:all .3s; border:none; font-family:'Jost',sans-serif; }
.btn--primary { background:var(--gold); color:var(--dark); }
.btn--primary:hover { background:var(--gold-light); color:var(--dark); }
.btn--outline { background:transparent; color:var(--white); border:1px solid rgba(255,255,255,0.4); }
.btn--outline:hover { border-color:var(--gold); color:var(--gold); }
.btn--gold-outline { background:transparent; color:var(--gold); border:1px solid var(--gold); }
.btn--gold-outline:hover { background:var(--gold); color:var(--dark); }

.site-header { position:fixed; top:0; left:0; right:0; z-index:100; height:72px; display:flex; align-items:center; background:rgba(13,13,11,0.85); backdrop-filter:blur(12px); border-bottom:1px solid rgba(201,169,110,0.15); transition:background .3s; }
.site-header .container { display:flex; align-items:center; justify-content:space-between; width:100%; }
.site-logo { font-family:'Cormorant Garamond',serif; font-size:22px; font-weight:500; letter-spacing:3px; color:var(--gold); text-transform:uppercase; line-height:1; }
.site-logo span { display:block; font-size:11px; font-weight:300; letter-spacing:2px; color:var(--text-muted); margin-top:2px; font-family:'Jost',sans-serif; }
.main-nav { display:flex; align-items:center; gap:32px; }
.main-nav a { font-size:12px; font-weight:400; letter-spacing:1.5px; text-transform:uppercase; color:var(--text-muted); transition:color .3s; }
.main-nav a:hover { color:var(--gold); }
.nav-enquire { background:transparent; border:1px solid var(--gold); color:var(--gold) !important; padding:10px 24px; font-size:11px !important; letter-spacing:2px !important; transition:all .3s !important; }
.nav-enquire:hover { background:var(--gold) !important; color:var(--dark) !important; }

.lang-switcher { position:relative; }
.lang-current { display:flex; align-items:center; gap:6px; font-size:11px; font-weight:500; letter-spacing:2px; color:var(--gold); cursor:pointer; padding:8px 12px; border:1px solid rgba(201,169,110,0.3); text-transform:uppercase; user-select:none; transition:all .3s; }
.lang-current::after { content:'▾'; font-size:9px; }
.lang-current:hover { border-color:var(--gold); background:rgba(201,169,110,0.08); }
.lang-dropdown { display:none; position:absolute; top:calc(100% + 8px); right:0; background:rgba(13,13,11,0.98); border:1px solid rgba(201,169,110,0.2); min-width:150px; z-index:500; backdrop-filter:blur(16px); }
.lang-switcher::after { content:''; position:absolute; top:100%; right:0; width:100%; height:12px; }
.lang-switcher:hover .lang-dropdown, .lang-dropdown:hover { display:block; }
.lang-dropdown a { display:flex; align-items:center; justify-content:space-between; padding:12px 16px; font-size:12px; color:var(--text-muted) !important; border-bottom:1px solid rgba(255,255,255,0.05); transition:all .3s; letter-spacing:1px; text-transform:uppercase; }
.lang-dropdown a:last-child { border-bottom:none; }
.lang-dropdown a:hover { color:var(--gold) !important; background:rgba(201,169,110,0.06); }

.nav-toggle { display:none; flex-direction:column; gap:5px; background:none; border:none; padding:4px; }
.nav-toggle span { display:block; width:24px; height:1px; background:var(--gold); transition:all .3s; }

.hero { position:relative; height:100vh; min-height:700px; display:flex; align-items:flex-end; overflow:hidden; }
.hero__bg { position:absolute; inset:0; background-size:cover; background-position:center; }
.hero__overlay { position:absolute; inset:0; background:linear-gradient(to bottom,rgba(13,13,11,0.2) 0%,rgba(13,13,11,0.15) 40%,rgba(13,13,11,0.88) 100%); }
.hero__content { position:relative; z-index:2; padding-bottom:80px; max-width:860px; }
.hero__eyebrow { display:flex; align-items:center; gap:16px; margin-bottom:24px; }
.hero__eyebrow-line { width:48px; height:1px; background:var(--gold); }
.hero__eyebrow-text { font-size:12px; letter-spacing:3px; text-transform:uppercase; color:var(--gold); }
.hero__title { font-size:clamp(52px,7vw,92px); font-weight:300; line-height:1.0; letter-spacing:-1px; color:var(--white); margin-bottom:32px; }
.hero__stats { display:flex; gap:48px; margin-bottom:40px; flex-wrap:wrap; }
.hero__stat-value { font-family:'Cormorant Garamond',serif; font-size:28px; font-weight:500; color:var(--gold); line-height:1; }
.hero__stat-label { font-size:11px; letter-spacing:2px; text-transform:uppercase; color:var(--text-muted); margin-top:4px; }
.hero__actions { display:flex; gap:16px; flex-wrap:wrap; }
.hero__scroll { position:absolute; bottom:40px; right:0; display:flex; flex-direction:column; align-items:center; gap:8px; z-index:2; }
.hero__scroll span { font-size:10px; letter-spacing:3px; text-transform:uppercase; color:var(--text-muted); writing-mode:vertical-lr; transform:rotate(180deg); }
.hero__scroll-line { width:1px; height:60px; background:linear-gradient(to bottom,var(--gold),transparent); animation:scrollPulse 2s ease-in-out infinite; }
@keyframes scrollPulse { 0%,100%{opacity:1;transform:scaleY(1)}50%{opacity:0.4;transform:scaleY(0.6)} }

.stats-bar { background:var(--dark3); border-top:1px solid rgba(201,169,110,0.2); border-bottom:1px solid rgba(201,169,110,0.2); padding:48px 0; }
.stats-bar .container { display:grid; grid-template-columns:repeat(4,1fr); gap:48px; }
.stats-bar__item { text-align:center; border-right:1px solid rgba(255,255,255,0.07); padding:0 24px; }
.stats-bar__item:last-child { border-right:none; }
.stats-bar__value { font-family:'Cormorant Garamond',serif; font-size:40px; font-weight:300; color:var(--gold); line-height:1; }
.stats-bar__label { font-size:11px; letter-spacing:2px; text-transform:uppercase; color:var(--text-muted); margin-top:8px; }

.projects-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:24px; margin-top:64px; }
.project-card { background:var(--dark3); overflow:hidden; transition:transform .3s; display:block; color:inherit; }
.project-card:hover { transform:translateY(-6px); }
.project-card__img-wrap { position:relative; overflow:hidden; aspect-ratio:4/3; }
.project-card__img { width:100%; height:100%; object-fit:cover; filter:brightness(0.8); transition:filter .5s,transform .5s; }
.project-card:hover .project-card__img { filter:brightness(1); transform:scale(1.05); }
.project-card__badge { position:absolute; top:16px; left:16px; background:var(--gold); color:var(--dark); font-size:10px; letter-spacing:2px; text-transform:uppercase; padding:6px 12px; font-weight:500; }
.project-card__badge--soldout { background:var(--dark3); color:var(--text-muted); border:1px solid rgba(255,255,255,0.1); }
.project-card__body { padding:28px; }
.project-card__type { font-size:11px; letter-spacing:2px; text-transform:uppercase; color:var(--gold); margin-bottom:8px; }
.project-card__title { font-family:'Cormorant Garamond',serif; font-size:22px; font-weight:400; color:var(--white); margin-bottom:8px; line-height:1.3; }
.project-card__price { font-family:'Cormorant Garamond',serif; font-size:18px; color:var(--gold); margin-bottom:12px; }
.project-card__meta { display:flex; gap:20px; font-size:13px; color:var(--text-muted); padding-top:16px; border-top:1px solid rgba(255,255,255,0.07); flex-wrap:wrap; }

.news-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:24px; margin-top:48px; }
.news-card { background:var(--dark3); overflow:hidden; transition:transform .3s; display:block; }
.news-card:hover { transform:translateY(-4px); }
.news-card__img-wrap { overflow:hidden; aspect-ratio:16/9; }
.news-card__img { width:100%; height:100%; object-fit:cover; filter:brightness(0.8); transition:filter .4s,transform .4s; }
.news-card:hover .news-card__img { filter:brightness(1); transform:scale(1.04); }
.news-card__body { padding:24px; }
.news-card__lang { font-size:10px; letter-spacing:2px; text-transform:uppercase; color:var(--gold); margin-bottom:8px; }
.news-card__title { font-family:'Cormorant Garamond',serif; font-size:18px; color:var(--white); line-height:1.4; margin-bottom:12px; }
.news-card__excerpt { font-size:13px; color:var(--text-muted); line-height:1.6; margin-bottom:16px; }
.news-card__date { font-size:11px; color:var(--text-muted); }

.visa-section { background:linear-gradient(135deg,#1A160E 0%,#0D0D0B 100%); padding:80px 0; border-top:1px solid rgba(201,169,110,0.2); border-bottom:1px solid rgba(201,169,110,0.2); }
.visa-wrap { display:flex; align-items:center; justify-content:space-between; gap:48px; }
.visa-badge { display:inline-flex; align-items:center; gap:12px; background:rgba(201,169,110,0.1); border:1px solid rgba(201,169,110,0.3); padding:10px 20px; margin-bottom:24px; font-size:11px; letter-spacing:2px; text-transform:uppercase; color:var(--gold); }
.visa-points { display:flex; gap:24px; flex-wrap:wrap; margin-top:32px; }
.visa-point { display:flex; align-items:center; gap:12px; }
.visa-point__icon { width:36px; height:36px; border:1px solid var(--gold); display:flex; align-items:center; justify-content:center; font-size:16px; flex-shrink:0; }
.visa-point__text { font-size:14px; color:var(--text); }

.contact-wrap { display:grid; grid-template-columns:1fr 1fr; gap:80px; align-items:start; }
.contact-promises { margin-top:32px; display:flex; flex-direction:column; gap:20px; }
.contact-promise { display:flex; gap:16px; align-items:flex-start; }
.contact-promise__icon { width:40px; height:40px; border:1px solid rgba(201,169,110,0.3); display:flex; align-items:center; justify-content:center; font-size:18px; flex-shrink:0; }
.contact-promise__title { font-size:14px; font-weight:500; color:var(--white); margin-bottom:4px; }
.contact-promise__desc { font-size:13px; color:var(--text-muted); line-height:1.6; }

.project-enquiry-form { background:var(--dark3); padding:40px; }
.project-enquiry-form h3 { font-size:26px; margin-bottom:8px; }
.project-enquiry-form p { font-size:13px; color:var(--text-muted); margin-bottom:28px; }

.form-group { margin-bottom:18px; }
.form-label { display:block; font-size:11px; letter-spacing:2px; text-transform:uppercase; color:var(--text-muted); margin-bottom:8px; }
.form-input,.form-select,.form-textarea { width:100%; background:rgba(255,255,255,0.04); border:1px solid rgba(255,255,255,0.1); color:var(--white); padding:14px 16px; font-family:'Jost',sans-serif; font-size:14px; font-weight:300; outline:none; transition:border-color .3s; border-radius:0; appearance:none; }
.form-input:focus,.form-select:focus { border-color:var(--gold); }
.form-input::placeholder { color:rgba(154,154,142,0.5); }
.form-submit { width:100%; background:var(--gold); color:var(--dark); border:none; padding:16px; font-size:12px; font-weight:600; letter-spacing:3px; text-transform:uppercase; cursor:pointer; transition:background .3s; margin-top:8px; }
.form-submit:hover { background:var(--gold-light); }

.site-footer { background:var(--dark2); padding:64px 0 32px; border-top:1px solid rgba(255,255,255,0.06); }
.footer-grid { display:grid; grid-template-columns:2fr 1fr 1fr 1fr; gap:48px; padding-bottom:48px; border-bottom:1px solid rgba(255,255,255,0.06); margin-bottom:32px; }
.footer-brand p { font-size:14px; color:var(--text-muted); line-height:1.8; margin-top:20px; max-width:360px; }
.footer-col h4 { font-size:11px; letter-spacing:2px; text-transform:uppercase; color:var(--gold); font-weight:500; margin-bottom:20px; font-family:'Jost',sans-serif; }
.footer-col ul li { margin-bottom:12px; }
.footer-col ul li a { font-size:14px; color:var(--text-muted); transition:color .3s; }
.footer-col ul li a:hover { color:var(--gold); }
.footer-contact-item { display:flex; gap:12px; margin-bottom:14px; font-size:13px; color:var(--text-muted); }
.footer-bottom { display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:16px; }
.footer-bottom p { font-size:12px; color:rgba(154,154,142,0.5); max-width:700px; margin:0; }
.footer-bottom-links { display:flex; gap:24px; }
.footer-bottom-links a { font-size:12px; color:var(--text-muted); transition:color .3s; }
.footer-bottom-links a:hover { color:var(--gold); }

.whatsapp-float { position:fixed; bottom:32px; right:32px; width:56px; height:56px; background:#25D366; border-radius:50%; display:flex; align-items:center; justify-content:center; z-index:200; box-shadow:0 4px 20px rgba(37,211,102,0.4); transition:transform .3s,box-shadow .3s; }
.whatsapp-float:hover { transform:scale(1.1); box-shadow:0 6px 28px rgba(37,211,102,0.5); }
.whatsapp-float svg { width:28px; height:28px; fill:white; }

.modal-overlay { position:fixed; inset:0; background:rgba(0,0,0,0.75); backdrop-filter:blur(6px); z-index:300; display:none; align-items:center; justify-content:center; padding:24px; }
.modal-overlay.active { display:flex; }
.modal { background:var(--dark2); max-width:520px; width:100%; padding:48px; position:relative; max-height:90vh; overflow-y:auto; }
.modal-close { position:absolute; top:20px; right:20px; background:none; border:none; color:var(--text-muted); font-size:28px; cursor:pointer; line-height:1; transition:color .3s; }
.modal-close:hover { color:var(--white); }

.reveal { opacity:0; transform:translateY(28px); transition:opacity .7s ease,transform .7s ease; }
.reveal.visible { opacity:1; transform:translateY(0); }

.section-header { margin-bottom:48px; }

@media(max-width:1024px) {
  .container{padding:0 32px;}
  .projects-grid{grid-template-columns:repeat(2,1fr);}
  .news-grid{grid-template-columns:repeat(2,1fr);}
  .footer-grid{grid-template-columns:1fr 1fr;gap:40px;}
  .contact-wrap{grid-template-columns:1fr;}
  .visa-wrap{flex-direction:column;}
  .stats-bar .container{grid-template-columns:repeat(2,1fr);}
}
@media(max-width:768px) {
  .container{padding:0 20px;}
  .section{padding:60px 0;}
  .main-nav{display:none;}
  .nav-toggle{display:flex;}
  .main-nav.open{display:flex;flex-direction:column;position:fixed;top:72px;left:0;right:0;background:rgba(13,13,11,0.98);padding:32px 24px;gap:24px;border-bottom:1px solid rgba(201,169,110,0.2);}
  .projects-grid{grid-template-columns:1fr;}
  .news-grid{grid-template-columns:1fr;}
  .footer-grid{grid-template-columns:1fr;gap:32px;}
  .footer-bottom{flex-direction:column;align-items:flex-start;}
  .hero__title{font-size:clamp(36px,9vw,52px);}
  .hero__stats{gap:24px;}
  .stats-bar .container{grid-template-columns:1fr 1fr;gap:24px;}
  .project-enquiry-form{padding:28px 20px;}
  .modal{padding:32px 20px;}
  .whatsapp-float{bottom:80px;right:20px;}
  .contact-wrap{grid-template-columns:1fr;}
}

.highlight-card { background:var(--dark3); padding:40px 32px; position:relative; overflow:hidden; transition:background .3s; }
.highlight-card::before { content:''; position:absolute; bottom:0; left:0; width:100%; height:3px; background:var(--gold); transform:scaleX(0); transform-origin:left; transition:transform .4s; }
.highlight-card:hover::before { transform:scaleX(1); }
.highlight-card:hover { background:#1E1E1A; }

/* Hero text visibility fix */
.hero__title {
  text-shadow: 0 2px 20px rgba(0,0,0,0.9), 0 4px 40px rgba(0,0,0,0.7) !important;
}
.hero__eyebrow-text {
  text-shadow: 0 1px 8px rgba(0,0,0,0.9) !important;
  background: rgba(0,0,0,0.4);
  padding: 4px 8px;
}
.hero__stat-value {
  text-shadow: 0 2px 12px rgba(0,0,0,0.9) !important;
}
.hero__stat-label {
  text-shadow: 0 1px 8px rgba(0,0,0,0.9) !important;
}
.hero__content p {
  text-shadow: 0 1px 8px rgba(0,0,0,0.95) !important;
  background: rgba(0,0,0,0.35);
  padding: 12px 16px;
  backdrop-filter: blur(2px);
}
.hero__overlay {
  background: linear-gradient(
    to bottom,
    rgba(0,0,0,0.45) 0%,
    rgba(0,0,0,0.35) 30%,
    rgba(13,13,11,0.92) 100%
  ) !important;
}

/* Why Oman grid - mobile fix */
@media (max-width: 768px) {
  .highlight-card {
    padding: 24px 20px !important;
  }
  /* Override the inline grid style for why-oman section */
  [style*="grid-template-columns:repeat(3,1fr)"] {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 2px !important;
  }
}

@media (max-width: 480px) {
  [style*="grid-template-columns:repeat(3,1fr)"] {
    grid-template-columns: 1fr !important;
  }
}

/* Fix select dropdown text color */
.form-select {
  color: var(--white) !important;
  background-color: rgba(255,255,255,0.04) !important;
}
.form-select option {
  background-color: #242420 !important;
  color: var(--white) !important;
}

/* Content page fixes */
.wp-block-group, .entry-content > * {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
.entry-content h3 {
  font-size: 22px !important;
  margin-bottom: 12px !important;
  margin-top: 0 !important;
}
.entry-content p {
  margin-bottom: 0 !important;
}

/* Fix news card title size */
.news-card__title {
  font-size: 16px !important;
  line-height: 1.5 !important;
  max-height: 72px !important;
  overflow: hidden !important;
}

/* Fix news title overflow */
.news-card__title {
  font-size: 16px !important;
  line-height: 1.5 !important;
  overflow: hidden !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 3 !important;
  -webkit-box-orient: vertical !important;
  max-height: 72px !important;
}
.news-card__title h1,
.news-card__title h2,
.news-card__title h3 {
  font-size: 16px !important;
  margin: 0 !important;
}

/* intl-tel-input dark theme */
.iti__dropdown-content,
div.iti__dropdown-content {
  background-color: #181815 !important;
  border: 1px solid rgba(201,169,110,0.3) !important;
}
.iti__dropdown-content .iti__country,
div.iti__dropdown-content .iti__country {
  color: #fff !important;
  background-color: #181815 !important;
}
.iti__dropdown-content .iti__country:hover,
.iti__dropdown-content .iti__country.iti__highlight {
  background-color: #242420 !important;
}
.iti__dropdown-content .iti__search-input {
  background-color: #242420 !important;
  color: #fff !important;
  border-bottom: 1px solid rgba(201,169,110,0.3) !important;
}
.iti__dropdown-content .iti__country-name {
  color: #fff !important;
}
.iti__dropdown-content .iti__dial-code {
  color: rgba(255,255,255,0.6) !important;
}
.iti__selected-flag {
  background: transparent !important;
}
.iti { width: 100% !important; }