/*
 * Intipallana Release Visual 1.
 * Global V2 · RC1 candidate 0.3.0 · local environment only.
 */

:root {
  --inti-paper: #fffaf2;
  --inti-cream: #f2e6d5;
  --inti-ink: #30231f;
  --inti-wine: #7a2633;
  --inti-wine-dark: #57202a;
  --inti-border: #d8c7b3;
  --inti-muted: #71635c;
  --inti-whatsapp: #15824f;
  --inti-magenta: #d83283;
  --inti-numerals: "Nunito Sans", "Segoe UI", Arial, sans-serif;
  --inti-shell: 1200px;
  --inti-gutter: clamp(16px, 3vw, 28px);
  --inti-global-shell: var(--inti-shell);
  --inti-global-gutter: var(--inti-gutter);
  --inti-global-header: var(--inti-wine-dark);
  --inti-global-footer: var(--inti-ink);
}

/* System convention: functional figures use stable lining, tabular numerals. */
.inti-release-site-v1 :is(.price, .amount, time, .inti-numerals) {
  font-family: var(--inti-numerals);
  font-variant-numeric: lining-nums tabular-nums;
  font-feature-settings: "lnum" 1, "tnum" 1;
}

.inti-global-lab:not(.inti-global-current) {
  color: var(--inti-ink);
  background: var(--inti-paper);
}

.inti-global-lab:not(.inti-global-current) .intipallana-local-banner {
  min-height: 32px;
  display: grid;
  place-items: center;
  padding: .4rem var(--inti-global-gutter);
  border-bottom: 1px solid rgba(255, 250, 242, .2);
  background: var(--inti-wine);
  color: var(--inti-paper);
  font-size: 11px;
  letter-spacing: .07em;
}

.inti-global-a {
  --inti-global-header: var(--inti-wine-dark);
  --inti-global-footer: var(--inti-ink);
}

.inti-global-b,
.inti-global-v2 {
  --inti-global-header: var(--inti-ink);
  --inti-global-footer: var(--inti-wine-dark);
}

.inti-global-lab:not(.inti-global-current) #masthead,
.inti-global-lab:not(.inti-global-current) .site-header {
  position: relative;
  background: var(--inti-global-header);
}

.inti-global-lab:not(.inti-global-current) .ast-primary-header-bar,
.inti-global-lab:not(.inti-global-current).ast-theme-transparent-header #masthead .ast-primary-header-bar {
  min-height: 98px;
  border: 0;
  border-bottom: 1px solid rgba(216, 199, 179, .32);
  background: var(--inti-global-header);
}

.inti-global-b .ast-primary-header-bar,
.inti-global-v2 .ast-primary-header-bar {
  box-shadow: inset 0 2px 0 var(--inti-magenta);
}

.inti-global-lab:not(.inti-global-current) .site-primary-header-wrap.ast-container {
  width: min(100%, calc(var(--inti-global-shell) + (2 * var(--inti-global-gutter))));
  max-width: none;
  min-height: 98px;
  padding-inline: var(--inti-global-gutter);
}

.inti-global-lab:not(.inti-global-current) .site-primary-header-wrap .ast-builder-grid-row {
  width: 100%;
  min-height: 98px;
}

.inti-global-lab:not(.inti-global-current) .ast-site-identity {
  padding-block: 0;
}

.inti-global-lab:not(.inti-global-current) .site-logo-img img,
.inti-global-lab:not(.inti-global-current) .custom-logo-link img {
  width: min(270px, 24vw);
  max-width: 270px;
  height: auto;
}

.inti-global-lab:not(.inti-global-current) .main-header-menu > .menu-item > .menu-link,
.inti-global-lab:not(.inti-global-current) .ast-header-social-wrap .ast-builder-social-element {
  color: var(--inti-paper);
}

.inti-global-lab:not(.inti-global-current) .main-header-menu > .menu-item > .menu-link {
  min-height: 48px;
  padding-inline: 1rem;
  font-size: .82rem;
  font-weight: 700;
  letter-spacing: .035em;
  text-transform: uppercase;
}

.inti-global-lab:not(.inti-global-current) .main-header-menu > .menu-item > .menu-link::before {
  height: 2px;
  background: var(--inti-magenta);
}

.inti-global-lab:not(.inti-global-current) .main-header-menu > .menu-item > .menu-link:hover,
.inti-global-lab:not(.inti-global-current) .main-header-menu > .menu-item > .menu-link:focus-visible,
.inti-global-lab:not(.inti-global-current) .main-header-menu > .current-menu-item > .menu-link {
  color: #fff;
}

.inti-global-lab:not(.inti-global-current) .ast-header-social-wrap .ast-builder-social-element {
  width: 34px;
  height: 34px;
  border: 1px solid rgba(255, 250, 242, .18);
  border-radius: 50%;
  transition: border-color .2s ease, background-color .2s ease, transform .2s ease;
}

.inti-global-lab:not(.inti-global-current) .ast-header-social-wrap .ast-builder-social-element svg,
.inti-global-lab:not(.inti-global-current) .ast-footer-social-wrap .ast-builder-social-element svg {
  fill: currentColor;
}

