/* ============================================
   NOX STIL — padelcentar.com
   ============================================ */

/* ---------- 1) GUMBOVI VELIČINA ---------- */
.variable-items-wrapper .variable-item.button-variable-item {
  border: 2px solid #000;
  border-radius: 0;
  box-shadow: none;
  min-width: 46px;
  height: 42px;
  font-weight: 700;
  letter-spacing: 1px;
  background: #fff;
  color: #000;
  transition: all .15s ease;
}
.variable-items-wrapper .variable-item.button-variable-item:hover {
  background: #000;
  color: #fff;
}
.variable-items-wrapper .variable-item.button-variable-item.selected,
.variable-items-wrapper .variable-item.button-variable-item.selected:hover {
  background: #000;
  color: #fff;
  box-shadow: none;
}
.variable-items-wrapper .variable-item.disabled,
.variable-items-wrapper .variable-item.no-stock {
  opacity: .3;
  text-decoration: line-through;
  pointer-events: none;
}
table.variations select {
  border: 2px solid #000;
  border-radius: 0;
  padding: 8px 36px 8px 12px;
  font-weight: 600;
  letter-spacing: 1px;
}
table.variations label {
  text-transform: uppercase;
  letter-spacing: 2px;
  font-size: 12px;
  font-weight: 700;
}

/* ---------- 2) DUGMAD ---------- */
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit,
.woocommerce div.product form.cart .button,
.wc-block-components-button {
  background: #000 !important;
  color: #fff !important;
  border: 2px solid #000 !important;
  border-radius: 0 !important;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-weight: 600;
  transition: all .15s ease;
}
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce div.product form.cart .button:hover {
  background: #fff !important;
  color: #000 !important;
}
.woocommerce .quantity .qty {
  border: 2px solid #000;
  border-radius: 0;
  height: 46px;
  font-weight: 700;
}

/* ---------- 3) GRID PROIZVODA ---------- */
ul.products li.product .woocommerce-loop-product__title {
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 700;
  font-size: .92rem;
  line-height: 1.35;
}
ul.products li.product img {
  transition: transform .25s ease;
}
ul.products li.product:hover img {
  transform: scale(1.04);
}
ul.products li.product .price {
  font-weight: 700;
  color: #000;
}
ul.products li.product .price del {
  color: #999;
  font-weight: 400;
}
ul.products li.product .price ins {
  text-decoration: none;
}

/* ---------- 4) AKCIJA BEDŽ ---------- */
.woocommerce span.onsale {
  background: #000;
  color: #fff;
  border-radius: 0;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 11px;
  font-weight: 700;
  min-height: 0;
  line-height: 1;
  padding: 7px 12px;
}

/* ---------- 5) STRANICA PROIZVODA ---------- */
.woocommerce div.product .product_title {
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 800;
}
.woocommerce div.product p.price {
  color: #000;
  font-weight: 700;
  font-size: 1.45rem;
}
.woocommerce div.product p.price del {
  color: #999;
  font-weight: 400;
  font-size: 1.05rem;
}
.woocommerce div.product p.price ins {
  text-decoration: none;
}
.woocommerce div.product .stock.in-stock {
  color: #0a7a2f;
  font-weight: 600;
}
.woocommerce div.product .stock.out-of-stock {
  color: #b00020;
  font-weight: 600;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li {
  border-radius: 0;
  background: #fff;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active {
  border-bottom-color: #fff;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li a {
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 13px;
  font-weight: 700;
}

/* ---------- 6) SITNICE ---------- */
.woocommerce-breadcrumb {
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #888;
}
ul.products li.product {
  display: flex;
  flex-direction: column;
}
ul.products li.product .button {
  margin-top: auto;
}

/* ---------- 7) MREŽA PROIZVODA (robustan grid) ---------- */
.woocommerce ul.products,
.woocommerce-page ul.products {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 40px 28px !important;
  width: 100%;
  margin: 0 0 40px !important;
  padding: 0 !important;
  list-style: none !important;
}
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  float: none !important;
  clear: none !important;
  display: flex !important;
  flex-direction: column !important;
}
.woocommerce ul.products::before,
.woocommerce ul.products::after,
.woocommerce-page ul.products::before,
.woocommerce-page ul.products::after { content: none !important; display: none !important; }

/* slika u jednakom kvadratnom okviru, centrirana */
.woocommerce ul.products li.product a.woocommerce-LoopProduct-link,
.woocommerce-page ul.products li.product a.woocommerce-LoopProduct-link { display: block; }
.woocommerce ul.products li.product img,
.woocommerce-page ul.products li.product img {
  aspect-ratio: 1 / 1;
  object-fit: contain !important;
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  margin: 0 0 14px !important;
  background: #fff;
  mix-blend-mode: multiply;
}
/* naziv fiksne visine (2 reda) da cijena i dugme budu poravnati */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce-page ul.products li.product .woocommerce-loop-product__title {
  min-height: 2.7em;
  margin-bottom: 6px;
  padding: 0 4px;
}
.woocommerce ul.products li.product .price,
.woocommerce-page ul.products li.product .price { padding: 0 4px; margin-bottom: 12px; }
.woocommerce ul.products li.product .button,
.woocommerce-page ul.products li.product .button { margin-top: auto !important; }

@media (max-width: 921px) {
  .woocommerce ul.products,
  .woocommerce-page ul.products { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 28px 18px !important; }
}
@media (max-width: 544px) {
  .woocommerce ul.products,
  .woocommerce-page ul.products { grid-template-columns: minmax(0, 1fr) !important; }
}

/* ---------- 8) TEKSTUALNI LOGO "PADEL CENTAR" ---------- */
.site-title,
.ast-site-title-wrap .site-title {
  margin: 0 !important;
  line-height: 1.1 !important;
}
.site-title a,
.ast-site-identity .site-title a,
.ast-theme-transparent-header .site-title a {
  text-transform: uppercase !important;
  font-weight: 800 !important;
  letter-spacing: 2px !important;
  color: #111111 !important;
  font-size: 24px !important;
}
.site-title a:hover,
.site-title a:focus {
  color: #111111 !important;
  opacity: .8;
}
@media (max-width: 544px) {
  .site-title a { font-size: 19px !important; letter-spacing: 1px !important; }
}

/* ---------- 9) HEADER MENU NA BIJELOM HEADERU ---------- */
/* Ne-transparentni header (trgovina, proizvod, itd.) ima bijelu pozadinu,
   pa tekst menija i ikone moraju biti crni. Transparent header (pocetna)
   se NE dira jer tamo vec radi. */
