/* Airea mobile CI: src/theme/{colors,spacing,typography}.ts.
   Keep Homzen's responsive layout, CMS content and form behaviour. */
:root {
  color-scheme: light;
  --airea-navy: #023B86;
  --airea-deep: #012354;
  --airea-ice: #EBF3FA;
  --airea-surface: #F8FAFC;
  --airea-border: #E2E8F0;
  --airea-text: #0F172A;
  --airea-muted: #64748B;
  --primary-color: var(--airea-navy);
  --hover-color: var(--airea-deep);
  --primary-color-rgb: 2, 59, 134;
  --top-header-background-color: var(--airea-ice);
  --top-header-text-color: var(--airea-navy);
  --main-header-background-color: #fff;
  --main-header-text-color: var(--airea-text);
  --main-header-border-color: var(--airea-border);
  --footer-text-color: var(--airea-muted);
  --footer-heading-color: var(--airea-text);
  --footer-hover-color: var(--airea-navy);
  --body-font: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Tahoma, sans-serif;
  --heading-font: var(--body-font);
}
body { background: var(--airea-surface); color: var(--airea-text); font-family: var(--body-font); }
h1,h2,h3,h4,h5,h6 { font-family: var(--heading-font); }
.airea-brand-logo { display: block; width: 160px; height: 56px; max-width: 100%; object-fit: contain; }
#header .inner-container { padding-block: 12px; }
#header .logo-box { flex-shrink: 0; }
#header .logo img, .mobile-menu .nav-logo img { max-height: 56px; }
#header .header-lower { background: #fff; border-bottom: 1px solid var(--airea-border); }
#header.fixed-header { box-shadow: 0 4px 20px rgba(2,59,134,.06); }
.mobile-menu .menu-box { background: #fff; }
.tf-btn, .mobile-add-listing-btn, .mobile-signin-btn { border-radius: 999px; font-weight: 700; }
.tf-btn.primary { background: var(--airea-navy); border-color: var(--airea-navy); color: #fff; }
.tf-btn.primary:hover { background: var(--airea-deep); border-color: var(--airea-deep); }
.tf-btn.style-border { color: var(--airea-navy); border-color: #D0E3F4; background: #fff; }
.tf-btn.style-border:hover { color: #fff; background: var(--airea-navy); border-color: var(--airea-navy); }
.homeya-box, .widget-box, .box-agent.style-card { border: 1px solid var(--airea-border); border-radius: 20px; background: #fff; box-shadow: 0 4px 16px rgba(2,59,134,.05); overflow: hidden; }
.homeya-box:hover { border-color: #D0E3F4; box-shadow: 0 8px 24px rgba(2,59,134,.08); }
.homeya-box .content .link, .homeya-box .archive-bottom .price { color: var(--airea-navy); }
.homeya-box .archive-bottom { border-color: var(--airea-border); }
.homeya-box .images-style { border-radius: 18px; }
.flag-tag { border-radius: 999px; }
.flag-tag.style-2 { background: var(--airea-ice); color: var(--airea-navy); }
.nice-select, .form-control, .wd-search-form, .wd-find-select { border-color: var(--airea-border); border-radius: 18px; }
.footer { background: #fff !important; border-top: 1px solid var(--airea-border); }
.footer .footer-bg-image { display: none; }
.footer .text-white, .footer h4, .footer h5 { color: var(--airea-text) !important; }
.footer .text-variant-2, .footer p, .footer li { color: var(--airea-muted); }
.airea-footer-brand { padding-top: 32px; }
.footer .top-footer, .footer .bottom-footer { border-color: var(--airea-border); }
.rental-homzen { color: var(--airea-text); }
.rental-homzen .tf-btn { border-radius: 999px; }
.rental-homzen h2 { font-size: clamp(22px,2.4vw,30px); font-weight: 700; }
.rental-homzen .section { padding-block: 40px; }
.rental-homzen .rental-hero { margin: 24px 0 0; padding: 0; border-radius: 24px; overflow: hidden; background: var(--airea-deep); }
.rental-homzen .rental-hero .slider-content { padding: 64px 32px 36px; }
.rental-homzen .rental-hero .overlay { background: linear-gradient(100deg,rgba(1,35,84,.92),rgba(2,59,134,.64)); }
.rental-homzen .rental-hero h1 { font-size: clamp(28px,3.4vw,44px); line-height: 1.45; color: #fff; }
.rental-homzen .rental-hero .subtitle, .rental-homzen .rental-hero-caption { color: #fff; }
.rental-homzen .rental-hero .style-border { color: var(--airea-navy); border-color: #D0E3F4; background: #fff; }
.rental-homzen .rental-hero .style-border:hover { color: #fff; background: var(--airea-navy); border-color: var(--airea-navy); }
.rental-homzen .rental-hero .rental-eyebrow { display: inline-block; color: #fff; background: rgba(255,255,255,.15); padding: 6px 16px; border-radius: 999px; }
.rental-homzen .rental-hero-search { border-radius: 24px; border: 1px solid #D0E3F4; box-shadow: 0 8px 24px rgba(2,59,134,.08); }
.rental-homzen .rental-hero-search label { color: var(--airea-text); }
.rental-homzen .search, .rental-homzen .tinted { background: var(--airea-ice); border-radius: 24px; }
.rental-homzen .guide-card, .rental-homzen .panel { border-color: var(--airea-border); border-radius: 20px; box-shadow: 0 4px 16px rgba(2,59,134,.04); }
.rental-homzen input:not([type=checkbox]):not([type=radio]), .rental-homzen textarea, .rental-homzen select { border-color: var(--airea-border); border-radius: 18px; background: var(--airea-surface); color: var(--airea-text); }
.rental-homzen .rental-card-grid { row-gap: 24px; }
.rental-homzen .homeya-box .images-style { border-radius: 0; }
.rental-homzen .homeya-box .content { padding: 16px; }
.rental-homzen .homeya-box h3 { font-size: 16px; line-height: 1.6; }
.rental-homzen .rental-card-bottom { padding: 16px; gap: 12px; flex-wrap: wrap; }
.rental-homzen .rental-card-bottom .fw-7 { color: var(--airea-navy); font-variant-numeric: tabular-nums; }
.rental-homzen .rental-reference-tag { background: var(--airea-ice); color: var(--airea-navy); }
.rental-homzen .rental-status { color: var(--airea-muted); }
.rental-homzen .closing { background: var(--airea-ice); color: var(--airea-text); border-radius: 24px; }
.rental-homzen .closing h2, .rental-homzen .closing p { color: var(--airea-text); }
.rental-homzen dt { background: var(--airea-ice); }
.rental-homzen dd, .rental-homzen dt, .rental-homzen dl { border-color: var(--airea-border); }
a:focus-visible, button:focus-visible, input:focus-visible, textarea:focus-visible, select:focus-visible { outline: 3px solid #2A60A0; outline-offset: 3px; }
@media (max-width: 767px) {
  .airea-brand-logo { width: 128px; height: 45px; }
  #header .inner-container { padding-block: 8px; }
  .rental-homzen .rental-hero { margin-top: 16px; border-radius: 20px; }
  .rental-homzen .rental-hero .slider-content { padding: 32px 8px 24px; }
  .rental-homzen .rental-hero h1 { font-size: 28px; }
  .rental-homzen .rental-hero .subtitle { font-size: 15px; }
  .rental-homzen .rental-hero-search { padding: 16px; border-radius: 20px; }
  .rental-homzen .section { padding-block: 28px; }
  .rental-homzen .section-heading { align-items: start; gap: 12px; }
  .rental-homzen .section-heading .text-link { white-space: nowrap; }
  .rental-homzen .tf-btn { min-height: 48px; }
}