/* ===== Elementor white-space fix: full-bleed + zero the wrapping section/column padding (full-bleed fix) ===== */
.elementor-widget-ardbrae-explore > .elementor-widget-container { margin: 0 !important; padding: 0 !important; }
.elementor-widget-ardbrae-explore { margin: 0 !important; padding: 0 !important; }
.elementor-section:has(.elementor-widget-ardbrae-explore),
.elementor-column:has(.elementor-widget-ardbrae-explore),
.elementor-widget-wrap:has(> .elementor-widget-ardbrae-explore),
.e-con:has(.elementor-widget-ardbrae-explore),
.e-con-inner:has(.elementor-widget-ardbrae-explore) { margin: 0 !important; padding: 0 !important; }
#ardbrae-explore { margin-left: calc(50% - 50vw) !important; margin-right: calc(50% - 50vw) !important; overflow-x: clip; }
#ardbrae-explore * { text-transform: none !important; letter-spacing: normal !important; }
/* neutralise hostile-theme div backgrounds on layout wrappers; class-scoped colour blocks (cards, CTA, hero) outrank this and keep their fill */
#ardbrae-explore div, #ardbrae-explore section { background-color: transparent !important; }

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

  #ardbrae-explore {
    /* 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) !important;
    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-explore *, #ardbrae-explore *::before, #ardbrae-explore *::after { box-sizing: border-box !important; }
  #ardbrae-explore h1, #ardbrae-explore h2, #ardbrae-explore h3, #ardbrae-explore h4, #ardbrae-explore p, #ardbrae-explore ul, #ardbrae-explore li {
    margin: 0; padding: 0 !important; border: 0; background: none !important;
  }
  #ardbrae-explore ul { list-style: none !important; }
  #ardbrae-explore li { list-style: none !important; }
  #ardbrae-explore a { text-decoration: none !important; color: inherit !important; background: none !important; }
  #ardbrae-explore img { display: block; max-width: 100%; border: 0 !important; }
  #ardbrae-explore button { font: inherit; background: none !important; border: 0 !important; cursor: pointer; color: inherit !important; padding: 0 !important; }
  #ardbrae-explore svg { display: inline-block; vertical-align: middle; border: 0 !important; }

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

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

  /* eyebrow labels */
  #ardbrae-explore .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-explore .ab-reveal { opacity: 0; transform: translateY(24px); transition: opacity .7s ease-out, transform .7s ease-out; }
  #ardbrae-explore .ab-reveal.visible { opacity: 1; transform: translateY(0); }

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

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

  /* film grain */
  #ardbrae-explore .ab-grain { position: relative; }
  #ardbrae-explore .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") !important;
  }

  
  /* ============ EXPLORE PAGE ============ */
  #ardbrae-explore .ab-ex-container { max-width: 1200px; margin-left: auto; margin-right: auto; padding-left: 24px; padding-right: 24px; }
  @media (min-width: 1024px) { #ardbrae-explore .ab-ex-container { padding-left: 48px; padding-right: 48px; } }

  #ardbrae-explore .ab-ex-hero {
    position: relative;
    background-color: #23221d !important; height: 55vh; min-height: 400px; overflow: hidden;
    display: flex; align-items: flex-end; padding-bottom: 64px;
    background-image: url('https://stagingloom.com/ardbrae/wp-content/uploads/2026/07/StanleysRd-326_ac5e564b.webp') !important;
    background-size: cover !important; background-position: center 40% !important;
  }
  #ardbrae-explore .ab-ex-hero-gradient {
    position: absolute; inset: 0;
    background: linear-gradient(to top, oklch(0.10 0.006 60 / 0.8), oklch(0.10 0.006 60 / 0.3), transparent) !important;
  }
  #ardbrae-explore .ab-ex-hero-content { position: relative; z-index: 10; width: 100%; }
  #ardbrae-explore .ab-ex-hero-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: rgb(255 255 255 / 0.7) !important; margin-bottom: 12px;
  }
  #ardbrae-explore .ab-ex-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-explore .ab-ex-title { font-size: 60px !important; } }
  @media (min-width: 1024px) { #ardbrae-explore .ab-ex-title { font-size: 72px !important; } }
  #ardbrae-explore .ab-ex-hero-sub { font-family: var(--ab-font-body) !important; font-size: 16px !important; line-height: 1.625 !important; color: rgb(255 255 255 / 0.8) !important; max-width: 576px; }

  #ardbrae-explore .ab-ex-intro { background: var(--ab-cream-dark) !important; border-bottom: 1px solid var(--ab-border); }
  #ardbrae-explore .ab-ex-intro-inner { padding-top: 32px; padding-bottom: 32px; }
  #ardbrae-explore .ab-ex-intro p { font-family: var(--ab-font-body) !important; font-size: 14px !important; line-height: 1.625 !important; color: var(--ab-gray-450) !important; max-width: 768px; }

  #ardbrae-explore .ab-ex-cats { background: var(--ab-cream) !important; }
  #ardbrae-explore .ab-ex-cat { padding: 64px 0 !important; border-bottom: 1px solid var(--ab-border); }
  @media (min-width: 1024px) { #ardbrae-explore .ab-ex-cat { padding: 80px 0 !important; } }
  #ardbrae-explore .ab-ex-cat:last-child { border-bottom: 0; }
  #ardbrae-explore .ab-ex-cat-head { display: flex; align-items: center; gap: 16px; margin-bottom: 16px; }
  #ardbrae-explore .ab-ex-cat-icon {
    width: 40px; height: 40px; border-radius: 9999px !important; background: oklch(0.46 0.05 140 / 0.1) !important;
    display: flex; align-items: center; justify-content: center; flex-shrink: 0; color: var(--ab-sage) !important;
  }
  #ardbrae-explore .ab-ex-cat-label {
    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;
  }
  #ardbrae-explore .ab-ex-cat-desc { font-family: var(--ab-font-body) !important; font-size: 14px !important; line-height: 1.625 !important; color: var(--ab-gray-450) !important; margin-bottom: 40px; max-width: 672px; }
  #ardbrae-explore .ab-ex-grid { display: grid; grid-template-columns: 1fr; gap: 20px; }
  @media (min-width: 768px) { #ardbrae-explore .ab-ex-grid { grid-template-columns: repeat(2, 1fr); } }
  @media (min-width: 1024px) { #ardbrae-explore .ab-ex-grid { grid-template-columns: repeat(3, 1fr); } }
  #ardbrae-explore .ab-ex-card {
    position: relative; padding: 24px !important; border: 1px solid var(--ab-border);
    background: var(--ab-cream) !important; transition: all .3s;
  }
  #ardbrae-explore .ab-ex-card:hover { box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1); }
  #ardbrae-explore .ab-ex-card.highlight { border-color: oklch(0.46 0.05 140 / 0.4); background: oklch(0.46 0.05 140 / 0.05) !important; }
  #ardbrae-explore .ab-ex-nearby {
    position: absolute; top: 16px; right: 16px;
    font-family: var(--ab-font-body) !important; font-size: 10px !important; letter-spacing: 0.15em !important; text-transform: uppercase !important;
    color: var(--ab-sage) !important; background: oklch(0.46 0.05 140 / 0.1) !important; padding: 2px 8px !important;
  }
  #ardbrae-explore .ab-ex-dist { display: flex; align-items: flex-start; gap: 8px; margin-bottom: 8px; }
  #ardbrae-explore .ab-ex-dist svg { color: var(--ab-sage) !important; margin-top: 4px; flex-shrink: 0; }
  #ardbrae-explore .ab-ex-dist span {
    font-family: var(--ab-font-body) !important; font-size: 10px !important; letter-spacing: 0.15em !important;
    text-transform: uppercase !important; color: var(--ab-gray-550) !important;
  }
  #ardbrae-explore .ab-ex-card h3 { font-family: var(--ab-font-display) !important; font-weight: 400 !important; font-size: 20px !important; line-height: 28px !important; color: var(--ab-charcoal) !important; margin-bottom: 8px; }
  #ardbrae-explore .ab-ex-card .detail { font-family: var(--ab-font-body) !important; font-size: 14px !important; line-height: 1.625 !important; color: var(--ab-gray-450) !important; margin-bottom: 16px; }
  #ardbrae-explore .ab-ex-visit {
    display: inline-flex; align-items: center; gap: 6px;
    font-family: var(--ab-font-body) !important; font-size: 12px !important; line-height: 16px !important;
    letter-spacing: 0.12em !important; text-transform: uppercase !important; color: var(--ab-sage) !important; transition: color .2s;
  }
  #ardbrae-explore .ab-ex-visit:hover { color: var(--ab-charcoal) !important; }

  /* sage CTA */
  #ardbrae-explore .ab-ex-cta { background: var(--ab-sage) !important; padding: 64px 0 !important; }
  @media (min-width: 1024px) { #ardbrae-explore .ab-ex-cta { padding: 80px 0 !important; } }
  #ardbrae-explore .ab-ex-cta-inner { text-align: center; }
  #ardbrae-explore .ab-ex-cta-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: rgb(255 255 255 / 0.7) !important; margin-bottom: 16px;
  }
  #ardbrae-explore .ab-ex-cta-title { font-family: var(--ab-font-display) !important; font-weight: 300 !important; font-size: 36px !important; line-height: 40px !important; color: #fff !important; margin-bottom: 24px; }
  @media (min-width: 768px) { #ardbrae-explore .ab-ex-cta-title { font-size: 48px !important; line-height: 1 !important; } }
  #ardbrae-explore .ab-ex-cta-sub { font-family: var(--ab-font-body) !important; font-size: 14px !important; line-height: 1.625 !important; color: rgb(255 255 255 / 0.8) !important; max-width: 576px; margin: 0 auto 32px; }

  /* light booking cards */
  #ardbrae-explore .ab-booking-grid { display: grid; grid-template-columns: 1fr; gap: 16px; max-width: 896px; margin: 0 auto; }
  @media (min-width: 768px) { #ardbrae-explore .ab-booking-grid { grid-template-columns: repeat(3, 1fr); } }
  #ardbrae-explore .ab-booking-card-light {
    background: #fff !important; border: 1px solid oklch(0.88 0.008 75);
    transition: all .3s; padding: 24px !important; display: flex; flex-direction: column; position: relative; text-align: left;
  }
  #ardbrae-explore .ab-booking-card-light:hover { border-color: var(--ab-sage); }
  #ardbrae-explore .ab-booking-badge-row { margin-bottom: 12px; height: 22px; display: flex; align-items: center; }
  #ardbrae-explore .ab-booking-badge {
    background: var(--ab-sage) !important; color: #fff !important; font-family: var(--ab-font-body) !important;
    font-size: 10px !important; letter-spacing: 0.12em !important; text-transform: uppercase !important; padding: 4px 12px !important;
  }
  #ardbrae-explore .ab-booking-badge.ghost { visibility: hidden; }
  #ardbrae-explore .ab-booking-card-light .lbl { font-family: var(--ab-font-display) !important; font-weight: 400 !important; font-size: 20px !important; line-height: 28px !important; color: var(--ab-charcoal) !important; margin-bottom: 8px; }
  #ardbrae-explore .ab-booking-card-light .desc { font-family: var(--ab-font-body) !important; font-weight: 300 !important; font-size: 12px !important; line-height: 1.625 !important; color: oklch(0.40 0.006 60) !important; margin-bottom: 12px; flex: 1; }
  #ardbrae-explore .ab-booking-card-light .btn {
    font-family: var(--ab-font-body) !important; font-size: 12px !important; line-height: 16px !important;
    letter-spacing: 0.14em !important; text-transform: uppercase !important; padding: 10px 20px !important;
    background: var(--ab-sage) !important; color: #fff !important; transition: all .3s; text-align: center; display: inline-block;
  }
  #ardbrae-explore .ab-booking-card-light .btn:hover { background: var(--ab-sage-hover) !important; }
  #ardbrae-explore .ab-ex-enquire-wrap { display: flex; justify-content: center; margin-top: 32px; }
  #ardbrae-explore .ab-ex-enquire {
    display: inline-block; font-family: var(--ab-font-body) !important; font-size: 12px !important; line-height: 16px !important;
    letter-spacing: 0.16em !important; text-transform: uppercase !important; padding: 16px 32px !important;
    border: 1px solid rgb(255 255 255 / 0.6); color: #fff !important; transition: all .3s;
  }
  #ardbrae-explore .ab-ex-enquire:hover { background: rgb(255 255 255 / 0.1) !important; }