.inti-global-lab:not(.inti-global-current) .ast-header-social-wrap .ast-builder-social-element svg {
  width: 18px;
  height: 18px;
}

.inti-global-lab:not(.inti-global-current) .ast-header-social-wrap .ast-builder-social-element:hover {
  border-color: var(--inti-magenta);
  background: rgba(255, 250, 242, .07);
  transform: translateY(-1px);
}

.inti-global-lab:not(.inti-global-current) :is(a, button):focus-visible {
  outline: 3px solid #e7b64f;
  outline-offset: 3px;
}

/* Real full-bleed fix: release Astra's outer product container, keep section shells. */
.inti-global-lab.inti-workshop-product:not(.inti-global-current) #content > .ast-container {
  width: 100%;
  max-width: none;
  padding-inline: 0;
}

.inti-global-lab.inti-workshop-product:not(.inti-global-current) #primary {
  width: 100%;
  margin: 0;
  padding: 0;
}

.inti-global-lab:not(.inti-global-current) #content {
  background: var(--inti-paper);
}

/* Shared content shell for future native sections. Existing Elementor and
 * WooCommerce containers remain untouched unless they opt into this class. */
.inti-global-lab:not(.inti-global-current) .inti-global-shell {
  width: min(100%, calc(var(--inti-shell) + (2 * var(--inti-gutter))));
  max-width: none;
  margin-inline: auto;
  padding-inline: var(--inti-gutter);
}

.inti-global-lab:not(.inti-global-current) #colophon,
.inti-global-lab:not(.inti-global-current) .site-footer {
  background: var(--inti-global-footer);
}

.inti-global-lab:not(.inti-global-current) .site-above-footer-wrap {
  padding: 26px 0 24px;
  border: 0;
  border-top: 1px solid rgba(216, 199, 179, .26);
  background: var(--inti-global-footer);
}

.inti-global-lab:not(.inti-global-current) .site-above-footer-inner-wrap {
  width: min(100%, calc(var(--inti-global-shell) + (2 * var(--inti-global-gutter))));
  max-width: none;
  margin-inline: auto;
  padding-inline: var(--inti-global-gutter);
}

.inti-global-lab:not(.inti-global-current) .ast-footer-html-2 img {
  width: 86px;
  height: 86px;
  object-fit: contain;
}

.inti-global-lab:not(.inti-global-current) .ast-footer-html-2 h3 {
  margin: .4rem 0 0;
  color: var(--inti-paper);
  font-family: Georgia, "Times New Roman", serif;
  font-size: 1.15rem;
  font-weight: 500;
  letter-spacing: .02em;
}

.inti-global-lab:not(.inti-global-current) .ast-footer-html-1 p {
  margin: .55rem 0;
  color: var(--inti-paper);
  font-size: .86rem;
}

.inti-global-lab:not(.inti-global-current) .ast-footer-social-wrap .ast-builder-social-element {
  width: 38px;
  height: 38px;
  color: var(--inti-paper);
  border: 1px solid rgba(255, 250, 242, .2);
  border-radius: 50%;
  background: transparent;
}

.inti-global-lab:not(.inti-global-current) .ast-footer-social-wrap .ast-builder-social-element:hover {
  color: #fff;
  border-color: var(--inti-magenta);
  background: rgba(255, 250, 242, .06);
}

/* Transparent headers are opt-in. Release pages use the predictable solid
 * state unless a future visual hero explicitly adds .inti-header-overlay. */
@media (min-width: 922px) {
  .inti-global-lab.inti-header-overlay:not(.inti-global-current).ast-theme-transparent-header #masthead,
  .inti-global-lab.inti-header-overlay:not(.inti-global-current).ast-theme-transparent-header .site-header {
    position: absolute;
    inset: 0 0 auto;
    z-index: 50;
    background: transparent;
  }

  .inti-global-lab.inti-header-overlay:not(.inti-global-current).ast-theme-transparent-header #masthead .ast-primary-header-bar {
    border-bottom-color: rgba(255, 250, 242, .24);
    background: linear-gradient(180deg, rgba(48, 35, 31, .92), rgba(48, 35, 31, .54) 72%, transparent);
  }
}

/* OneClick owns geometry, colour and destination. Global V2 only supplies
 * accessible focus and yields the floater while Astra's mobile menu is open. */
.inti-global-lab:not(.inti-global-current) .floating_button:focus-visible {
  outline: 3px solid #e7b64f;
  outline-offset: 4px;
}

.inti-global-lab.ast-main-header-nav-open:not(.inti-global-current) .floating_button {
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
}

