/*
 Theme Name:   Bricks Child Theme
 Theme URI:    https://bricksbuilder.io/
 Description:  Use this child theme to extend Bricks.
 Author:       Bricks
 Author URI:   https://bricksbuilder.io/
 Template:     bricks
 Version:      1.1
 Text Domain:  bricks
*/

/* === BUTTONS === */
.btn {
  font-family: "Fredoka", sans-serif;
  font-size: var(--at-text--m);
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  text-decoration: none;
  padding: var(--at-space--xs) var(--at-space--l);
  border: 0;
  border-radius: var(--at-radius--m);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  position: relative;
  overflow: hidden;
  z-index: 1;
  transition: color 0.7s ease,
              border-color 0.7s ease,
              transform 0.7s ease;
}

.btn::before {
  content: '';
  position: absolute;
  inset: 0;
  transform: translateX(-100%);
  transition: transform 0.8s ease;
  z-index: -1;
}

.btn:hover {
  transform: translateY(-2px);
}

.btn:hover::before {
  transform: translateX(0);
}

@media (max-width: 478px) {
  .btn { width: 100%; }
}


/* Primary — red → neutral fill, text → yellow */
.btn-prim {
  background: var(--at-primary) !important;
  color: var(--at-white) !important;
  border-color: var(--at-primary) !important;
}
.btn-prim::before {
  background: var(--at-neutral);
}
.btn-prim:hover {
  background: var(--at-primary) !important;
  color: var(--at-white) !important;
  border-color: var(--at-neutral) !important;
}

/* Secondary — yellow → red fill, text → white */
.btn-secondary {
  background: var(--at-secondary);
  color: var(--at-neutral);
  border-color: var(--at-secondary);
}
.btn-secondary::before {
  background: var(--at-primary);
}
.btn-secondary:hover {
  color: var(--at-white);
  border-color: var(--at-primary);
}

/* Outline — transparent → white fill, text → neutral */
.btn-outline {
  background: var(--at-white);
  color: var(--at-primary);
  --at-btn-primary-color--hover: var(--at-white);
}
.btn-outline::before {
  background: var(--at-neutral);
}

/* === SECTION SUBHEADING TAGS === */
.sec-tag-primary {
  font-family: "Fredoka", sans-serif;
  font-weight: 700;
  font-size: var(--at-text--m);
  letter-spacing: 0.14em;
  text-transform: uppercase;
  display: inline-block;
  color: var(--at-primary);
}

/* sec-tag-primary mobile (mobile_portrait m->s) */
@media (max-width: 478px) {
  .sec-tag-primary {
    font-size: var(--at-text--s);
    color: var(--at-primary-d-2);
  }
}

.sec-tag-secondary {
  font-family: "Fredoka", sans-serif;
  font-weight: 600;
  font-size: var(--at-text--m);
  letter-spacing: 0.14em;
  text-transform: uppercase;
  display: inline-block;
  color: var(--at-secondary);
}

/* sec-tag-secondary mobile (mobile_portrait m->s) */
@media (max-width: 478px) {
  .sec-tag-secondary {
    font-size: var(--at-text--s);
  }
}

