/*
 * AVE & VETMEDIC Studio v0.3.4 — Final client polish layer
 * ---------------------------------------------------------
 * One authoritative layer for:
 * 1) clean background reset,
 * 2) Option C ambient blue / green / orange atmosphere,
 * 3) stable section rhythm,
 * 4) WooCommerce product-card gradients toward white.
 *
 * Deliberately loaded AFTER studio.css so the accumulated legacy decorative
 * backgrounds no longer compete in the cascade. Hero geometry/content is not
 * redesigned here.
 */

:root{
  --avm-final-blue:#4D9CC9;
  --avm-final-green:#2F7D5B;
  --avm-final-orange:#EB741D;
  --avm-final-ink:#082F4E;
  --avm-final-surface:#FFFFFF;
  --avm-final-section-gap:76px;
}

/* -------------------------------------------------------------------------
   1. CLEAN CANVAS — one background source only.
   ------------------------------------------------------------------------- */
html{
  background:#fff!important;
}
body{
  background:#fff!important;
  background-image:none!important;
  background-attachment:scroll!important;
}
body::before,
body::after{
  content:none!important;
  display:none!important;
  background:none!important;
}

/* Homepage Option C: one controlled ambient canvas, not stacked patterns. */
.home .avm-main.avm-studio-home,
.home main.avm-studio-home,
.home .avm-studio-home{
  position:relative!important;
  isolation:isolate!important;
  background:
    radial-gradient(ellipse 66% 24% at 5% 8%, rgba(77,156,201,.10) 0%, rgba(77,156,201,.045) 42%, transparent 72%),
    radial-gradient(ellipse 62% 23% at 96% 46%, rgba(47,125,91,.085) 0%, rgba(47,125,91,.035) 43%, transparent 72%),
    radial-gradient(ellipse 64% 24% at 7% 80%, rgba(235,116,29,.075) 0%, rgba(235,116,29,.030) 43%, transparent 72%),
    #fff!important;
  background-image:
    radial-gradient(ellipse 66% 24% at 5% 8%, rgba(77,156,201,.10) 0%, rgba(77,156,201,.045) 42%, transparent 72%),
    radial-gradient(ellipse 62% 23% at 96% 46%, rgba(47,125,91,.085) 0%, rgba(47,125,91,.035) 43%, transparent 72%),
    radial-gradient(ellipse 64% 24% at 7% 80%, rgba(235,116,29,.075) 0%, rgba(235,116,29,.030) 43%, transparent 72%)!important;
  background-color:#fff!important;
}

/* Disable legacy page-wide and section-decoration sources that created overlap. */
.home .avm-studio-home::before,
.home .avm-studio-home::after,
.home .avm-studio-hero::before,
.home .avm-studio-hero::after,
.home .avm-studio-featured::before,
.home .avm-studio-featured::after,
.home .avm-studio-featured .avm-container::before,
.home .avm-studio-story::before,
.home .avm-studio-paths::before,
.home .avm-company-stats::after{
  content:none!important;
  display:none!important;
  background:none!important;
  background-image:none!important;
}

/* Section wrappers are transparent over the single ambient canvas. */
.home .avm-studio-hero,
.home .avm-studio-featured,
.home .avm-home-event,
.home .avm-catalog-guide,
.home .avm-studio-catalogs,
.home .avm-studio-story,
.home .avm-studio-company,
.home .avm-studio-contact-band{
  background:transparent!important;
  background-image:none!important;
}

/* Preserve readable cards/surfaces without reintroducing page-wide backgrounds. */
.home .avm-home-event-card,
.home .avm-studio-stage,
.home .avm-studio-catalog-card,
.home .avm-studio-company-visual,
.home .avm-studio-contact-grid{
  background-color:rgba(255,255,255,.90)!important;
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
}

/* -------------------------------------------------------------------------
   2. FINAL VERTICAL RHYTHM — one spacing system.
   Hero/card geometry is intentionally left alone.
   ------------------------------------------------------------------------- */