@media (max-width: 921px) {
  .inti-global-lab:not(.inti-global-current) .ast-primary-header-bar,
  .inti-global-lab:not(.inti-global-current).ast-theme-transparent-header #masthead .ast-primary-header-bar,
  .inti-global-lab:not(.inti-global-current) .site-primary-header-wrap.ast-container,
  .inti-global-lab:not(.inti-global-current) .site-primary-header-wrap .ast-builder-grid-row {
    min-height: 82px;
  }

  .inti-global-lab:not(.inti-global-current) .site-logo-img img,
  .inti-global-lab:not(.inti-global-current) .custom-logo-link img {
    width: min(198px, 56vw);
    max-width: 198px;
  }

  .inti-global-lab:not(.inti-global-current) .menu-toggle.main-header-menu-toggle {
    display: inline-grid;
    width: 44px;
    height: 44px;
    min-width: 44px;
    place-items: center;
    padding: 0;
    border: 1px solid rgba(255, 250, 242, .42);
    border-radius: 10px;
    background: var(--inti-wine);
    color: var(--inti-paper);
  }

  .inti-global-lab:not(.inti-global-current) .ast-mobile-header-content {
    border-top: 1px solid rgba(216, 199, 179, .24);
    background: var(--inti-global-header);
  }

  .inti-global-lab:not(.inti-global-current) .ast-mobile-header-content .main-header-menu {
    background: var(--inti-global-header);
  }

  .inti-global-lab:not(.inti-global-current) .ast-mobile-header-content .main-header-menu .menu-link {
    min-height: 48px;
    color: var(--inti-paper);
    border-color: rgba(216, 199, 179, .18);
    font-weight: 700;
  }

  .inti-global-lab:not(.inti-global-current) .site-above-footer-wrap {
    padding-block: 24px 22px;
  }
}

@media (max-width: 480px) {
  .inti-global-lab:not(.inti-global-current) .intipallana-local-banner {
    min-height: 28px;
    padding-block: .3rem;
    font-size: 10px;
    letter-spacing: .045em;
  }

  .inti-global-lab:not(.inti-global-current) .site-primary-header-wrap.ast-container {
    padding-inline: 16px;
  }

  .inti-global-lab:not(.inti-global-current) .site-logo-img img,
  .inti-global-lab:not(.inti-global-current) .custom-logo-link img {
    width: min(184px, 55vw);
    max-width: 184px;
  }

  .inti-global-lab:not(.inti-global-current) .ast-footer-html-2 img {
    width: 78px;
    height: 78px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .inti-global-lab:not(.inti-global-current) *,
  .inti-global-lab:not(.inti-global-current) *::before,
  .inti-global-lab:not(.inti-global-current) *::after {
    transition-duration: .01ms;
  }
}

/* Local capture mode: page-flow screenshots are stitched from real viewports. */
.inti-global-lab.inti-capture-full .inti-workshop-sticky,
.inti-global-lab.inti-capture-full .joinchat,
.inti-global-lab.inti-capture-full .wa-order-floating-button,
.inti-global-lab.inti-capture-full .floating_button,
.inti-global-lab.inti-capture-full #ast-scroll-top {
  display: none;
}


/* FOOT-01 · smaller, neutral social controls without app-like boxes. */
.inti-global-lab:not(.inti-global-current) .ast-footer-social-wrap .ast-builder-social-element,
.inti-global-v2 .ast-footer-social-wrap .ast-builder-social-element {
  width: 30px;
  height: 30px;
  border: 0;
  border-radius: 0;
  background: transparent;
}


/* Footer links read as editorial text instead of app buttons. */
.inti-global-lab:not(.inti-global-current) .site-footer .ast-footer-social-wrap .ast-builder-social-element,
.inti-global-v2 .site-footer .ast-footer-social-wrap .ast-builder-social-element {
  width: auto;
  height: auto;
  padding: .2rem;
  color: var(--inti-paper);
  font-size: .86rem;
  line-height: 1.4;
}
.inti-global-lab:not(.inti-global-current) .site-footer .ast-footer-social-wrap .ast-builder-social-element .ahfb-svg-iconset,
.inti-global-v2 .site-footer .ast-footer-social-wrap .ast-builder-social-element .ahfb-svg-iconset { display: none; }
.inti-global-lab:not(.inti-global-current) .site-footer .ast-footer-social-wrap .ast-builder-social-element::after,
.inti-global-v2 .site-footer .ast-footer-social-wrap .ast-builder-social-element::after { content: attr(aria-label) " ·"; }
.inti-global-lab:not(.inti-global-current) .site-footer .ast-footer-social-wrap .ast-builder-social-element:last-child::after,
.inti-global-v2 .site-footer .ast-footer-social-wrap .ast-builder-social-element:last-child::after { content: attr(aria-label); }
.inti-global-lab:not(.inti-global-current) .site-footer .ast-footer-social-wrap .ast-instagram,
.inti-global-v2 .site-footer .ast-footer-social-wrap .ast-instagram { order: 1; }
.inti-global-lab:not(.inti-global-current) .site-footer .ast-footer-social-wrap .ast-facebook,
.inti-global-v2 .site-footer .ast-footer-social-wrap .ast-facebook { order: 2; }
.inti-global-lab:not(.inti-global-current) .site-footer .ast-footer-social-wrap .ast-whatsapp,
.inti-global-v2 .site-footer .ast-footer-social-wrap .ast-whatsapp { order: 3; }