/* === FINAL CTA — DARK GRADIENT PANEL === */
.final-cta {
  background:
    radial-gradient(circle at 80% 20%, rgba(225,37,27,0.22) 0%, transparent 55%),
    radial-gradient(circle at 15% 85%, rgba(0,105,55,0.18) 0%, transparent 50%),
    linear-gradient(135deg, var(--at-neutral) 0%, #0e0606 100%);
  padding-block: clamp(3.2rem, 6vw, 6.4rem);
  position: relative;
  overflow: hidden;
}

/* === ŠUMI BRAND PRODUCT COLORS === */
:root {
  --color-apple: #4CAF50;
  --color-cola: #C92127;
  --color-visoki-c: #F39C12;
  --color-menthol: #26A69A;
  --color-fruit-jelly: #E91E63;
  --color-formula-x: #2E7D32;
  /* Chewy proizvodi — opciono, koristi se ako želiš per-product brand boje (ispod) */
  --color-fru-fru: #FF6B9D;
  --color-mega-tattoo: #6A1B9A;
  --color-party-mix: #FF6B35;
--color-cubes: #1976D2;    
	--color-cubes-bag: #FF6B35;
}

/* === CAT HERO TITLE EM === */
.cat-hero__title em {
  font-style: normal;
  color: var(--at-secondary);
}

/* === PRODUCT TITLE EM === */
.product__title em { font-style: normal; }
.product__title--apple em { color: var(--color-apple); }
.product__title--cola em { color: var(--color-cola); }
.product__title--visoki-c em { color: var(--color-visoki-c); }
.product__title--menthol em { color: var(--color-menthol); }
.product__title--fruit-jelly em { color: var(--color-fruit-jelly); }
.product__title--formula-x em { color: var(--color-formula-x); }
 
 
.product__title--fru-fru em      { color: var(--color-fru-fru); }
.product__title--mega-tattoo em  { color: var(--color-mega-tattoo); }
.product__title--mini-tattoo em  { color: var(--color-cola); }
.product__title--party-mix em    { color: var(--color-party-mix); }
.product__title--cubes em        { color: var(--color-cubes-bag); }
.product__title--cubes-jar em    { color: var(--color-cubes-bag); }
.product__title--tattoo-bars em  { color: var(--color-cubes); }

/* Herba proizvodi */
.product__title--herba-original em      { color: var(--color-formula-x); }
.product__title--herba-green-tea em     { color: var(--color-apple); }
.product__title--herba-orange em        { color: var(--color-visoki-c); }
.product__title--herba-alpine-mint em   { color: var(--color-menthol); }
.product__title--herba-eucalyptus em    { color: var(--color-menthol); }
.product__title--herba-black-currant em { color: var(--color-mega-tattoo); }
.product__title--herba-cranberry em     { color: var(--color-cola); }
.product__title--herba-orange-ginger em { color: var(--color-visoki-c); }
.product__title--herba-mix em           { color: var(--color-formula-x); }


 .product__title--sumi-mix em { color: var(--at-primary); }

/* === PRODUCT IMAGE === */
.product__image img {
  
  filter: drop-shadow(0 24px 40px rgba(0,0,0,0.15));
}

/* === PRODUCT IMAGE STATIC TILT (na figure, ne img) === */
.product__image {
  transition: transform 0.5s ease;
  transform: rotate(-2deg);
}



.product__image:hover {
  transform: rotate(0deg) scale(1.03);
}

/* === SKIDA HOVER BOX OKO PRODUCT IMAGE === */
.product__image,
.product__image:hover {
  background: transparent !important;
  box-shadow: none !important;
}

/* === PRODUCT SECTION (BASE) === */
.product-section {
  padding-block: var(--at-space--3xl);
  position: relative;
  overflow: hidden;
}

/* === LOOP WRAPPERS (nbzttc tags, vghwoo weights) — auto-width so they flow horizontally in flex parents === */
.product__tags > .brxe-nbzttc,
.product__weights > .brxe-vghwoo {
  width: auto;
  flex: 0 0 auto;
}

/* === ALTERNATING LAYOUT — svi viewport-i iznad mobile portrait (479+) === */
@media (min-width: 479px) {
  .product-section:nth-child(even of .product-section) .product > .product__content {
    order: 2;
  }
  .product-section:nth-child(even of .product-section) .product > .product__image {
    order: 1;
  }
}

/* Tablet portrait (768-991): reverse 2-1 → 1-2 (image manja levo, text desno) */
@media (min-width: 768px) and (max-width: 991px) {
  .product-section:nth-child(even of .product-section) .product {
    grid-template-columns: var(--at-grid--1-2) !important;
  }
}

/* Desktop (≥992): reverse 1fr+35rem → 35rem+1fr */
@media (min-width: 992px) {
  .product-section:nth-child(even of .product-section) .product {
    grid-template-columns: 35rem minmax(0, 1fr) !important;
  }
}

/* === PRODUCT SECTION BACKGROUNDS === */
.product-section--apple {
  background: linear-gradient(120deg, #ffffff 0%, #eaf8ef 100%);
}
.product-section--cola {
  background: linear-gradient(120deg, #ffe8e8 0%, #fff7f7 100%);
}
.product-section--visoki-c {
  background: linear-gradient(120deg, #fff7e8 0%, #ffffff 100%);
}
.product-section--menthol {
  background: linear-gradient(120deg, #fffaf3 0%, #e8f7f4 100%);
}
.product-section--fruit-jelly {
  background: linear-gradient(120deg, #fff0f5 0%, #ffffff 100%);
}
.product-section--formula-x {
  background: linear-gradient(120deg, #ffffff 0%, #eaf8ef 100%);
}
.product-section--fru-fru {
  background: linear-gradient(120deg, #fff0f5 0%, #ffffff 100%);
}
.product-section--mega-tattoo {
  background: linear-gradient(120deg, #f3e8fd 0%, #ffffff 100%);
}
.product-section--mini-tattoo-cola {
  background: linear-gradient(120deg, #ffe8e8 0%, #fff7f7 100%);
}
.product-section--party-mix-kids {
  background: linear-gradient(120deg, #fff4e8 0%, #ffffff 100%);
}
.product-section--cubes-bag {
  background: linear-gradient(120deg, #e8f1ff 0%, #ffffff 100%);
}
.product-section--cubes-jar {
  background: linear-gradient(120deg, #ffffff 0%, #e8f1ff 100%);
}
.product-section--tattoo-bars {
  background: linear-gradient(120deg, #f3e8fd 0%, #ffffff 100%);
}
.product-section--sumi-mix {
  background: linear-gradient(120deg, #fff7e8 0%, #fff0f5 50%, #e8f1ff 100%);
}
.product-section--herba-original {
  background: linear-gradient(120deg, #f0f7ed 0%, #ffffff 100%);
}
.product-section--herba-green-tea {
  background: linear-gradient(120deg, #ffffff 0%, #e8f5e9 100%);
}
.product-section--herba-orange {
  background: linear-gradient(120deg, #fff4e6 0%, #ffffff 100%);
}
.product-section--herba-alpine-mint {
  background: linear-gradient(120deg, #ffffff 0%, #e8f7f4 100%);
}
.product-section--herba-eucalyptus {
  background: linear-gradient(120deg, #e8f7f4 0%, #ffffff 100%);
}
.product-section--herba-black-currant {
  background: linear-gradient(120deg, #ffffff 0%, #f3e8f7 100%);
}
.product-section--herba-cranberry {
  background: linear-gradient(120deg, #fff0f0 0%, #ffffff 100%);
}
.product-section--herba-orange-ginger {
  background: linear-gradient(120deg, #ffffff 0%, #fff4e6 100%);
}
.product-section--herba-mix {
  background: linear-gradient(120deg, #f0f7ed 0%, #fff7e8 50%, #e8f7f4 100%);
}

/* === BIJELI BORDER (razdvajač) — sve sekcije osim prve u svojoj kategoriji === */
.product-section--cola,
.product-section--visoki-c,
.product-section--menthol,
.product-section--fruit-jelly,
.product-section--formula-x,
.product-section--mega-tattoo,
.product-section--mini-tattoo-cola,
.product-section--party-mix-kids,
.product-section--cubes-bag,
.product-section--cubes-jar,
.product-section--tattoo-bars,
.product-section--herba-green-tea,
.product-section--herba-orange,
.product-section--herba-alpine-mint,
.product-section--herba-black-currant,
.product-section--herba-cranberry,
.product-section--herba-orange-ginger,
.product-section--herba-mix {
  border-top: 3px solid rgba(255,255,255,0.6);
}

/* === DECORATIVE EMOJI SHAPE === */
.product-section--apple::before,
.product-section--cola::before,
.product-section--visoki-c::before,
.product-section--menthol::before,
.product-section--fruit-jelly::before,
.product-section--formula-x::before,
.product-section--fru-fru::before,
.product-section--mega-tattoo::before,
.product-section--mini-tattoo-cola::before,
.product-section--party-mix-kids::before,
.product-section--cubes-bag::before,
.product-section--cubes-jar::before,
.product-section--tattoo-bars::before,
.product-section--sumi-mix::before,
.product-section--herba-original::before,
.product-section--herba-green-tea::before,
.product-section--herba-orange::before,
.product-section--herba-alpine-mint::before,
.product-section--herba-eucalyptus::before,
.product-section--herba-black-currant::before,
.product-section--herba-cranberry::before,
.product-section--herba-orange-ginger::before,
.product-section--herba-mix::before {
  position: absolute;
  font-size: 17rem;
  line-height: 1;
  opacity: 0.09;
  pointer-events: none;
  z-index: 0;
  top: 16%;
}

.product-section--apple::before {
  content: "🍏";
  right: 8%;
  transform: rotate(-12deg);
}
.product-section--cola::before {
  content: "🥤";
  left: 8%;
  transform: rotate(12deg);
}
.product-section--visoki-c::before {
  content: "🍊";
  right: 8%;
  transform: rotate(-12deg);
}
.product-section--menthol::before {
  content: "🌿";
  left: 8%;
  transform: rotate(12deg);
}
.product-section--fruit-jelly::before {
  content: "🍬";
  right: 8%;
  transform: rotate(-12deg);
}
.product-section--formula-x::before {
  content: "⚗️";
  left: 8%;
  transform: rotate(12deg);
}
.product-section--fru-fru::before {
  content: "🍓";
  right: 8%;
  transform: rotate(-12deg);
}
.product-section--mega-tattoo::before {
  content: "🎨";
  left: 8%;
  transform: rotate(12deg);
}
.product-section--mini-tattoo-cola::before {
  content: "🥤";
  right: 8%;
  transform: rotate(-12deg);
}
.product-section--party-mix-kids::before {
  content: "🎉";
  left: 8%;
  transform: rotate(12deg);
}
.product-section--cubes-bag::before {
  content: "🎲";
  right: 8%;
  transform: rotate(-12deg);
}
.product-section--cubes-jar::before {
  content: "🎲";
  left: 8%;
  transform: rotate(12deg);
}
.product-section--tattoo-bars::before {
  content: "🪄";
  right: 8%;
  transform: rotate(-12deg);
}
.product-section--sumi-mix::before {
  content: "🎁";
  right: 8%;
  transform: rotate(-12deg);
}
.product-section--herba-original::before {
  content: "🌱";
  right: 8%;
  transform: rotate(-12deg);
}
.product-section--herba-green-tea::before {
  content: "🍵";
  left: 8%;
  transform: rotate(12deg);
}
.product-section--herba-orange::before {
  content: "🍊";
  right: 8%;
  transform: rotate(-12deg);
}
.product-section--herba-alpine-mint::before {
  content: "🏔️";
  left: 8%;
  transform: rotate(12deg);
}
.product-section--herba-eucalyptus::before {
  content: "🌿";
  right: 8%;
  transform: rotate(-12deg);
}
.product-section--herba-black-currant::before {
  content: "🫐";
  left: 8%;
  transform: rotate(12deg);
}
.product-section--herba-cranberry::before {
  content: "🍒";
  right: 8%;
  transform: rotate(-12deg);
}
.product-section--herba-orange-ginger::before {
  content: "🫚";
  left: 8%;
  transform: rotate(12deg);
}
.product-section--herba-mix::before {
  content: "🌱";
  right: 8%;
  transform: rotate(-12deg);
}

/* === TAG VARIANTS === */
.tag--sweet,
.tag--fruit,
.tag--fruit-6 {
  background: linear-gradient(145deg, rgba(255,107,107,0.85), rgba(225,37,27,0.9), rgba(184,30,23,0.95));
  border-color: rgba(255,150,150,0.3);
  color: #ffffff;
}
.tag--zesty {
  background: linear-gradient(145deg, rgba(255,224,102,0.85), rgba(255,179,0,0.9), rgba(230,162,0,0.95));
  border-color: rgba(255,230,120,0.3);
  color: #5C3D00;
}
.tag--fresh {
  background: linear-gradient(145deg, rgba(129,222,234,0.85), rgba(38,166,154,0.9), rgba(0,137,123,0.95));
  border-color: rgba(129,222,234,0.3);
  color: #ffffff;
}
.tag--herbal {
  background: linear-gradient(145deg, rgba(165,214,111,0.85), rgba(76,175,80,0.9), rgba(46,125,50,0.95));
  border-color: rgba(165,214,111,0.3);
  color: #ffffff;
}
.tag--halal {
  background: linear-gradient(145deg, rgba(102,187,106,0.85), rgba(46,125,50,0.9), rgba(27,94,32,0.95));
  border-color: rgba(165,214,111,0.3);
  color: #ffffff;
}
.tag--vitamin {
  background: linear-gradient(145deg, rgba(255,183,77,0.85), rgba(243,156,18,0.9), rgba(220,130,0,0.95));
  border-color: rgba(255,200,100,0.3);
  color: #ffffff;
}
.tag--flavours {
  background: linear-gradient(90deg,
    rgba(225,37,27,0.95) 0%,
    rgba(243,156,18,0.95) 25%,
    rgba(255,193,7,0.95) 50%,
    rgba(243,156,18,0.95) 75%,
    rgba(225,37,27,0.95) 100%);
  border-color: rgba(255,150,100,0.3);
  color: #ffffff;
  text-shadow: 0 1px 2px rgba(0,0,0,0.25);
}
.tag--vegan {
  background: linear-gradient(145deg, rgba(129,199,132,0.85), rgba(67,160,71,0.9), rgba(46,125,50,0.95));
  border-color: rgba(165,214,111,0.3);
  color: #ffffff;
}
.tag--3-flavours {
  background: linear-gradient(90deg,
    rgba(255,193,7,0.95) 0%,
    rgba(225,37,27,0.95) 50%,
    rgba(255,107,107,0.95) 100%);
  border-color: rgba(255,150,100,0.3);
  color: #ffffff;
  text-shadow: 0 1px 2px rgba(0,0,0,0.25);
}
.tag.tag--surprise {
  background: linear-gradient(145deg, rgba(220,237,84,0.9), rgba(174,213,53,0.92), rgba(124,179,66,0.95));
  border-color: rgba(200,230,80,0.35);
  color: #2A3D00;
}
.tag--gift {
  background: linear-gradient(145deg, rgba(149,117,205,0.85), rgba(106,27,154,0.9), rgba(74,20,140,0.95));
  border-color: rgba(149,117,205,0.3);
  color: #ffffff;
}

.tag--cola {
  background: linear-gradient(145deg, rgba(201,33,39,0.85), rgba(169,20,25,0.9), rgba(140,10,15,0.95));
  border-color: rgba(201,33,39,0.3);
  color: #ffffff;
}

/* Hide current term card from cross-promo grid */
.cross-promo__card[aria-current="page"] {
  display: none;
}

/* Sour Surprise — alias za .tag--zesty (Formula X koristi) */
.tag--sour-surprise {
  background: linear-gradient(145deg, rgba(255,224,102,0.85), rgba(255,179,0,0.9), rgba(230,162,0,0.95));
  border-color: rgba(255,230,120,0.3);
  color: #5C3D00;
}

/* === TAG HOVER === */
.tag {
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.tag:hover {
  transform: translateY(-2px) scale(1.05);
  box-shadow: 0 6px 16px rgba(0,0,0,0.12);
}

/* === MOBILE LAYOUT (≤478px) === */
@media (max-width: 477px) {
  .product__image {
    order: -1;
  }
  .product__content {
    align-items: center;
    text-align: center;
  }
  .product__title,
  .product__desc {
    text-align: center;
  }
  .product__weights,
  .product__tags {
    justify-content: center;
  }
  .product-section--apple::before,
  .product-section--cola::before,
  .product-section--visoki-c::before,
  .product-section--menthol::before,
  .product-section--fruit-jelly::before,
  .product-section--formula-x::before,
  .product-section--fru-fru::before,
  .product-section--mega-tattoo::before,
  .product-section--mini-tattoo-cola::before,
  .product-section--party-mix-kids::before,
  .product-section--cubes-bag::before,
  .product-section--cubes-jar::before,
  .product-section--tattoo-bars::before,
  .product-section--sumi-mix::before,
  .product-section--herba-original::before,
  .product-section--herba-green-tea::before,
  .product-section--herba-orange::before,
  .product-section--herba-alpine-mint::before,
  .product-section--herba-eucalyptus::before,
  .product-section--herba-black-currant::before,
  .product-section--herba-cranberry::before,
  .product-section--herba-orange-ginger::before,
  .product-section--herba-mix::before {
    font-size: 10rem;
    opacity: 0.06;
  }
}

/* === LANGUAGE SWITCHER === */

.wpml-ls-legacy-list-horizontal .wpml-ls-item {
  color: var(--at-neutral-l-3);
  font-family: "Fredoka";
}

.wpml-ls-legacy-list-horizontal a {
  display: inline-flex;
  align-items: center;
  gap: var(--at-space--3xs);
  text-decoration: none;
  line-height: 1;
}

.wpml-ls-legacy-list-horizontal .wpml-ls-flag {
  width: var(--at-space--m);
  height: auto;
  display: block;
  border-radius: var(--at-radius--2xs);
}

.wpml-ls-legacy-list-horizontal .wpml-ls-native {
  font-size: var(--at-text--s);
  font-weight: 400;
  line-height: 1;
  display: inline-block;
}

@media (max-width: 767px) {
  .wpml-ls-legacy-list-horizontal .wpml-ls-flag { width: var(--at-space--l); }
  .wpml-ls-legacy-list-horizontal .wpml-ls-native { font-size: var(--at-text--m); }
  .wpml-ls-legacy-list-horizontal a { gap: var(--at-space--2xs); }
}

#brx-content > *:first-of-type > * {
  padding-block-start: var(--at-header-height);
}

/* === LEGAL PAGES (Privacy Policy, Terms & Conditions) === */
.legal__container {
  padding-block: 0;
}

.legal-text h2 {
  font-family: "Fredoka", sans-serif;
  font-size: var(--at-text--xl);
  color: var(--at-neutral);
  margin-top: 2.5rem;
  margin-bottom: .5rem;
  font-weight: 600;
}
.legal-text p,
.legal-text ul {
  color: var(--at-neutral-l-2);
  line-height: 1.75;
  margin-bottom: 1rem;
}
.legal-text ul { padding-left: 1.5rem; }
.legal-text li { margin-bottom: .4rem; }
.legal-text a { color: var(--at-primary); }
.legal-text strong { color: var(--at-neutral); }
/* === HIDE CONTACT FROM MOBILE MENU === */
@media (max-width: 767px) {
  .hide-on-mobile { display: none; }
}

/* === MOBILE MENU: PRODUCTS DROPDOWN OPEN BY DEFAULT === */
@media (max-width: 991px) {
  .main-header-mobile-menu__nav .menu-item-has-children > .sub-menu {
    visibility: visible;
    max-height: 50rem;
    margin-top: var(--at-space--xs);
    opacity: 1;
    pointer-events: auto !important;
  }
  .main-header-mobile-menu__nav .menu-item-has-children > .sub-menu a {
    pointer-events: auto !important;
  }
  .main-header-mobile-menu__nav .menu-item-has-children > .brx-submenu-toggle > button {
    display: none;
  }
}


/* === HEADING EM HIGHLIGHTS === */
h1 em, h2 em, h3 em {
  font-style: normal;
  color: var(--at-primary);
}

.hero-slider em,
.feelings em,
.final-cta em { font-style: normal;
  color: var(--at-secondary);
}

/* Popular Products card titles: inherit text color (no red em) */
.popular-products-card__name em {
  color: inherit;
}


/* === SL TAG COLOR ALIASES (mirror EN .tag--* rules) === */
.tag--sladko-sl,
.tag--sadni-sok,
.tag--3-sadja {
  background: linear-gradient(145deg, rgba(255,107,107,0.85), rgba(225,37,27,0.9), rgba(184,30,23,0.95));
  border-color: rgba(255,150,150,0.3);
  color: #ffffff;
}
.tag--pikantno,
.tag--kislo-presenecenje {
  background: linear-gradient(145deg, rgba(255,224,102,0.85), rgba(255,179,0,0.9), rgba(230,162,0,0.95));
  border-color: rgba(255,230,120,0.3);
  color: #5C3D00;
}
.tag--sveze {
  background: linear-gradient(145deg, rgba(129,222,234,0.85), rgba(38,166,154,0.9), rgba(0,137,123,0.95));
  border-color: rgba(129,222,234,0.3);
  color: #ffffff;
}
.tag--zeliscno,
.tag--vegansko,
.tag--halal-sl {
  background: linear-gradient(145deg, rgba(165,214,111,0.85), rgba(76,175,80,0.9), rgba(46,125,50,0.95));
  border-color: rgba(165,214,111,0.3);
  color: #ffffff;
}
.tag--vitamin-c-sl {
  background: linear-gradient(145deg, rgba(255,183,77,0.85), rgba(243,156,18,0.9), rgba(220,130,0,0.95));
  border-color: rgba(255,200,100,0.3);
  color: #ffffff;
}
.tag--okusi-sl {
  background: linear-gradient(90deg,
    rgba(225,37,27,0.95) 0%,
    rgba(243,156,18,0.95) 25%,
    rgba(255,193,7,0.95) 50%,
    rgba(243,156,18,0.95) 75%,
    rgba(225,37,27,0.95) 100%);
  border-color: rgba(255,150,100,0.3);
  color: #ffffff;
  text-shadow: 0 1px 2px rgba(0,0,0,0.25);
}
.tag--cola-sl {
  background: linear-gradient(145deg, rgba(201,33,39,0.85), rgba(169,20,25,0.9), rgba(140,10,15,0.95));
  border-color: rgba(201,33,39,0.3);
  color: #ffffff;
}
.tag--darilo,
.tag--brezplacna-tetovaza {
  background: linear-gradient(145deg, rgba(149,117,205,0.85), rgba(106,27,154,0.9), rgba(74,20,140,0.95));
  border-color: rgba(149,117,205,0.3);
  color: #ffffff;
}
.tag--3-okusi {
  background: linear-gradient(90deg,
    rgba(255,193,7,0.95) 0%,
    rgba(225,37,27,0.95) 50%,
    rgba(255,107,107,0.95) 100%);
  border-color: rgba(255,150,100,0.3);
  color: #ffffff;
  text-shadow: 0 1px 2px rgba(0,0,0,0.25);
}

/* === NEW TAG SLUGS AFTER RENAME (Zabaven Tattoo, Več okusov) === */
.tag--zabaven-tattoo,
.tag--fun-tattoo {
  background: linear-gradient(145deg, rgba(149,117,205,0.85), rgba(106,27,154,0.9), rgba(74,20,140,0.95));
  border-color: rgba(149,117,205,0.3);
  color: #ffffff;
}
.tag--vec-okusov,
.tag--more-flavours {
  background: linear-gradient(90deg,
    rgba(225,37,27,0.95) 0%,
    rgba(243,156,18,0.95) 25%,
    rgba(255,193,7,0.95) 50%,
    rgba(243,156,18,0.95) 75%,
    rgba(225,37,27,0.95) 100%);
  border-color: rgba(255,150,100,0.3);
  color: #ffffff;
  text-shadow: 0 1px 2px rgba(0,0,0,0.25);
}

/* === SOUR (EN sour / SL kislo) — lime, izmedju zute (zesty) i zelene (herbal) === */
.tag--sour,
.tag--kislo {
  background: linear-gradient(145deg, rgba(220,237,84,0.9), rgba(174,213,53,0.92), rgba(124,179,66,0.95));
  border-color: rgba(200,230,80,0.35);
  color: #2A3D00;
}


/* 404 eyebrow = brand yellow */
.error-404 .sec-tag-primary {
  color: var(--at-secondary);
}


/* Center Cloudflare Turnstile in FluentForms (sve 3 forme) */
.ff-el-turnstile {
  display: flex;
  justify-content: center;
}


/* FluentForm success message — clean (bez border/shadow, centrirano, manji padding) */
.ff-message-success {
  border: none !important;
  box-shadow: none !important;
  text-align: center !important;
  padding: var(--at-space--xs) var(--at-space--m) !important;
}

/* Cookie settings footer link — reset button chrome to match legal links */
.site-footer__legal-link.cmplz-manage-consent{ background:transparent!important;border:0!important;padding:0!important;margin:0!important;-webkit-appearance:none!important;appearance:none!important;cursor:pointer;font-family:inherit;text-align:inherit;width:auto }
/* hide Complianz floating manage-consent tab (footer link used instead) */
.cmplz-manage-consent.manage-consent-1{ display:none!important }
 /* nema bordera - AT var (bez !important) */ .btn{--at-btn-border-width:0;--at-btn-border-width--hover:0}  /* sumi-hdr-smaller (constant, option A) */ #brx-header .main-header{padding-block:.7rem} #brx-header .bricks-site-logo,#brx-header .main-header__logo img,#brx-header .main-header__logo svg,#brx-header .main-header__logo-svg{height:3.6rem}  /* sumi-hdr-hide */ #brx-header{transition:transform .45s ease} #brx-header.header-hidden{transform:translateY(-100%)}  /* btn-secondary fill black */ .btn-secondary--ink::before{background:var(--at-neutral)}   /* sumi-hdr-nopill */ body #brx-header.scrolling .main-header__inner{padding:0;max-width:none;background-color:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;border-radius:0}body #brx-header.scrolling .main-header__logo img{width:16.5rem}
/* mob Contact CTA - AT vars (bez override) */
.btn.bricks-background-primary{--at-btn-primary-background--hover:var(--at-primary);--at-btn-primary-color--hover:var(--at-white)}

/* <address> UA default = italic -> reset */
.site-footer__links{font-style:normal}

/* === Global animation keyframes (consolidated from page Code elements 2026-07-09) === */
@keyframes fadeUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
@keyframes pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.2)}}
@keyframes jFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
@keyframes jellyBounce{0%{transform:scale(1)}30%{transform:scale(1.16,.95) rotate(-2deg)}50%{transform:scale(.97,1.10) rotate(1deg)}70%{transform:scale(1.06,.98) rotate(-1deg)}100%{transform:scale(1.12) rotate(-3deg)}}

/* sec-header + final-cta--yellow em (consolidated from Our Story/Contact/Kariera code 2026-07-09) */
.sec-header__title em,
.final-cta__title--yellow em{font-style:normal;color:var(--at-primary)}


/* sumi-hdr-logo-fixed: logo ne skače lijevo-desno na mobu — drži .main-header__inner na 90% i u .scrolling stanju (kao na vrhu) 2026-07-13 */
@media (max-width: 991px) {
  body #brx-header.scrolling .main-header__inner { max-width: 90%; }
}