/* ===== Elementor white-space fix: full-bleed + zero the wrapping section/column padding (full-bleed fix) ===== */
.elementor-widget-ardbrae-avani > .elementor-widget-container { margin: 0 !important; padding: 0 !important; }
.elementor-widget-ardbrae-avani { margin: 0 !important; padding: 0 !important; }
/* reach up and remove padding/margin from the Elementor section, column or flex container holding this widget */
.elementor-section:has(.elementor-widget-ardbrae-avani),
.elementor-column:has(.elementor-widget-ardbrae-avani),
.elementor-widget-wrap:has(> .elementor-widget-ardbrae-avani),
.e-con:has(.elementor-widget-ardbrae-avani),
.e-con-inner:has(.elementor-widget-ardbrae-avani) { margin: 0 !important; padding: 0 !important; }
#ardbrae-avani { margin-left: calc(50% - 50vw) !important; margin-right: calc(50% - 50vw) !important; overflow-x: clip; }

/* ============================================================
     ARDBRAE HOMEPAGE — fully scoped under #ardbrae-avani
     Safe to drop inside Elementor: no global selectors, no resets
     outside the wrapper, all values set explicitly inside scope.
     ============================================================ */

  #ardbrae-avani {
    /* palette (matches original oklch values) */
    --ab-sage: oklch(0.46 0.05 140);
    --ab-sage-hover: oklch(0.52 0.06 85);
    --ab-charcoal: oklch(0.20 0.006 60);
    --ab-cream: oklch(0.97 0.008 75);
    --ab-cream-dark: oklch(0.93 0.012 75);
    --ab-beige: oklch(0.82 0.010 75);
    --ab-gray-620: oklch(0.62 0.008 65);
    --ab-gray-550: oklch(0.55 0.012 65);
    --ab-gray-558: oklch(0.55 0.008 65);
    --ab-gray-450: oklch(0.45 0.008 65);
    --ab-gray-420: oklch(0.42 0.008 65);
    --ab-gray-350: oklch(0.35 0.008 65);
    --ab-line: oklch(0.85 0.01 80);
    --ab-border: oklch(0.82 0.010 75);
    --ab-font-display: 'Cormorant Garamond', Georgia, serif;
    --ab-font-body: 'Jost', Arial, sans-serif;

    min-height: 100vh;
    background: var(--ab-cream-dark);
    font-family: var(--ab-font-body) !important;
    font-weight: 400 !important;
    color: var(--ab-charcoal) !important;
    font-size: 16px !important;
    line-height: 1.5 !important;
    -webkit-font-smoothing: antialiased;
    text-align: left !important;
    font-family: var(--ab-font-body) !important;
    color: var(--ab-charcoal) !important;
    line-height: 1.5 !important;
    letter-spacing: normal !important;
  }
  #ardbrae-avani *, #ardbrae-avani *::before, #ardbrae-avani *::after { box-sizing: border-box !important; }
  #ardbrae-avani h1, #ardbrae-avani h2, #ardbrae-avani h3, #ardbrae-avani h4, #ardbrae-avani p, #ardbrae-avani ul, #ardbrae-avani li {
    margin: 0; padding: 0; border: 0; background: none;
  }
  #ardbrae-avani ul { list-style: none !important; }
  #ardbrae-avani li { list-style: none !important; }
  #ardbrae-avani a { text-decoration: none !important; color: inherit !important; background: none; }
  #ardbrae-avani img { display: block; max-width: 100%; border: 0 !important; }
  #ardbrae-avani button { font: inherit; background: none !important; border: 0 !important; cursor: pointer; color: inherit !important; padding: 0; }
  #ardbrae-avani svg { display: inline-block; vertical-align: middle; border: 0 !important; }

  #ardbrae-avani .ab-container { max-width: 1400px; margin-left: auto; margin-right: auto; padding-left: 24px; padding-right: 24px; }
  @media (min-width: 1024px) { #ardbrae-avani .ab-container { padding-left: 48px; padding-right: 48px; } }

  #ardbrae-avani .ab-font-display { font-family: var(--ab-font-display) !important; }
  #ardbrae-avani .ab-font-body { font-family: var(--ab-font-body) !important; }

  /* eyebrow labels */
  #ardbrae-avani .ab-eyebrow {
    font-family: var(--ab-font-body) !important; font-size: 12px !important; line-height: 16px !important;
    letter-spacing: 0.3em !important; text-transform: uppercase !important; color: var(--ab-sage) !important;
  }

  /* scroll reveal */
  #ardbrae-avani .ab-reveal { opacity: 0; transform: translateY(24px); transition: opacity .7s ease-out, transform .7s ease-out; }
  #ardbrae-avani .ab-reveal.visible { opacity: 1; transform: translateY(0); }

  /* divider line */
  #ardbrae-avani .ab-divider-line { background: linear-gradient(90deg, #0000, #495f44, #0000); width: 100%; height: 1px; }

  /* ornamental divider */
  #ardbrae-avani .ab-ornament { display: flex; align-items: center; gap: 16px; margin: 24px 0; }
  #ardbrae-avani .ab-ornament-line { flex: 1; height: 1px; background: var(--ab-line); }
  #ardbrae-avani .ab-ornament-diamond { width: 6px; height: 6px; transform: rotate(45deg); background: var(--ab-sage); }

  /* film grain */
  #ardbrae-avani .ab-grain { position: relative; }
  #ardbrae-avani .ab-grain::after {
    content: ""; pointer-events: none; z-index: 1; position: absolute; inset: 0;
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.03'/%3E%3C/svg%3E");
  }

  
  /* ============ AVANI & DINING PAGE ============ */
  #ardbrae-avani .ab-av-hero { position: relative; height: 65vh; min-height: 480px; overflow: hidden; }
  #ardbrae-avani .ab-av-hero > img { width: 100%; height: 100%; object-fit: cover; }
  #ardbrae-avani .ab-av-hero-gradient {
    position: absolute; inset: 0;
    background: linear-gradient(to bottom, rgb(0 0 0 / 0.2), rgb(0 0 0 / 0.35), rgb(0 0 0 / 0.65));
  }
  #ardbrae-avani .ab-av-hero-content { position: absolute; inset: 0; display: flex; align-items: flex-end; padding: 0 32px 64px; z-index: 10; }
  @media (min-width: 1024px) { #ardbrae-avani .ab-av-hero-content { padding: 0 64px 64px; } }
  #ardbrae-avani .ab-av-hero-inner { max-width: 1400px; width: 100%; margin: 0 auto; }
  #ardbrae-avani .ab-av-hero-eyebrow {
    font-family: var(--ab-font-body) !important; font-weight: 300 !important; font-size: 12px !important; line-height: 16px !important;
    letter-spacing: 0.3em !important; text-transform: uppercase !important; color: var(--ab-beige) !important; margin-bottom: 12px;
  }
  #ardbrae-avani .ab-av-title {
    font-family: var(--ab-font-display) !important; font-weight: 300 !important; letter-spacing: 0.02em !important;
    font-size: 48px !important; line-height: 1 !important; color: #fff !important; margin-bottom: 16px;
  }
  @media (min-width: 768px) { #ardbrae-avani .ab-av-title { font-size: 72px !important; } }
  #ardbrae-avani .ab-av-hero-sub {
    font-family: var(--ab-font-body) !important; font-weight: 300 !important; letter-spacing: 0.04em !important;
    font-size: 16px !important; line-height: 24px !important; color: rgb(255 255 255 / 0.8) !important; max-width: 576px;
  }

  #ardbrae-avani .ab-av-section { padding: 80px 0; }
  @media (min-width: 1024px) { #ardbrae-avani .ab-av-section { padding: 112px 0; } }
  #ardbrae-avani .ab-bg-cream { background: var(--ab-cream); }
  #ardbrae-avani .ab-bg-cream-dark { background: var(--ab-cream-dark); }

  #ardbrae-avani .ab-av-intro { max-width: 768px; }
  #ardbrae-avani .ab-av-intro .ab-eyebrow { margin-bottom: 20px; font-weight: 400 !important; }
  #ardbrae-avani .ab-av-h2 {
    font-family: var(--ab-font-display) !important; font-weight: 300 !important;
    font-size: 36px !important; line-height: 1.25 !important; color: var(--ab-charcoal) !important; margin-bottom: 24px;
  }
  @media (min-width: 768px) { #ardbrae-avani .ab-av-h2 { font-size: 48px !important; } }
  #ardbrae-avani .ab-av-text {
    font-family: var(--ab-font-body) !important; font-weight: 300 !important;
    font-size: 16px !important; line-height: 1.625 !important; color: oklch(0.40 0.010 65) !important; margin-bottom: 16px;
  }
  #ardbrae-avani .ab-av-text.last { margin-bottom: 0; }
  #ardbrae-avani .ab-av-text.mb6 { margin-bottom: 24px; }

  #ardbrae-avani .ab-av-2col { display: grid; grid-template-columns: 1fr; gap: 48px; align-items: center; }
  @media (min-width: 1024px) { #ardbrae-avani .ab-av-2col { grid-template-columns: repeat(2, 1fr); gap: 80px; } }
  #ardbrae-avani .ab-av-img { aspect-ratio: 4 / 3; overflow: hidden; }
  #ardbrae-avani .ab-av-img img { width: 100%; height: 100%; object-fit: cover; transition: transform .7s; }
  #ardbrae-avani .ab-av-img:hover img { transform: scale(1.05); }
  #ardbrae-avani .ab-av-col-text { order: 2; }
  #ardbrae-avani .ab-av-col-img { order: 1; }
  @media (min-width: 1024px) {
    #ardbrae-avani .ab-av-col-text { order: 1; }
    #ardbrae-avani .ab-av-col-img { order: 2; }
  }

  #ardbrae-avani .ab-av-badge { display: flex; align-items: center; gap: 12px; margin-bottom: 20px; }
  #ardbrae-avani .ab-av-badge svg { color: var(--ab-sage) !important; flex-shrink: 0; }
  #ardbrae-avani .ab-av-badge p {
    font-family: var(--ab-font-body) !important; font-weight: 400 !important; font-size: 12px !important; line-height: 16px !important;
    letter-spacing: 0.3em !important; text-transform: uppercase !important; color: var(--ab-sage) !important;
  }

  #ardbrae-avani .ab-av-checks { margin-bottom: 32px; }
  #ardbrae-avani .ab-av-checks .row { display: flex; align-items: flex-start; gap: 12px; }
  #ardbrae-avani .ab-av-checks .row + .row { margin-top: 12px; }
  #ardbrae-avani .ab-av-checks.roomy .row + .row { margin-top: 16px; }
  #ardbrae-avani .ab-av-checks svg { color: var(--ab-sage) !important; margin-top: 2px; flex-shrink: 0; }
  #ardbrae-avani .ab-av-checks span {
    font-family: var(--ab-font-body) !important; font-weight: 300 !important; font-size: 14px !important; line-height: 20px !important; color: oklch(0.40 0.010 65) !important;
  }

  #ardbrae-avani .ab-av-divider { display: flex; align-items: center; gap: 16px; margin: 32px 0; }
  #ardbrae-avani .ab-av-divider .line { flex: 1; height: 1px; background: var(--ab-beige); }

  #ardbrae-avani .ab-av-note {
    font-family: var(--ab-font-body) !important; font-weight: 300 !important; font-style: italic;
    font-size: 12px !important; line-height: 16px !important; color: var(--ab-gray-550) !important;
  }

  #ardbrae-avani .ab-av-stats { display: grid; grid-template-columns: repeat(2, 1fr); gap: 16px; margin: 32px 0; }
  #ardbrae-avani .ab-av-stat { background: var(--ab-cream-dark); padding: 16px; }
  #ardbrae-avani .ab-av-stat-label {
    font-family: var(--ab-font-body) !important; font-weight: 400 !important; font-size: 12px !important; line-height: 16px !important;
    letter-spacing: 0.2em !important; text-transform: uppercase !important; color: var(--ab-sage) !important; margin-bottom: 4px;
  }
  #ardbrae-avani .ab-av-stat-value { font-family: var(--ab-font-display) !important; font-size: 24px !important; line-height: 32px !important; color: var(--ab-charcoal) !important; }
  #ardbrae-avani .ab-av-stat-value .unit { font-family: var(--ab-font-body) !important; font-weight: 300 !important; font-size: 16px !important; }
  #ardbrae-avani .ab-av-stat-value.plain { font-family: var(--ab-font-body) !important; font-weight: 300 !important; font-size: 14px !important; line-height: 20px !important; }
  #ardbrae-avani .ab-av-stat-sub { font-family: var(--ab-font-body) !important; font-weight: 300 !important; font-size: 12px !important; line-height: 16px !important; color: var(--ab-gray-550) !important; margin-top: 4px; }

  #ardbrae-avani .ab-btn-sage {
    letter-spacing: 0.18em !important; text-transform: uppercase !important; color: #495f44 !important; background: none;
    border: 1px solid oklch(46% .05 140); padding: 12px 32px;
    font-family: var(--ab-font-body) !important; font-size: 12px !important; font-weight: 400 !important;
    transition: background .3s, color .3s; display: inline-block;
  }
  #ardbrae-avani .ab-btn-sage:hover { color: #f8f4ef !important; background: #495f44; }

  /* photo strip (dark) */
  #ardbrae-avani .ab-av-strip { padding: 16px 0; background: var(--ab-charcoal); }
  #ardbrae-avani .ab-av-strip-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 4px; }
  @media (min-width: 768px) { #ardbrae-avani .ab-av-strip-grid { grid-template-columns: repeat(6, 1fr); } }
  #ardbrae-avani .ab-av-strip-grid > div { aspect-ratio: 1 / 1; overflow: hidden; }
  #ardbrae-avani .ab-av-strip-grid img { width: 100%; height: 100%; object-fit: cover; opacity: 0.9; transition: transform .5s, opacity .5s; }
  #ardbrae-avani .ab-av-strip-grid img:hover { transform: scale(1.05); opacity: 1; }

  /* final CTA */
  #ardbrae-avani .ab-av-cta { position: relative; padding: 96px 0; overflow: hidden; }
  #ardbrae-avani .ab-av-cta-bg { position: absolute; inset: 0; }
  #ardbrae-avani .ab-av-cta-bg img { width: 100%; height: 100%; object-fit: cover; }
  #ardbrae-avani .ab-av-cta-overlay { position: absolute; inset: 0; background: oklch(0.20 0.006 60 / 0.75); }
  #ardbrae-avani .ab-av-cta-content { position: relative; z-index: 10; text-align: center; }
  #ardbrae-avani .ab-av-cta-title {
    font-family: var(--ab-font-display) !important; font-weight: 300 !important;
    font-size: 36px !important; line-height: 1.25 !important; color: #fff !important; margin-bottom: 24px;
  }
  @media (min-width: 768px) { #ardbrae-avani .ab-av-cta-title { font-size: 60px !important; line-height: 1 !important; } }
  #ardbrae-avani .ab-av-cta-sub {
    font-family: var(--ab-font-body) !important; font-weight: 300 !important; font-size: 16px !important; line-height: 24px !important;
    color: rgb(255 255 255 / 0.75) !important; max-width: 576px; margin: 0 auto 40px;
  }
  #ardbrae-avani .ab-av-cta-btn {
    display: inline-block; font-family: var(--ab-font-body) !important; font-weight: 400 !important; font-size: 12px !important; line-height: 16px !important;
    letter-spacing: 0.18em !important; text-transform: uppercase !important; padding: 16px 32px;
    border: 1px solid #fff; color: #fff !important; transition: all .3s;
  }
  #ardbrae-avani .ab-av-cta-btn:hover { background: #fff; color: var(--ab-charcoal) !important; }