body:not(.ast-theme-transparent-header) .main-header-menu .menu-link,
body:not(.ast-theme-transparent-header) .ast-header-navigation-arrow,
body:not(.ast-theme-transparent-header) .main-header-bar .ast-builder-menu-1 .menu-item > .menu-link {
  color: #111111 !important;
}
body:not(.ast-theme-transparent-header) .main-header-menu .menu-link:hover,
body:not(.ast-theme-transparent-header) .main-header-menu .current-menu-item > .menu-link {
  color: #111111 !important;
  opacity: .65;
}
/* Social ikone na bijelom headeru -> crne */
body:not(.ast-theme-transparent-header) .ast-builder-layout-element .ast-social-color-type-custom [class*="ast-icon"] svg,
body:not(.ast-theme-transparent-header) .ast-header-social-wrap a {
  color: #111111 !important;
  fill: #111111 !important;
}

/* ---------- 10) HERO OUTLINE DUGME (REKETI) CRNO ---------- */
.wp-block-button.is-style-outline .wp-block-button__link {
  background: transparent !important;
  color: #111111 !important;
  border: 2px solid #111111 !important;
  border-radius: 0 !important;
}
.wp-block-button.is-style-outline .wp-block-button__link:hover {
  background: #111111 !important;
  color: #ffffff !important;
}

/* ===== COURT & CARBON — dizajn sistem ===== */
@import url('https://fonts.googleapis.com/css2?family=Archivo:wght@400;600;800;900&family=Space+Grotesk:wght@400;500;600;700&family=Inter:wght@400;500;600&display=swap');

:root{
  --cc-carbon:#0B0B0D; --cc-graphite:#1A1A1F; --cc-chalk:#F5F4F2;
  --cc-lime:#E8FF3A; --cc-concrete:#8A8A92; --cc-line:#26262C;
  --cc-disp:'Archivo',system-ui,sans-serif; --cc-ui:'Space Grotesk',system-ui,sans-serif;
  --cc-body:'Inter',system-ui,sans-serif; --cc-ease:cubic-bezier(.22,.61,.36,1);
}

/* ---- HERO (carbon) ---- */
.cc-hero{position:relative;background:var(--cc-carbon);color:var(--cc-chalk);overflow:hidden;padding:80px 0 70px}
.cc-hero .cc-courtline{position:absolute;height:2px;background:var(--cc-lime);transform-origin:left center;pointer-events:none;z-index:1}
.cc-hero .cc-cl1{top:16%;left:-5%;width:60%;transform:rotate(-14deg);opacity:.5}
.cc-hero .cc-cl2{bottom:30%;right:-5%;width:50%;transform:rotate(-14deg);opacity:.3}
.cc-hero .wp-block-columns{position:relative;z-index:2;align-items:center}
.cc-eyebrow{font-family:var(--cc-ui)!important;font-weight:500!important;font-size:14px!important;letter-spacing:0!important;color:var(--cc-concrete)!important;text-transform:none!important;display:flex;align-items:center;gap:12px}
.cc-eyebrow::before{content:"";width:8px;height:8px;background:var(--cc-lime);border-radius:50%;flex:0 0 auto}
.cc-hero h1{font-family:var(--cc-disp)!important;font-weight:900!important;font-size:clamp(48px,7vw,92px)!important;line-height:.9!important;letter-spacing:-1px!important;text-transform:uppercase!important;color:var(--cc-chalk)!important;margin:22px 0!important}
.cc-hero h1 .cc-out{color:transparent!important;-webkit-text-stroke:1.5px var(--cc-chalk)}
.cc-hero .cc-lead{font-family:var(--cc-body)!important;font-size:17px!important;line-height:1.65!important;color:#C9C9CF!important;max-width:460px;margin-bottom:32px!important}
.cc-hero .cc-racket{filter:drop-shadow(0 30px 60px rgba(0,0,0,.6));animation:cc-float 6s ease-in-out infinite}
@keyframes cc-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-14px)}}

