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

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

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

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

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

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

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

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

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

  
  /* ============ GALLERY PAGE ============ */
  #ardbrae-gallery .ab-gal-hero { position: relative; height: 40vh; min-height: 300px; overflow: hidden; }
  #ardbrae-gallery .ab-gal-hero > img { width: 100%; height: 100%; object-fit: cover; }
  #ardbrae-gallery .ab-gal-hero-gradient {
    position: absolute; inset: 0;
    background: linear-gradient(to bottom, rgb(0 0 0 / 0.2), rgb(0 0 0 / 0.6));
  }
  #ardbrae-gallery .ab-gal-hero-content { position: absolute; inset: 0; display: flex; align-items: flex-end; padding: 0 32px 48px; z-index: 10; }
  @media (min-width: 1024px) { #ardbrae-gallery .ab-gal-hero-content { padding: 0 64px 48px; } }
  #ardbrae-gallery .ab-gal-hero-inner { max-width: 1400px; width: 100%; margin: 0 auto; }
  #ardbrae-gallery .ab-gal-hero-inner .ab-eyebrow { margin-bottom: 12px; }
  #ardbrae-gallery .ab-gal-title {
    font-family: var(--ab-font-display) !important; font-weight: 300 !important;
    font-size: 48px !important; line-height: 1 !important; color: #fff !important;
  }
  @media (min-width: 768px) { #ardbrae-gallery .ab-gal-title { font-size: 60px !important; } }

  /* tabs */
  #ardbrae-gallery .ab-gal-tabs { background: var(--ab-cream); border-bottom: 1px solid var(--ab-line); }
  #ardbrae-gallery .ab-gal-tabs-inner { display: flex; gap: 0; }
  #ardbrae-gallery .ab-gal-tab {
    font-family: var(--ab-font-body) !important; font-size: 12px !important; line-height: 16px !important;
    letter-spacing: 0.2em !important; text-transform: uppercase !important; padding: 20px 24px;
    border-bottom: 2px solid transparent; color: var(--ab-gray-558) !important;
    transition: all .2s;
  }
  #ardbrae-gallery .ab-gal-tab:hover { color: var(--ab-charcoal) !important; }
  #ardbrae-gallery .ab-gal-tab.active { border-bottom-color: var(--ab-sage); color: var(--ab-charcoal) !important; }

  /* masonry */
  #ardbrae-gallery .ab-gal-section { padding: 48px 0; background: var(--ab-cream-dark); }
  @media (min-width: 1024px) { #ardbrae-gallery .ab-gal-section { padding: 64px 0; } }
  #ardbrae-gallery .ab-gal-masonry { columns: 2; column-gap: 12px; }
  @media (min-width: 768px) { #ardbrae-gallery .ab-gal-masonry { columns: 3; } }
  @media (min-width: 1024px) { #ardbrae-gallery .ab-gal-masonry { columns: 4; } }
  #ardbrae-gallery .ab-gal-item { break-inside: avoid; cursor: pointer; overflow: hidden; margin-bottom: 12px; }
  #ardbrae-gallery .ab-gal-item img { width: 100%; object-fit: cover; display: block; transition: transform .5s; }
  #ardbrae-gallery .ab-gal-item:hover img { transform: scale(1.05); }

  /* lightbox */
  #ardbrae-gallery .ab-gal-lightbox {
    position: fixed; inset: 0; z-index: 100000; background: rgb(0 0 0 / 0.9);
    display: none; align-items: center; justify-content: center; padding: 16px;
  }
  #ardbrae-gallery .ab-gal-lightbox.open { display: flex; }
  #ardbrae-gallery .ab-gal-lightbox img { max-width: 100%; max-height: 90vh; object-fit: contain; }
  #ardbrae-gallery .ab-gal-close {
    position: absolute; top: 24px; right: 24px;
    color: rgb(255 255 255 / 0.7) !important; transition: color .2s;
  }
  #ardbrae-gallery .ab-gal-close:hover { color: #fff !important; }