.home .avm-studio-featured{
  margin:0!important;
  padding:58px 0 68px!important;
}
.home .avm-studio-benefits{
  margin-top:0!important;
  margin-bottom:var(--avm-final-section-gap)!important;
}
.home .avm-program-stamps{
  margin-top:0!important;
  margin-bottom:var(--avm-final-section-gap)!important;
}
.home .avm-home-event{
  margin:0!important;
  padding:0 0 var(--avm-final-section-gap)!important;
}
.home .avm-catalog-guide.avm-studio-home-catalog{
  margin-top:0!important;
  margin-bottom:var(--avm-final-section-gap)!important;
}
.home .avm-studio-catalogs{
  margin-top:0!important;
  margin-bottom:0!important;
  padding:0 0 var(--avm-final-section-gap)!important;
}
.home .avm-studio-story{
  margin-top:0!important;
  margin-bottom:0!important;
  padding:0 0 var(--avm-final-section-gap)!important;
}
.home .avm-studio-company{
  margin-top:0!important;
  margin-bottom:0!important;
  padding:0 0 var(--avm-final-section-gap)!important;
}
.home .avm-studio-contact-band{
  margin-top:0!important;
  padding:60px 0!important;
}

/* Keep all major blocks above the ambient canvas, never overlapping it. */
.home .avm-studio-featured,
.home .avm-studio-benefits,
.home .avm-program-stamps,
.home .avm-home-event,
.home .avm-catalog-guide,
.home .avm-studio-catalogs,
.home .avm-studio-story,
.home .avm-studio-company,
.home .avm-studio-contact-band{
  position:relative!important;
  z-index:1!important;
  clear:both!important;
}

/* -------------------------------------------------------------------------
   3. PRODUCT CARDS — category colour softly fades to white.
   ------------------------------------------------------------------------- */
.woocommerce ul.products li.product,
.avm-studio-shop ul.products li.product{
  border:1px solid rgba(13,78,112,.075)!important;
  box-shadow:0 12px 30px rgba(13,78,112,.075)!important;
}

.woocommerce ul.products li.product.avm-product-area-human,
.avm-studio-shop ul.products li.product.avm-product-area-human{
  background:linear-gradient(145deg,
    rgba(216,241,251,.93) 0%,
    rgba(236,248,253,.88) 48%,
    rgba(255,255,255,.97) 100%)!important;
  border-color:rgba(49,145,190,.12)!important;
}

.woocommerce ul.products li.product.avm-product-area-farm,
.avm-studio-shop ul.products li.product.avm-product-area-farm,
body.avm-area-farm .avm-studio-shop ul.products li.product.avm-product-area-farm{
  background:linear-gradient(145deg,
    rgba(218,239,226,.94) 0%,
    rgba(239,248,243,.89) 50%,
    rgba(255,255,255,.97) 100%)!important;
  border-color:rgba(47,125,91,.13)!important;
}

.woocommerce ul.products li.product.avm-product-area-companion,
.avm-studio-shop ul.products li.product.avm-product-area-companion{
  background:linear-gradient(145deg,
    rgba(255,226,202,.93) 0%,
    rgba(255,244,234,.88) 50%,
    rgba(255,255,255,.97) 100%)!important;
  border-color:rgba(235,116,29,.12)!important;
}

.woocommerce ul.products li.product:hover,
.avm-studio-shop ul.products li.product:hover{
  box-shadow:0 18px 38px rgba(13,78,112,.11)!important;
}

/* Inner pages start from a clean neutral canvas; their deliberate local hero
   photos/tints remain untouched. */
body:not(.home) .avm-main{
  background-color:transparent!important;
}

/* -------------------------------------------------------------------------
   4. RESPONSIVE SPACING — same rhythm, scaled down cleanly.
   ------------------------------------------------------------------------- */
@media (max-width:900px){
  :root{--avm-final-section-gap:58px}
  .home .avm-studio-featured{padding:50px 0 58px!important}
  .home .avm-studio-contact-band{padding:52px 0!important}
}

@media (max-width:700px){
  :root{--avm-final-section-gap:46px}

  /* Slightly tighter ambient glows on phones, still from one source. */
  .home .avm-main.avm-studio-home,
  .home main.avm-studio-home,
  .home .avm-studio-home{
    background-image:
      radial-gradient(ellipse 90% 16% at 0% 7%, rgba(77,156,201,.085) 0%, rgba(77,156,201,.03) 46%, transparent 76%),
      radial-gradient(ellipse 88% 16% at 100% 48%, rgba(47,125,91,.07) 0%, rgba(47,125,91,.025) 46%, transparent 76%),
      radial-gradient(ellipse 88% 16% at 0% 82%, rgba(235,116,29,.06) 0%, rgba(235,116,29,.022) 46%, transparent 76%)!important;
  }

  .home .avm-studio-featured{padding:42px 0 48px!important}
  .home .avm-studio-benefits,
  .home .avm-program-stamps,
  .home .avm-home-event,
  .home .avm-catalog-guide.avm-studio-home-catalog,
  .home .avm-studio-catalogs,
  .home .avm-studio-story,
  .home .avm-studio-company{
    margin-bottom:0!important;
  }
  .home .avm-studio-benefits,
  .home .avm-program-stamps{
    margin-bottom:var(--avm-final-section-gap)!important;
  }
  .home .avm-home-event,
  .home .avm-studio-catalogs,
  .home .avm-studio-story,
  .home .avm-studio-company{
    padding-bottom:var(--avm-final-section-gap)!important;
  }
  .home .avm-catalog-guide.avm-studio-home-catalog{
    margin-bottom:var(--avm-final-section-gap)!important;
  }
  .home .avm-studio-contact-band{padding:44px 0!important}
}