/* ---- dugmad ---- */
.cc-btns .wp-block-button__link{font-family:var(--cc-ui)!important;font-weight:600!important;font-size:15px!important;letter-spacing:.2px!important;text-transform:none!important;border-radius:8px!important;padding:15px 28px!important;transition:.28s var(--cc-ease)!important;border:none!important}
.cc-btns .cc-lime .wp-block-button__link{background:var(--cc-lime)!important;color:var(--cc-carbon)!important}
.cc-btns .cc-lime .wp-block-button__link:hover{transform:translateY(-2px);box-shadow:0 10px 30px rgba(232,255,58,.25)}
.cc-btns .cc-ghost .wp-block-button__link{background:transparent!important;color:var(--cc-chalk)!important;border:1.5px solid #3a3a42!important}
.cc-btns .cc-ghost .wp-block-button__link:hover{border-color:var(--cc-lime)!important;color:var(--cc-lime)!important;transform:translateY(-2px)}

/* ---- marquee ---- */
.cc-marquee{background:var(--cc-carbon);border-top:1px solid var(--cc-line);overflow:hidden;white-space:nowrap}
.cc-marquee .cc-track{display:inline-block;font-family:var(--cc-ui);font-weight:600;font-size:14px;letter-spacing:1px;text-transform:uppercase;color:var(--cc-concrete);padding:14px 0;animation:cc-marq 28s linear infinite}
.cc-marquee .cc-track b{color:var(--cc-lime)}
@keyframes cc-marq{from{transform:translateX(0)}to{transform:translateX(-50%)}}

/* ---- sekcije naslovi ---- */
.cc-h2{font-family:var(--cc-disp)!important;font-weight:800!important;font-size:clamp(32px,4vw,46px)!important;letter-spacing:-.5px!important;text-transform:uppercase!important;line-height:1!important}
.cc-num{font-family:var(--cc-ui)!important;font-weight:500!important;font-size:14px!important;color:var(--cc-concrete)!important;letter-spacing:0!important}

/* ---- kategorije ---- */
.cc-cat .wp-block-button__link, .cc-cat a{font-family:var(--cc-ui)!important}
.cc-cat-card{position:relative;background:#fff;border:1px solid #E6E5E1;border-radius:14px;padding:34px 30px;min-height:200px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;transition:transform .45s var(--cc-ease),background .45s var(--cc-ease),border-color .45s var(--cc-ease),box-shadow .45s var(--cc-ease);text-decoration:none}
.cc-cat-card:hover{background:var(--cc-carbon);border-color:var(--cc-carbon);transform:translateY(-6px);box-shadow:0 22px 50px rgba(11,11,13,.16)}
.cc-cat-card .cc-ix{font-family:var(--cc-ui);font-size:13px;color:var(--cc-concrete);position:relative;z-index:2}
.cc-cat-card .cc-name{font-family:var(--cc-disp);font-weight:800;font-size:30px;text-transform:uppercase;letter-spacing:-.5px;color:var(--cc-carbon);position:relative;z-index:2;transition:color .45s var(--cc-ease)}
.cc-cat-card:hover .cc-name{color:var(--cc-chalk)}
.cc-cat-card .cc-go{font-family:var(--cc-ui);font-weight:600;font-size:14px;color:var(--cc-lime);opacity:0;transform:translateY(8px);transition:opacity .4s var(--cc-ease),transform .4s var(--cc-ease);position:relative;z-index:2}
.cc-cat-card:hover .cc-go{opacity:1;transform:translateY(0)}
.cc-cat-card .cc-big{position:absolute;right:18px;bottom:-34px;font-family:var(--cc-disp);font-weight:900;font-size:130px;line-height:1;color:rgba(11,11,13,.035);transition:transform .55s var(--cc-ease),color .55s var(--cc-ease);z-index:1}
.cc-cat-card:hover .cc-big{color:rgba(232,255,58,.12);transform:translate(-6px,-10px)}

/* ---- AT10 feature (carbon) ---- */
.cc-feature{background:var(--cc-carbon)!important;color:var(--cc-chalk)!important}
.cc-feature .cc-eyebrow{color:var(--cc-lime)!important}
.cc-feature .cc-eyebrow::before{background:var(--cc-lime)}
.cc-feature h2{font-family:var(--cc-disp)!important;font-weight:900!important;font-size:clamp(36px,5vw,56px)!important;line-height:.95!important;text-transform:uppercase!important;letter-spacing:-1px!important;color:var(--cc-chalk)!important}
.cc-feature p{color:#C9C9CF!important;line-height:1.7!important}
.cc-spec{background:var(--cc-graphite);border:1px solid var(--cc-line);padding:16px 18px;border-radius:8px}
.cc-spec .cc-k{font-family:var(--cc-ui);font-weight:500;font-size:12px;letter-spacing:.2px;color:var(--cc-concrete);text-transform:uppercase;margin-bottom:6px}
.cc-spec .cc-v{font-family:var(--cc-disp);font-weight:800;font-size:20px;color:var(--cc-chalk)}
.cc-spec .cc-v b{color:var(--cc-lime)}
.cc-price{font-family:var(--cc-disp)!important;font-weight:800!important;font-size:32px!important;color:var(--cc-lime)!important;letter-spacing:-.5px}

/* ---- trust ---- */
.cc-trust{border-top:1px solid #E2E1DD;border-bottom:1px solid #E2E1DD}
.cc-trust .cc-t-title{font-family:var(--cc-ui)!important;font-weight:600!important;font-size:16px!important;letter-spacing:.2px!important;text-transform:none!important}
.cc-trust .cc-t-desc{font-family:var(--cc-body)!important;font-size:13px!important;color:#5a5a60!important;line-height:1.5!important}

/* ---- CTA (carbon) ---- */
.cc-cta{position:relative;background:var(--cc-carbon)!important;color:var(--cc-chalk)!important;overflow:hidden}
.cc-cta h2{font-family:var(--cc-disp)!important;font-weight:900!important;font-size:clamp(40px,6vw,78px)!important;line-height:.9!important;text-transform:uppercase!important;letter-spacing:-1px!important;color:var(--cc-chalk)!important;position:relative;z-index:2}
.cc-cta h2 .cc-out{color:transparent!important;-webkit-text-stroke:1.5px var(--cc-lime)}
.cc-cta .cc-ghost-bg{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-family:var(--cc-disp);font-weight:900;font-size:30vw;color:rgba(255,255,255,.02);white-space:nowrap;z-index:1;pointer-events:none}
.cc-cta p{color:var(--cc-concrete)!important;position:relative;z-index:2}

@media(max-width:782px){
  .cc-hero h1{font-size:clamp(40px,11vw,64px)!important}
  .cc-cat-card{min-height:170px}
}

/* ===== CC KOREKCIJE (underline + hover boje) ===== */
.cc-cat-card, .cc-cat-card:hover, .cc-cat-card:focus{text-decoration:none!important}
.cc-cat-card .cc-name, .cc-cat-card .cc-ix, .cc-cat-card .cc-go{text-decoration:none!important;border-bottom:none!important}
/* broj i 'Pogledaj' moraju biti concrete/lime, ne tema ljubicasta */
.cc-cat-card .cc-ix{color:var(--cc-concrete)!important}
.cc-cat-card:hover .cc-ix{color:var(--cc-concrete)!important}
.cc-cat-card .cc-go{color:var(--cc-lime)!important}
.cc-cat-card:hover .cc-go{color:var(--cc-lime)!important}
.cc-cat-card:hover .cc-name{color:var(--cc-chalk)!important}
.cc-cat-card .cc-name{color:var(--cc-carbon)!important}

/* ===== CC GLOBALNI STIL (sve stranice) ===== */
/* tipografija svuda */
body, .ast-container, p, li, td, .woocommerce{font-family:var(--cc-body)}
h1,h2,h3,h4,h5,.entry-title,.page-title,.woocommerce-products-header__title,.product_title,.widget-title{font-family:var(--cc-disp)!important;letter-spacing:-.5px}
.ast-archive-title,.entry-title,.page-title,.product_title,.woocommerce-products-header__title{text-transform:uppercase;font-weight:800!important}

/* glavna dugmad svuda: WooCommerce + forme + CF7 */
.woocommerce a.button, .woocommerce button.button, .woocommerce input.button,
.woocommerce #respond input#submit, .woocommerce .button.alt,
.wp-block-button__link, .wpcf7 input[type=submit], button[type=submit],
.single_add_to_cart_button, .checkout-button, .wc-proceed-to-checkout .button{
  font-family:var(--cc-ui)!important;font-weight:600!important;letter-spacing:.2px!important;
  text-transform:none!important;border-radius:8px!important;
  background:var(--cc-carbon)!important;color:var(--cc-chalk)!important;
  border:none!important;transition:.25s var(--cc-ease)!important;
}
.woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover,
.woocommerce .button.alt:hover, .single_add_to_cart_button:hover,
.wpcf7 input[type=submit]:hover, .checkout-button:hover, .wc-proceed-to-checkout .button:hover{
  background:var(--cc-lime)!important;color:var(--cc-carbon)!important;transform:translateY(-2px);
}

/* cijene proizvoda */
.woocommerce .price, .woocommerce-Price-amount{font-family:var(--cc-disp)!important;font-weight:800!important;color:var(--cc-carbon)}

/* kartice proizvoda u trgovini */
.woocommerce ul.products li.product{transition:transform .35s var(--cc-ease),box-shadow .35s var(--cc-ease)}
.woocommerce ul.products li.product:hover{transform:translateY(-5px)}
.woocommerce ul.products li.product .woocommerce-loop-product__title{font-family:var(--cc-ui)!important;font-weight:600!important;font-size:15px!important;text-transform:none!important;letter-spacing:0!important}

/* sale badge u lime stilu */
.woocommerce span.onsale{background:var(--cc-lime)!important;color:var(--cc-carbon)!important;font-family:var(--cc-ui)!important;font-weight:600;border-radius:6px}

/* breadcrumbs + result count diskretno */
.woocommerce-breadcrumb, .woocommerce-result-count, .woocommerce-ordering select{font-family:var(--cc-ui)!important;letter-spacing:0}

/* forme (CF7, checkout) — finiji okviri */
.wpcf7 input:not([type=submit]), .wpcf7 textarea,
.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea,
.select2-container .select2-selection{border-radius:8px!important;font-family:var(--cc-body)!important}

/* arhiva/page naslov razmak */
.ast-archive-description{font-family:var(--cc-body)}

/* ===== CC SADRZAJNE STRANICE (hero carbon) ===== */
/* prvi hero group (#f4f5f7) na page-ovima -> carbon, osim na home (home koristi cc- klase) */
.page:not(.home):not(.woocommerce-page) .entry-content > .wp-block-group:first-child.has-background[style*="244, 245, 247"],
.page:not(.home):not(.woocommerce-page) .entry-content > .wp-block-group:first-child[style*="f4f5f7"]{
  background-color:var(--cc-carbon)!important;position:relative;overflow:hidden;
}
/* tekst u tom heru -> chalk */
.page:not(.home):not(.woocommerce-page) .entry-content > .wp-block-group:first-child[style*="244, 245, 247"] h1,
.page:not(.home):not(.woocommerce-page) .entry-content > .wp-block-group:first-child[style*="f4f5f7"] h1{
  color:var(--cc-chalk)!important;
}
.page:not(.home):not(.woocommerce-page) .entry-content > .wp-block-group:first-child[style*="244, 245, 247"] p,
.page:not(.home):not(.woocommerce-page) .entry-content > .wp-block-group:first-child[style*="f4f5f7"] p{
  color:#C9C9CF!important;
}
/* court line akcent u hero zaglavlju */
.page:not(.home):not(.woocommerce-page) .entry-content > .wp-block-group:first-child[style*="244, 245, 247"]::after,
.page:not(.home):not(.woocommerce-page) .entry-content > .wp-block-group:first-child[style*="f4f5f7"]::after{
  content:"";position:absolute;top:20%;left:-5%;width:55%;height:2px;background:var(--cc-lime);transform:rotate(-14deg);opacity:.45;pointer-events:none;
}
/* sakrij dupli Astra page naslov na sadrzajnim stranicama (hero blok vec ima naslov) */
.page:not(.home):not(.woocommerce-page):not(.woocommerce):not(.archive) .entry-header > .entry-title{display:none}

/* ===== CC NARANDZASTI AKCENT (override lime -> narandzasta) ===== */
:root{ --cc-lime:#FF6A1A; --cc-orange:#FF6A1A; }
/* hover dugmadi -> narandzasti umjesto lime */
.woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover,
.woocommerce .button.alt:hover, .single_add_to_cart_button:hover,
.wpcf7 input[type=submit]:hover, .checkout-button:hover, .wc-proceed-to-checkout .button:hover,
.cc-btns .cc-lime .wp-block-button__link:hover{
  background:#FF6A1A!important;color:#fff!important;
}
.cc-btns .cc-ghost .wp-block-button__link:hover{border-color:#FF6A1A!important;color:#FF6A1A!important}
/* lime akcenti (tacke, badge, sale) -> narandzasti, tekst bijeli */
.cc-eyebrow::before{background:#FF6A1A!important}
.woocommerce span.onsale{background:#FF6A1A!important;color:#fff!important}
.cc-cat-card .cc-go{color:#FF6A1A!important}
.cc-cat-card:hover .cc-go{color:#FF6A1A!important}
.cc-cat-card:hover .cc-big{color:rgba(255,106,26,.14)!important}
.cc-price{color:#FF6A1A!important}
.cc-feature .cc-eyebrow{color:#FF6A1A!important}
.cc-spec .cc-v b{color:#FF6A1A!important}
.cc-cta h2 .cc-out{-webkit-text-stroke-color:#FF6A1A!important}
.cc-marquee .cc-track b{color:#FF6A1A!important}
/* court line ostaje suptilna ali narandzasta */
.cc-hero .cc-courtline, .page:not(.home) .entry-content > .wp-block-group:first-child::after{background:#FF6A1A!important}

/* ===== COURT & CHALK — svijetli sistem ===== */
:root{
  --cl-ink:#0E0E10; --cl-paper:#FFFFFF; --cl-mist:#F4F5F6; --cl-line:#E6E7E9;
  --cl-concrete:#6E7177; --cl-orange:#FF6A1A;
}
/* HERO BANER (svijetli) */
.cl-hero{background:var(--cl-mist)!important;overflow:hidden;position:relative}
.cl-hero .wp-block-columns{align-items:center}
.cl-hero .cl-eyebrow{font-family:var(--cc-ui)!important;font-weight:600!important;font-size:13px!important;letter-spacing:.4px!important;color:var(--cl-concrete)!important;text-transform:none!important;display:flex;align-items:center;gap:10px}
.cl-hero .cl-eyebrow::before{content:"";width:7px;height:7px;background:var(--cl-orange);border-radius:50%;flex:0 0 auto}
.cl-hero h1{font-family:var(--cc-disp)!important;font-weight:900!important;font-size:clamp(44px,6vw,80px)!important;line-height:.92!important;letter-spacing:-1.5px!important;text-transform:uppercase!important;color:var(--cl-ink)!important;margin:18px 0!important}
.cl-hero .cl-lead{font-family:var(--cc-body)!important;font-size:17px!important;line-height:1.6!important;color:var(--cl-concrete)!important;max-width:440px;margin-bottom:28px!important}
.cl-hero .cl-racket img{filter:drop-shadow(0 26px 50px rgba(0,0,0,.22));animation:cc-float 6s ease-in-out infinite}
.cl-hero .cl-tag{display:inline-block;background:var(--cl-ink);color:#fff;font-family:var(--cc-ui);font-weight:600;font-size:12px;letter-spacing:.5px;padding:7px 13px;border-radius:7px;margin-bottom:14px}
/* glow iza reketa */
.cl-hero .cl-racket{position:relative}
.cl-hero .cl-racket::before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,rgba(255,106,26,.16),transparent 65%);z-index:0}
.cl-hero .cl-racket img{position:relative;z-index:1}

/* dugmad svijetli hero */
.cl-btns .wp-block-button__link{font-family:var(--cc-ui)!important;font-weight:600!important;font-size:15px!important;letter-spacing:.2px!important;text-transform:none!important;border-radius:9px!important;padding:15px 28px!important;transition:.25s var(--cc-ease)!important;border:none!important}
.cl-btns .cl-orange .wp-block-button__link{background:var(--cl-orange)!important;color:#fff!important}
.cl-btns .cl-orange .wp-block-button__link:hover{transform:translateY(-2px);box-shadow:0 12px 26px rgba(255,106,26,.32)}
.cl-btns .cl-out .wp-block-button__link{background:transparent!important;color:var(--cl-ink)!important;border:1.5px solid var(--cl-ink)!important}
.cl-btns .cl-out .wp-block-button__link:hover{background:var(--cl-ink)!important;color:#fff!important;transform:translateY(-2px)}

/* SEKCIJE naslovi svijetli */
.cl-sec-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-bottom:34px}
.cl-h2{font-family:var(--cc-disp)!important;font-weight:800!important;font-size:clamp(28px,3.4vw,40px)!important;letter-spacing:-.5px!important;text-transform:uppercase!important;line-height:1!important;color:var(--cl-ink)!important}
.cl-more{font-family:var(--cc-ui)!important;font-weight:600!important;font-size:14px!important;color:var(--cl-ink)!important;border-bottom:2px solid var(--cl-orange);padding-bottom:2px}

/* KATEGORIJE svijetle kartice */
.cl-cat-card{position:relative;border-radius:16px;overflow:hidden;min-height:220px;display:flex;align-items:flex-end;padding:22px;background:var(--cl-mist);border:1px solid var(--cl-line);transition:transform .4s var(--cc-ease),box-shadow .4s var(--cc-ease);text-decoration:none}
.cl-cat-card:hover{transform:translateY(-5px);box-shadow:0 18px 40px rgba(14,14,16,.12)}
.cl-cat-card .cl-bg{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-family:var(--cc-disp);font-weight:900;font-size:90px;color:rgba(14,14,16,.05);transition:.4s var(--cc-ease)}
.cl-cat-card:hover .cl-bg{color:rgba(255,106,26,.12);transform:scale(1.08)}
.cl-cat-card .cl-k{font-family:var(--cc-ui);font-size:12px;color:var(--cl-concrete);margin-bottom:4px;position:relative;z-index:2}
.cl-cat-card .cl-name{font-family:var(--cc-disp);font-weight:800;font-size:24px;text-transform:uppercase;letter-spacing:-.3px;color:var(--cl-ink);position:relative;z-index:2}
.cl-cat-card .cl-go{position:absolute;top:20px;right:20px;width:34px;height:34px;border-radius:50%;background:#fff;border:1px solid var(--cl-line);display:flex;align-items:center;justify-content:center;font-size:15px;transition:.3s var(--cc-ease);z-index:2;color:var(--cl-ink)}
.cl-cat-card:hover .cl-go{background:var(--cl-orange);border-color:var(--cl-orange);color:#fff;transform:rotate(-45deg)}

/* TRUST svijetli */
.cl-trust{border-top:1px solid var(--cl-line);border-bottom:1px solid var(--cl-line);background:#fff}
.cl-t-title{font-family:var(--cc-ui)!important;font-weight:600!important;font-size:15px!important;text-transform:none!important;color:var(--cl-ink)!important;margin-bottom:4px}
.cl-t-desc{font-family:var(--cc-body)!important;font-size:13px!important;color:var(--cl-concrete)!important;line-height:1.45!important}

/* SERIJA istaknuta (tamni blok u svijetloj temi) */
.cl-series{background:var(--cl-ink)!important;border-radius:24px;overflow:hidden}
.cl-series .cl-s-eyebrow{font-family:var(--cc-ui)!important;font-weight:600!important;font-size:13px!important;color:var(--cl-orange)!important;letter-spacing:.4px}
.cl-series h2{font-family:var(--cc-disp)!important;font-weight:900!important;font-size:clamp(32px,4vw,50px)!important;text-transform:uppercase!important;line-height:.95!important;letter-spacing:-1px!important;color:#fff!important}
.cl-series p{color:#b9bbc0!important;line-height:1.6!important}

/* NEWSLETTER svijetli */
.cl-news{background:var(--cl-mist)!important;border-radius:24px}
.cl-news h2{font-family:var(--cc-disp)!important;font-weight:800!important;font-size:clamp(26px,3.4vw,40px)!important;text-transform:uppercase!important;letter-spacing:-.5px!important;color:var(--cl-ink)!important}
.cl-news p{color:var(--cl-concrete)!important}

@media(max-width:782px){
  .cl-hero h1{font-size:clamp(38px,11vw,60px)!important}
}

/* ===== COURT & CHALK — proizvodi, tabovi, serija, vijesti ===== */
.cl-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:30px}
.cl-tab{font-family:var(--cc-ui);font-weight:600;font-size:14px;padding:9px 18px;border-radius:30px;border:1px solid var(--cl-line);background:#fff;color:var(--cl-concrete)}
.cl-tab.on{background:var(--cl-ink);color:#fff;border-color:var(--cl-ink)}
.cl-prod{display:block;border:1px solid var(--cl-line);border-radius:14px;overflow:hidden;background:#fff;transition:transform .35s var(--cc-ease),box-shadow .35s var(--cc-ease);text-decoration:none}
.cl-prod:hover{transform:translateY(-5px);box-shadow:0 18px 38px rgba(14,14,16,.1)}
.cl-ph{aspect-ratio:1;background:var(--cl-mist);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}
.cl-ph img{width:78%;transition:transform .5s var(--cc-ease)}
.cl-prod:hover .cl-ph img{transform:scale(1.06)}
.cl-badge{position:absolute;top:12px;left:12px;background:var(--cl-orange);color:#fff;font-family:var(--cc-ui);font-weight:700;font-size:11px;padding:4px 9px;border-radius:6px}
.cl-pinfo{padding:16px}
.cl-pcat{font-family:var(--cc-ui);font-size:12px;color:var(--cl-concrete);margin-bottom:5px}
.cl-pname{font-family:var(--cc-ui);font-weight:600;font-size:15px;line-height:1.3;margin-bottom:10px;min-height:40px;color:var(--cl-ink)}
.cl-prow{display:flex;align-items:center;justify-content:space-between}
.cl-pprice{font-family:var(--cc-disp);font-weight:800;font-size:19px;color:var(--cl-ink)}
.cl-add{width:36px;height:36px;border-radius:9px;background:var(--cl-ink);color:#fff;display:flex;align-items:center;justify-content:center;font-size:18px;transition:.25s var(--cc-ease)}
.cl-prod:hover .cl-add{background:var(--cl-orange)}
.cl-series-track{display:flex;gap:14px}
.cl-scard{flex:1;background:#fff;border-radius:14px;padding:16px;color:var(--cl-ink);min-width:0}
.cl-sph{aspect-ratio:1;background:var(--cl-mist);border-radius:10px;display:flex;align-items:center;justify-content:center;margin-bottom:12px}
.cl-sph img{width:74%}
.cl-sn{font-family:var(--cc-ui);font-weight:600;font-size:13px;line-height:1.25;margin-bottom:6px}
.cl-sp{font-family:var(--cc-disp);font-weight:800;font-size:16px}
.cl-news{display:block;border-radius:16px;overflow:hidden;border:1px solid var(--cl-line);background:#fff;transition:transform .35s var(--cc-ease),box-shadow .35s var(--cc-ease);text-decoration:none}
.cl-news:hover{transform:translateY(-5px);box-shadow:0 18px 38px rgba(14,14,16,.1)}
.cl-nph{aspect-ratio:16/10;background:linear-gradient(135deg,#e9ebed,#f6f7f8);position:relative}
.cl-ntag{position:absolute;top:14px;left:14px;background:#fff;font-family:var(--cc-ui);font-weight:600;font-size:11px;padding:5px 10px;border-radius:6px;color:var(--cl-ink)}
.cl-ninfo{padding:20px}
.cl-ninfo h3{font-family:var(--cc-disp);font-weight:700;font-size:18px;line-height:1.2;margin-bottom:8px;color:var(--cl-ink)}
.cl-ninfo p{font-family:var(--cc-body);font-size:13px;color:var(--cl-concrete);line-height:1.5}
.cl-nl-form{display:flex;gap:10px;max-width:460px;margin:0 auto}
.cl-nl-form input{flex:1;padding:14px 18px;border-radius:9px;border:1px solid var(--cl-line);font-family:var(--cc-body);font-size:15px}
.cl-nl-form button{background:var(--cl-orange);color:#fff;border:none;border-radius:9px;padding:14px 24px;font-family:var(--cc-ui);font-weight:600;font-size:15px;cursor:pointer;white-space:nowrap}
@media(max-width:782px){.cl-series-track{flex-direction:column}}

/* ===== CHALK KOREKCIJE (header, underline, dugmad) ===== */
/* Pocetna ima svijetli hero -> transparent header tekst mora biti crn */
.home.ast-theme-transparent-header .main-header-menu .menu-link,
.home.ast-theme-transparent-header .ast-header-navigation-arrow,
.home .ast-site-title-wrap .site-title a{color:#0E0E10!important}
.home.ast-theme-transparent-header .main-header-menu .menu-link:hover{color:#FF6A1A!important}
/* social ikone na pocetnoj crne */
.home .ast-header-social-1-wrap a,.home .ast-builder-social-element{color:#0E0E10!important;fill:#0E0E10!important}
/* ukloni underline na svim cl- karticama i linkovima */
.cl-cat-card,.cl-cat-card *,.cl-prod,.cl-prod *,.cl-news,.cl-news *,.cl-more{text-decoration:none!important}
.cl-name,.cl-k,.cl-pname,.cl-pcat,.cl-ninfo h3,.cl-ninfo p{text-decoration:none!important;border-bottom:none!important}
/* boje teksta da tema ne probija ljubicastu */
.cl-cat-card .cl-name{color:#0E0E10!important}
.cl-cat-card .cl-k{color:#6E7177!important}
.cl-ninfo h3{color:#0E0E10!important}
.cl-ninfo p{color:#6E7177!important}
.cl-pname{color:#0E0E10!important}
.cl-pprice{color:#0E0E10!important}
/* newsletter dugme narandzasto */
.cl-nl-form button{background:#FF6A1A!important;color:#fff!important}


/* ===== FLOATING / STICKY HEADER (NOX stil) ===== */

/* Header lebdi i prati skrol — na svim sirinama */
#masthead{
  position:fixed !important;
  top:0; left:0; right:0;
  width:auto !important;
  max-width:100vw;
  overflow-x:clip;
  z-index:999 !important;
  transition:background-color .3s ease, box-shadow .3s ease, backdrop-filter .3s ease;
}

/* ---------- DESKTOP (>= 922px) ---------- */
@media (min-width:922px){
  .custom-logo{ height:60px !important; width:auto !important; transition:height .25s ease; }
  .custom-logo-link{ display:flex !important; align-items:center !important; }

  body:not(.home) #content{ padding-top:96px; }

  @keyframes cc-header-glass{
    to{
      background-color:rgba(255,255,255,.82);
      backdrop-filter:saturate(140%) blur(14px);
      -webkit-backdrop-filter:saturate(140%) blur(14px);
      box-shadow:0 1px 0 rgba(14,14,16,.06), 0 8px 24px rgba(14,14,16,.08);
    }
  }
  @keyframes cc-text-dark{ to{ color:#0E0E10 !important; } }

  @supports (animation-timeline: scroll()){
    #masthead{
      animation:cc-header-glass linear both;
      animation-timeline:scroll(root);
      animation-range:40px 120px;
    }
    .home.ast-theme-transparent-header .main-header-menu .menu-link,
    .home.ast-theme-transparent-header .ast-header-navigation-arrow{
      animation:cc-text-dark linear both;
      animation-timeline:scroll(root);
      animation-range:40px 120px;
    }
  }
  @supports not (animation-timeline: scroll()){
    body:not(.home) #masthead{
      background-color:rgba(255,255,255,.92);
      backdrop-filter:saturate(140%) blur(14px);
      -webkit-backdrop-filter:saturate(140%) blur(14px);
      box-shadow:0 1px 0 rgba(14,14,16,.06), 0 8px 24px rgba(14,14,16,.08);
    }
  }
}

/* ---------- MOBILNI (<= 921px) ---------- */
@media (max-width:921px){
  /* Mobilni header: kompaktan, staklena traka odmah (citljiv preko hero slike) */
  #masthead{
    background-color:rgba(255,255,255,.92) !important;
    backdrop-filter:saturate(140%) blur(12px);
    -webkit-backdrop-filter:saturate(140%) blur(12px);
    box-shadow:0 1px 0 rgba(14,14,16,.06), 0 6px 18px rgba(14,14,16,.08);
  }
  /* Logo umjeren na mobitelu */
  #masthead .custom-logo{ height:46px !important; width:auto !important; }

  /* Sadrzaj ne smije ici pod fiksni header — na SVIM mobilnim stranicama */
  #page{ padding-top:72px; }

  /* Na mobitelu tekst/ikone u traci moraju biti crni (jer je traka bijela) */
  .ast-mobile-header-wrap .menu-toggle .menu-toggle-icon,
  .ast-mobile-header-wrap .ast-mobile-svg{ color:#0E0E10 !important; fill:#0E0E10 !important; }
  .ast-header-social-1-wrap a, .ast-builder-social-element{ color:#0E0E10 !important; fill:#0E0E10 !important; }

  /* Off-canvas meni iznad svega, ne lomi se ispod headera */
  .ast-mobile-popup-drawer{ z-index:1000 !important; }
}


/* ----- Eyebrow skriven + mobilni hamburger crn ----- */
/* Ukloni "Ovlašteni NOX distributer za BiH" eyebrow tekst */
.cl-eyebrow{ display:none !important; }

/* Mobilni hamburger: ikona crna da se vidi na bijeloj traci */
@media (max-width:921px){
  #masthead .menu-toggle .mobile-menu-toggle-icon svg,
  #masthead .menu-toggle svg{ fill:#0E0E10 !important; color:#0E0E10 !important; }
  #masthead .menu-toggle{ color:#0E0E10 !important; }
}


/* ----- Mobilni overflow / hamburger u kadru ----- */
@media (max-width:921px){
  html, body{ overflow-x:hidden; max-width:100%; }
  #masthead .ast-mobile-header-wrap{ width:100%; max-width:100vw; }
  #masthead .menu-toggle{ margin-right:0 !important; position:relative; z-index:1001; }
}


/* ===== NASLOVNA SLIKE (hero bg + kategorije + blog) ===== */

/* --- HERO kao banner pozadina (NOX stil) --- */
.cl-hero.cl-hero-bg{
  position:relative;
  background-image:url('https://padelcentar.com/wp-content/uploads/2026/06/nox-hero-pro-ss26.jpg');
  background-size:cover;
  background-position:center right;
  overflow:hidden;
}
/* tamni gradient overlay, jaci lijevo gdje je tekst */
.cl-hero.cl-hero-bg::before{
  content:"";
  position:absolute; inset:0;
  background:linear-gradient(90deg, rgba(10,12,16,.78) 0%, rgba(10,12,16,.55) 45%, rgba(10,12,16,.20) 100%);
  z-index:0;
}
.cl-hero.cl-hero-bg > *{ position:relative; z-index:1; }
/* bijeli tekst preko slike */
.cl-hero.cl-hero-bg .wp-block-heading,
.cl-hero.cl-hero-bg .cl-lead,
.cl-hero.cl-hero-bg .cl-eyebrow{ color:#fff !important; }
.cl-hero.cl-hero-bg .cl-lead{ color:rgba(255,255,255,.85) !important; }

/* --- KATEGORIJE: slika u kartici --- */
.cl-cat-card .cl-bg.cl-bg-img{
  background-size:cover;
  background-position:center;
  position:relative;
}
.cl-cat-card .cl-bg.cl-bg-img::after{
  content:"";
  position:absolute; inset:0;
  background:linear-gradient(180deg, rgba(14,14,16,.05), rgba(14,14,16,.28));
}
.cl-cat-card .cl-bg.cl-bg-img .cl-bg-num{
  position:relative; z-index:1;
  color:#fff; font-weight:800;
  text-shadow:0 1px 6px rgba(0,0,0,.4);
}

/* --- BLOG: slika u kartici --- */
.cl-news .cl-nph.cl-nph-img{
  background-size:cover;
  background-position:center;
}


/* ===== KATEGORIJE V2 (slika preko cijele kartice) ===== */
.cl-cat-card.cl-cat-v2{
  position:relative;
  display:flex;
  align-items:flex-end;
  min-height:260px;
  padding:20px;
  border-radius:16px;
  overflow:hidden;
  border:1px solid var(--cl-line);
  background-color:#f4f4f5;
  background-size:cover;
  background-position:center;
  background-repeat:no-repeat;
  text-decoration:none;
  transition:transform .4s var(--cc-ease), box-shadow .4s var(--cc-ease);
}
/* gradient dolje za citljivost naziva */
.cl-cat-card.cl-cat-v2::after{
  content:"";
  position:absolute; inset:0;
  background:linear-gradient(180deg, rgba(14,14,16,0) 45%, rgba(14,14,16,.62) 100%);
  transition:background .4s var(--cc-ease);
}
.cl-cat-card.cl-cat-v2:hover{
  transform:translateY(-5px);
  box-shadow:0 18px 40px rgba(14,14,16,.16);
}
.cl-cat-card.cl-cat-v2:hover::after{
  background:linear-gradient(180deg, rgba(255,106,26,.10) 30%, rgba(14,14,16,.70) 100%);
}
/* naziv kategorije */
.cl-cat-card.cl-cat-v2 .cl-cat-name{
  position:relative; z-index:2;
  font-family:var(--cc-disp);
  font-weight:800;
  font-size:24px;
  letter-spacing:.5px;
  color:#fff;
  text-shadow:0 1px 10px rgba(0,0,0,.35);
}
/* strelica u uglu */
.cl-cat-card.cl-cat-v2 .cl-cat-arrow{
  position:absolute; top:16px; right:16px; z-index:2;
  width:38px; height:38px;
  display:flex; align-items:center; justify-content:center;
  border-radius:50%;
  background:rgba(255,255,255,.9);
  color:#0E0E10;
  font-size:18px; font-weight:700;
  transition:background .3s var(--cc-ease), transform .3s var(--cc-ease);
}
.cl-cat-card.cl-cat-v2:hover .cl-cat-arrow{
  background:#FF6A1A; color:#fff;
  transform:translateX(3px);
}


/* ===== KATEGORIJE V2 FIT (cijeli proizvod vidljiv) ===== */
.cl-cat-card.cl-cat-v2{
  background-size:contain !important;
  background-position:center 38% !important;
  background-color:#f1f1f3 !important;
  padding-top:16px;
}
/* malo prostora da proizvod ne dira rubove */
.cl-cat-card.cl-cat-v2{
  background-origin:content-box;
}
/* naziv da ostane citljiv na svijetloj pozadini -> tamni tekst + suptilna bijela traka */
.cl-cat-card.cl-cat-v2::after{
  background:linear-gradient(180deg, rgba(255,255,255,0) 55%, rgba(255,255,255,.92) 100%) !important;
}
.cl-cat-card.cl-cat-v2:hover::after{
  background:linear-gradient(180deg, rgba(255,255,255,0) 45%, rgba(255,255,255,.96) 100%) !important;
}
.cl-cat-card.cl-cat-v2 .cl-cat-name{
  color:#0E0E10 !important;
  text-shadow:none !important;
}


/* ===== IZDVOJENI TABOVI (live) ===== */
/* panel prebacivanje */
.cl-prod-panel{ display:none; }
.cl-prod-panel.on{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:16px;
  margin-top:24px;
}
/* klikabilni tabovi */
.cl-tabs.cl-tabs-live .cl-tab{ cursor:pointer; user-select:none; }

/* slika proizvoda da stane cijela */
.cl-prod .cl-ph img{
  width:100%; height:100%;
  object-fit:contain;
  padding:14px;
}

@media (max-width:900px){
  .cl-prod-panel.on{ grid-template-columns:repeat(2,1fr); }
}
@media (max-width:520px){
  .cl-prod-panel.on{ grid-template-columns:1fr; }
}


/* loading state izdvojeni */
.cl-prod-loading{padding:40px 0;color:var(--cl-concrete,#888);font-family:var(--cc-ui,sans-serif);grid-column:1/-1;}


/* ===== SOCIAL IKONE CRNE ===== */
.ast-header-social-1-wrap a svg,
.ast-header-social-wrap a svg,
#masthead .ast-builder-social-element svg{ fill:#0E0E10 !important; color:#0E0E10 !important; }
.ast-header-social-1-wrap a:hover svg{ fill:#FF6A1A !important; color:#FF6A1A !important; }


/* ===== NOVI LOGO (ikona+tekst) ===== */
/* Desktop: visi logo, sirina slobodna da tekst stane */
@media (min-width:922px){
  #masthead .custom-logo{
    height:50px !important;
    width:auto !important;
    max-width:none !important;
  }
}
/* Mobilni: nesto manji */
@media (max-width:921px){
  #masthead .custom-logo{
    height:40px !important;
    width:auto !important;
    max-width:62vw !important;
  }
}
/* osiguraj da wrapper ne stiska logo */
#masthead .custom-logo-link,
#masthead .site-logo-anchor,
#masthead .ast-logo-title-wrap{
  max-width:none !important;
}


/* ===== iOS MENI ROBUST FIX ===== */
/* iOS Safari zna zamrznuti inline mobilni meni u srušenom stanju (transition/display/clip bug).
   Kad je meni otvoren, prisilno ga prikažemo punom visinom. Ne dira poziciju -> ne lomi Android. */
@media (max-width:921px){
  #masthead .ast-mobile-header-content{ transition:none !important; }
  body.ast-main-header-nav-open #masthead .ast-mobile-header-content{
    display:block !important;
    visibility:visible !important;
    opacity:1 !important;
    height:auto !important;
    min-height:200px !important;
    max-height:calc(100dvh - 70px) !important;
    overflow-y:auto !important;
    -webkit-overflow-scrolling:touch;
    transform:none !important;
    clip:auto !important;
  }
  body.ast-main-header-nav-open #masthead .ast-mobile-header-content .ast-builder-menu-mobile,
  body.ast-main-header-nav-open #masthead .ast-mobile-header-content .main-navigation,
  body.ast-main-header-nav-open #masthead .ast-mobile-header-content .main-header-menu{
    display:block !important;
    visibility:visible !important;
    opacity:1 !important;
    height:auto !important;
  }
}


/* ===== WOOCOMMERCE GRID FINAL3 ===== */
body.woocommerce-page ul.products, body.woocommerce-page ul.products.columns-1, body.woocommerce-page ul.products.columns-2, body.woocommerce-page ul.products.columns-3, body.woocommerce-page ul.products.columns-4, body.woocommerce-page ul.products.columns-5, body.woocommerce-page ul.products.columns-6, .ast-woocommerce-container ul.products{
  display:grid !important;
  grid-template-columns:repeat(3, minmax(0,1fr)) !important;
  gap:24px !important;
  width:100% !important;
}
body.woocommerce-page ul.products li.product,
.ast-woocommerce-container ul.products li.product{
  width:auto !important; max-width:none !important; min-width:0 !important;
  float:none !important; margin:0 !important; clear:none !important;
}
@media (max-width:921px){
  body.woocommerce-page ul.products, body.woocommerce-page ul.products.columns-1, body.woocommerce-page ul.products.columns-2, body.woocommerce-page ul.products.columns-3, body.woocommerce-page ul.products.columns-4, body.woocommerce-page ul.products.columns-5, body.woocommerce-page ul.products.columns-6, .ast-woocommerce-container ul.products{ grid-template-columns:repeat(3, minmax(0,1fr)) !important; gap:18px !important; }
}
@media (max-width:600px){
  body.woocommerce-page ul.products, body.woocommerce-page ul.products.columns-1, body.woocommerce-page ul.products.columns-2, body.woocommerce-page ul.products.columns-3, body.woocommerce-page ul.products.columns-4, body.woocommerce-page ul.products.columns-5, body.woocommerce-page ul.products.columns-6, .ast-woocommerce-container ul.products{ grid-template-columns:repeat(2, minmax(0,1fr)) !important; gap:12px !important; }
}

/* ===== WOOCOMMERCE GRID FIX v3 ===== */
/* Forsira grid i neutralizira SVE Astra klase koje bi izvlačile li iz grida */

/* 1) Sam ul.products — pravi grid bez obzira na columns-X klasu */
ul.products,
.woocommerce ul.products,
.woocommerce-page ul.products,
.woocommerce ul.products.columns-1,
.woocommerce ul.products.columns-2,
.woocommerce ul.products.columns-3,
.woocommerce ul.products.columns-4,
.woocommerce ul.products.columns-5,
.woocommerce-page ul.products.columns-1,
.woocommerce-page ul.products.columns-2,
.woocommerce-page ul.products.columns-3,
.woocommerce-page ul.products.columns-4,
.woocommerce-page ul.products.columns-5 {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 24px !important;
  float: none !important;
  width: 100% !important;
}

/* 2) Svaki li.product — nuliran, u gridu ostaje u svom ćeliji */
ul.products li.product,
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
  width: auto !important;
  max-width: 100% !important;
  min-width: 0 !important;
  float: none !important;
  clear: none !important;
  margin: 0 !important;
  padding: 0 !important;
  grid-column: span 1 !important;
  grid-row: span 1 !important;
  display: flex !important;
  flex-direction: column !important;
}

/* 3) Neutralizacija SVIH Astra klasa koje rade probleme */
ul.products li.product.ast-full-width,
ul.products li.product.ast-grid-common-col,
ul.products li.product.ast-article-post,
ul.products li.product[class*="ast-"] {
  width: auto !important;
  max-width: 100% !important;
  float: none !important;
  clear: none !important;
  margin: 0 !important;
  grid-column: span 1 !important;
  grid-row: span 1 !important;
}

/* 4) Ukloni pseudo-elemtente koji prave fantomske grid ćelije */
ul.products::before,
ul.products::after,
.woocommerce ul.products::before,
.woocommerce ul.products::after {
  display: none !important;
  content: none !important;
  width: 0 !important;
}

/* 5) Tablet — 2 kolone */
@media (max-width: 768px) {
  ul.products,
  .woocommerce ul.products,
  .woocommerce-page ul.products,
  .woocommerce ul.products[class*="columns-"],
  .woocommerce-page ul.products[class*="columns-"] {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px !important;
  }
  ul.products li.product,
  .woocommerce ul.products li.product,
  .woocommerce-page ul.products li.product,
  ul.products li.product[class*="ast-"] {
    width: auto !important;
    max-width: 100% !important;
    float: none !important;
    grid-column: span 1 !important;
  }
}
/* ===== END GRID FIX v3 ===== */