/* -------------------------------------------------------------------------
   v0.3.1 — final pre-live fixes requested by client.
   ------------------------------------------------------------------------- */

/* Mega-menu: Farm Animal Health is now green, Human stays blue, Pet orange. */
.avm-program-menu-column--farm{
  background:linear-gradient(145deg,#e2f2e8 0%,#eef8f2 52%,#fbfdfc 100%)!important;
  border-color:rgba(47,125,91,.18)!important;
}
.avm-program-menu-column--farm .avm-program-menu-all{
  color:#2F7D5B!important;
}

/* Remove the legacy giant heart tail that appeared as a grey V above footer. */
.avm-studio-contact-band::after,
.home .avm-studio-contact-band::after{
  content:none!important;
  display:none!important;
}

/* Product pharmacy notices: conspicuous but still corporate. */
.avm-product-availability{
  display:block!important;
  width:100%!important;
  margin:9px 0 4px!important;
  padding:8px 10px!important;
  border-radius:12px!important;
  box-sizing:border-box!important;
  font-size:13px!important;
  line-height:1.25!important;
  font-weight:850!important;
  letter-spacing:.005em!important;
  text-align:left!important;
}
.avm-product-availability--pharmacy{
  color:#0A5E87!important;
  background:linear-gradient(90deg,rgba(217,241,251,.94),rgba(255,255,255,.88))!important;
  border:1px solid rgba(30,129,176,.18)!important;
}
.avm-product-availability--vet_pharmacy{
  color:#276B4D!important;
  background:linear-gradient(90deg,rgba(221,241,229,.96),rgba(255,255,255,.88))!important;
  border:1px solid rgba(47,125,91,.19)!important;
}
.avm-product-availability--single{
  max-width:560px!important;
  margin:14px 0 18px!important;
  padding:12px 15px!important;
  font-size:15px!important;
}

/* Mobile Programs & Products header: exactly three rows.
   1) eyebrow, 2) title, 3) All categories. */
@media (max-width:700px){
  .avm-catalog-guide .avm-catalog-guide-top,
  .avm-studio-home-catalog .avm-catalog-guide-top{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    grid-template-areas:
      "eyebrow"
      "title"
      "reset"!important;
    gap:0!important;
    row-gap:7px!important;
    align-items:start!important;
    justify-items:start!important;
  }
  .avm-catalog-guide .avm-catalog-guide-top>div:first-child,
  .avm-studio-home-catalog .avm-catalog-guide-top>div:first-child{
    display:contents!important;
  }
  .avm-catalog-guide .avm-catalog-eyebrow,
  .avm-studio-home-catalog .avm-catalog-eyebrow{
    grid-area:eyebrow!important;
    display:block!important;
    width:100%!important;
    margin:0!important;
    white-space:nowrap!important;
  }
  .avm-catalog-guide .avm-programs-title,
  .avm-catalog-guide .avm-catalog-guide-top h2,
  .avm-studio-home-catalog .avm-programs-title,
  .avm-studio-home-catalog .avm-catalog-guide-top h2{
    grid-area:title!important;
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
    white-space:normal!important;
    overflow-wrap:normal!important;
    word-break:normal!important;
    font-size:clamp(29px,8vw,36px)!important;
    line-height:1.04!important;
  }
  .avm-catalog-guide .avm-catalog-reset,
  .avm-studio-home-catalog .avm-catalog-reset{
    grid-area:reset!important;
    display:inline-flex!important;
    align-items:center!important;
    width:auto!important;
    max-width:100%!important;
    margin:1px 0 0!important;
    padding:4px 0 0!important;
    white-space:nowrap!important;
    justify-self:start!important;
    align-self:start!important;
    font-size:15px!important;
  }
}


/* -------------------------------------------------------------------------
   v0.3.2 — DESKTOP FIRST-SECTION PROXIMITY ONLY
   Bring the first content section on every desktop page closer to the fixed
   navigation. Mobile/tablet rules are intentionally untouched.
   ------------------------------------------------------------------------- */
@media (min-width:901px){
  .avm-site-header-spacer + main.avm-main{
    margin-top:-54px!important;
  }
}


/* v0.3.3 — approved universal WooCommerce placeholder visuals. */
.woocommerce ul.products li.product img.avm-universal-product-placeholder,
.avm-studio-shop ul.products li.product img.avm-universal-product-placeholder{
  object-fit:contain!important;
  object-position:center!important;
  background:#fff!important;
}


/* -------------------------------------------------------------------------
   v0.3.4 — FEATURED SLOGAN WRAP FIX ONLY (desktop + tablet).
   Prevent "Male stvari za velike promene" from overflowing into products.
   Mobile remains unchanged.
   ------------------------------------------------------------------------- */
@media (min-width:701px){
  .home .avm-studio-featured .avm-studio-stage-note{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    white-space:normal!important;
    overflow-wrap:normal!important;
    word-break:normal!important;
    line-height:1.16!important;
    padding-right:12px!important;
  }
}


/* -------------------------------------------------------------------------
   v0.3.5 — FIBOSEARCH / TYPE-AHEAD HEADER INTEGRATION
   Existing AVE search icon and panel remain unchanged. When FiboSearch is
   active, its live product search is rendered inside the panel. If inactive,
   the legacy WordPress search form remains the fallback.
   ------------------------------------------------------------------------- */
.avm-search-panel .dgwt-wcas-search-wrapp,
.avm-search-panel .avm-fibosearch.dgwt-wcas-search-wrapp{
  width:100%!important;
  max-width:760px!important;
  min-width:0!important;
  margin:0 auto!important;
}
.avm-search-panel .dgwt-wcas-sf-wrapp{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  margin:0!important;
  box-sizing:border-box!important;
}
.avm-search-panel .dgwt-wcas-search-input{
  min-height:54px!important;
  width:100%!important;
  box-sizing:border-box!important;
  border:1px solid rgba(20,93,128,.16)!important;
  border-radius:999px!important;
  background:#fff!important;
  color:#073d61!important;
  font-family:inherit!important;
  font-size:16px!important;
  line-height:1.25!important;
  box-shadow:0 10px 28px rgba(15,83,116,.08)!important;
}
.avm-search-panel .dgwt-wcas-search-input:focus{
  border-color:rgba(31,133,181,.42)!important;
  box-shadow:0 0 0 4px rgba(61,164,207,.10),0 12px 30px rgba(15,83,116,.10)!important;
  outline:none!important;
}
.avm-search-panel .dgwt-wcas-search-submit,
.avm-search-panel .dgwt-wcas-search-submit:hover{
  border-radius:999px!important;
}
/* Keep autocomplete results above the fixed site header and mega-menu. */
.dgwt-wcas-suggestions-wrapp,
.dgwt-wcas-details-wrapp,
.dgwt-wcas-overlay-mobile{
  z-index:1000002!important;
}
.dgwt-wcas-suggestion{
  font-family:inherit!important;
}
.dgwt-wcas-suggestion .dgwt-wcas-st-title,
.dgwt-wcas-suggestion-product .dgwt-wcas-st-title{
  color:#073d61!important;
  font-weight:750!important;
}
.dgwt-wcas-suggestion-product .dgwt-wcas-sp{
  color:#14739b!important;
}

@media(max-width:700px){
  .avm-search-panel .dgwt-wcas-search-wrapp,
  .avm-search-panel .avm-fibosearch.dgwt-wcas-search-wrapp{
    max-width:100%!important;
  }
  .avm-search-panel .dgwt-wcas-search-input{
    min-height:50px!important;
    font-size:16px!important; /* Prevent iOS zoom on focus. */
  }
}
\n\n/* -------------------------------------------------------------------------\n   v0.3.6 — FiboSearch visual cleanup only.\n   Neutralises legacy search-form flex rules so the Fibo magnifier no longer\n   overlaps the placeholder. The theme-native fallback search is removed in\n   header.php; when FiboSearch is inactive the search control is simply hidden.\n   ------------------------------------------------------------------------- */\n.avm-search-panel .dgwt-wcas-search-form{\n  display:block!important;\n  width:100%!important;\n  max-width:none!important;\n  min-width:0!important;\n  margin:0!important;\n  padding:0!important;\n}\n.avm-search-panel .dgwt-wcas-sf-wrapp{\n  position:relative!important;\n  display:block!important;\n  width:100%!important;\n  max-width:none!important;\n  min-width:0!important;\n}\n.avm-search-panel .dgwt-wcas-search-input,\n.avm-search-panel input.dgwt-wcas-search-input[type="search"]{\n  display:block!important;\n  width:100%!important;\n  max-width:none!important;\n  min-width:0!important;\n  height:58px!important;\n  min-height:58px!important;\n  padding:0 48px 0 54px!important;\n  border:1px solid rgba(17,96,133,.18)!important;\n  border-radius:999px!important;\n  background:#fff!important;\n  color:#073d61!important;\n  font-family:inherit!important;\n  font-size:17px!important;\n  line-height:58px!important;\n  box-shadow:0 10px 28px rgba(15,83,116,.08)!important;\n  appearance:none!important;\n  -webkit-appearance:none!important;\n}\n.avm-search-panel .dgwt-wcas-search-input::placeholder{\n  color:#71808b!important;\n  opacity:.82!important;\n}\n.avm-search-panel .dgwt-wcas-ico-magnifier{\n  position:absolute!important;\n  left:19px!important;\n  right:auto!important;\n  top:50%!important;\n  width:22px!important;\n  height:22px!important;\n  margin:0!important;\n  transform:translateY(-50%)!important;\n  opacity:.72!important;\n  pointer-events:none!important;\n  z-index:4!important;\n}\n.avm-search-panel .dgwt-wcas-preloader{\n  right:17px!important;\n  left:auto!important;\n}\n.avm-search-panel .dgwt-wcas-search-submit{\n  flex:none!important;\n}\n@media(max-width:700px){\n  .avm-search-panel{\n    margin-top:6px!important;\n    padding:14px 12px 16px!important;\n  }\n  .avm-search-panel .dgwt-wcas-search-input,\n  .avm-search-panel input.dgwt-wcas-search-input[type="search"]{\n    height:54px!important;\n    min-height:54px!important;\n    padding:0 44px 0 50px!important;\n    font-size:16px!important;\n    line-height:54px!important;\n  }\n  .avm-search-panel .dgwt-wcas-ico-magnifier{\n    left:17px!important;\n    width:20px!important;\n    height:20px!important;\n  }\n}\n

/* ==========================================================================
   AVM FINAL PRODUCTION HEADER FIX
   1. Mobile: language + cart visible in header.
   2. Mobile/tablet geometry remains untouched.
   3. Desktop only: remove empty space above homepage hero.
   ========================================================================== */

@media (max-width:700px){

  /* Keep compact language selector visible in the real header. */
  .avm-header-actions .avm-language-switcher{
    display:inline-block!important;
  }

  /* Account stays hidden; cart returns to mobile header. */
  .avm-header-actions .avm-cart-link{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    position:relative!important;
  }

  .avm-header-actions .avm-cart-count{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
  }
}

/* Desktop ONLY — tablet/mobile spacing is intentionally untouched. */
@media (min-width:901px){
  .home .avm-studio-hero{
    padding-top:0!important;
  }
}



/* ==========================================================================
   AVM FINAL HEADER OVERRIDE 2026-10-26
   Loaded last in the theme cascade.
   ========================================================================== */

/* PHONE ONLY — show cart, keep account hidden. */
@media (max-width:700px){

  .avm-site-header .avm-header-actions .avm-account-link{
    display:none!important;
  }

  .avm-site-header .avm-header-actions .avm-cart-link{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    box-sizing:border-box!important;
    width:34px!important;
    min-width:34px!important;
    max-width:34px!important;
    height:34px!important;
    min-height:34px!important;
    max-height:34px!important;
    flex:0 0 34px!important;
    margin:0!important;
    padding:0!important;
    position:relative!important;
    visibility:visible!important;
    opacity:1!important;
  }

  .avm-site-header .avm-cart-count{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
  }
}


/* DESKTOP ONLY.
   Existing -54px correction still leaves ~64px visible whitespace.
   Compensate the complete desktop gap without touching <=900px. */
@media (min-width:901px){

  .avm-site-header-spacer + main.avm-main{
    margin-top:-118px!important;
  }

}