/*
Theme Name: Topdeal
Theme URI: https://www.topdeal.ba/
Author: Topdeal.ba
Author URI: https://www.topdeal.ba/
Description: Tema za Topdeal.ba — specijalizovana prodavnica auto enterijera (presvlake, patosnice, navlake za volan). Tamno-siva + crna + narandžasta, WooCommerce podrška i birač vozila (marka/model/godište). Podatke povlači iz WordPress/WooCommerce, stilizacija je ugrađena.
Version: 2.2.1
Requires at least: 6.0
Requires PHP: 7.4
License: GNU General Public License v2 or later
Text Domain: topdeal
WC requires at least: 7.0
WC tested up to: 9.0
*/

/* ============================================================
   TOPDEAL — DIZAJN SISTEM
   Ledeno siva (baza) + crna (header/hero/footer) + narandžasta (akcent)
   ============================================================ */
:root{
  --td-accent:#ff7a1a;
  --td-accent-deep:#f56500;
  --td-page:#e9ecf0;
  --td-surface:#ffffff;
  --td-ink:#15181d;
  --td-muted:#6b7280;
  --td-line:rgba(15,18,25,.10);
  --td-dark:#0f1113;
  --td-dark-2:#141619;
  --td-dark-3:#1f2227;
  --td-max:1280px;
  --td-font:'Manrope',system-ui,-apple-system,Segoe UI,Roboto,sans-serif;
  --td-head:'Sora','Manrope',system-ui,sans-serif;
}

*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{margin:0;background:var(--td-page);color:var(--td-ink);font-family:var(--td-font);line-height:1.5;overflow-x:clip;}
img{max-width:100%;height:auto;display:block;}
a{color:inherit;}
h1,h2,h3,h4{font-family:var(--td-head);letter-spacing:-.4px;}

/* ---- utilnjaci ---- */
.td-wrap{max-width:var(--td-max);margin:0 auto;padding:0 22px;}
.td-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;cursor:pointer;font-family:var(--td-head);font-weight:700;border-radius:12px;text-decoration:none;transition:filter .15s ease,transform .1s ease;}
.td-btn:hover{filter:brightness(1.06);}
.td-btn:active{transform:translateY(1px);}
.td-btn--primary{background:linear-gradient(135deg,var(--td-accent),var(--td-accent-deep));color:#1a1208;}
.td-btn--dark{background:var(--td-dark);color:#fff;}
.td-btn--ghost{background:transparent;color:#f6f7f9;border:1px solid rgba(255,255,255,.24);}
.td-btn--soft{background:#f1f3f6;color:var(--td-ink);border:1px solid var(--td-line);}
.td-btn--soft:hover{background:#e8ebef;filter:none;}
.td-btn--lg{font-size:16px;padding:15px 30px;}
.td-btn--md{font-size:14px;padding:12px 22px;}
.td-link{transition:color .15s ease;text-decoration:none;}
.td-link:hover{color:var(--td-accent)!important;}

/* ---- promo strip ---- */
.td-promo-strip{background:linear-gradient(90deg,var(--td-accent),var(--td-accent-deep));color:#1a1208;}
.td-promo-strip .td-wrap{padding-top:9px;padding-bottom:9px;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px 26px;font-size:13px;font-weight:700;letter-spacing:.2px;}
.td-promo-strip .sep{opacity:.55;}

/* ---- header ---- */
.td-header{position:sticky;position:-webkit-sticky;top:0;z-index:40;background:rgba(15,17,19,.94);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.08);}
/* ako je WP admin traka aktivna, header ide ispod nje */
.admin-bar .td-header{top:32px;}
@media (max-width:782px){ .admin-bar .td-header{top:46px;} }
.td-header__bar{padding-top:14px;padding-bottom:14px;display:flex;align-items:center;gap:18px 26px;flex-wrap:wrap;}
.td-logo{display:flex;align-items:baseline;gap:2px;text-decoration:none;flex:0 0 auto;font-family:var(--td-head);}
.td-logo b{font-weight:800;font-size:26px;letter-spacing:-.5px;color:#f6f7f9;}
.td-logo b.acc{color:var(--td-accent);}
.td-logo span{font-weight:600;font-size:15px;color:#8b9096;margin-left:1px;}
.td-logo img,.custom-logo,img.custom-logo{max-height:46px;width:auto!important;height:auto;display:block;}
.td-search{flex:1 1 320px;min-width:200px;display:flex;align-items:center;background:var(--td-dark-3);border:1px solid rgba(255,255,255,.1);border-radius:12px;overflow:hidden;}
.td-search input{flex:1;min-width:0;border:0;outline:0;background:transparent;color:#f6f7f9;font-family:inherit;font-size:15px;padding:13px 16px;}
.td-search button{border:0;cursor:pointer;background:linear-gradient(135deg,var(--td-accent),var(--td-accent-deep));color:#1a1208;font-family:var(--td-head);font-weight:700;font-size:14px;padding:0 22px;align-self:stretch;}
.td-header__actions{display:flex;align-items:center;gap:10px;flex:0 0 auto;}

/* hamburger */
.td-burger{display:none;flex-direction:column;justify-content:center;gap:5px;width:44px;height:44px;padding:0 10px;background:var(--td-dark-3);border:1px solid rgba(255,255,255,.12);border-radius:11px;cursor:pointer;order:3;}
.td-burger span{display:block;height:2px;width:100%;background:#f6f7f9;border-radius:2px;transition:transform .2s ease,opacity .2s ease;}
.td-burger[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg);}
.td-burger[aria-expanded="true"] span:nth-child(2){opacity:0;}
.td-burger[aria-expanded="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg);}
.td-actionbtn{display:flex;align-items:center;gap:9px;text-decoration:none;color:#cfd2d6;padding:8px 12px;border-radius:10px;border:1px solid rgba(255,255,255,.1);}
.td-actionbtn .ic{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;border:1.6px solid #cfd2d6;font-size:12px;font-weight:700;}
.td-actionbtn .lbl{display:flex;flex-direction:column;line-height:1.15;}
.td-actionbtn .lbl small{font-size:11px;color:#8b9096;}
.td-actionbtn .lbl b{font-size:13px;font-weight:700;}
.td-cartbtn{position:relative;background:var(--td-dark-3);color:#f6f7f9;}
.td-cartbtn .count{position:absolute;top:-6px;right:-6px;min-width:20px;height:20px;padding:0 5px;display:grid;place-items:center;background:var(--td-accent);color:#1a1208;font-size:11px;font-weight:800;border-radius:99px;}

/* ---- category nav ---- */
.td-catnav{border-top:1px solid rgba(255,255,255,.07);}
.td-catnav__inner{overflow-x:auto;}
.td-catnav ul{list-style:none;margin:0;padding:0;display:flex;gap:4px;white-space:nowrap;}
.td-catnav a{text-decoration:none;color:#c4c7cb;font-weight:600;font-size:13.5px;padding:12px 14px;transition:color .15s ease,background .15s ease;}
.td-catnav a:not(.all):hover{color:var(--td-accent);}
.td-catnav .all{color:#1a1208!important;font-weight:700;padding:12px 16px;background:var(--td-accent);display:flex;align-items:center;gap:8px;}
.td-catnav .all:hover{background:var(--td-accent-deep);color:#1a1208!important;}
/* "Početna" stavka menija (link na naslovnu) → narandžasta + ikonica kuće */
.td-catnav li.menu-item-home > a,.td-catnav li.current-menu-item.menu-item-home > a{background:var(--td-accent);color:#1a1208!important;font-weight:700;display:inline-flex;align-items:center;gap:7px;}
.td-catnav li.menu-item-home > a::before{content:"⌂";font-size:16px;line-height:1;}
.td-catnav li.menu-item-home > a:hover{background:var(--td-accent-deep);color:#1a1208!important;}

/* ---- breadcrumb ---- */
.td-crumb{display:flex;flex-wrap:wrap;gap:8px;align-items:center;font-size:13px;color:var(--td-muted);padding:14px 0;}
.td-crumb a{text-decoration:none;color:var(--td-muted);}
.td-crumb a:hover{color:var(--td-accent);}
.td-crumb .cur{color:var(--td-ink);font-weight:600;}
.td-crumb .sep{opacity:.5;}

/* ---- product card ---- */
.td-grid{display:grid;gap:14px;}
.td-grid--cats{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));}
.td-grid--prod{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));}
/* jedan red — horizontalni skrol (početna sekcije), robusno preko grid kolona */
.td-hrow{display:grid;grid-auto-flow:column;grid-auto-columns:218px;gap:14px;overflow-x:auto;padding:2px 2px 14px;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;}
.td-hrow>*{scroll-snap-align:start;min-width:0;}
.td-hrow--cats{grid-auto-columns:200px;}
.td-hrow::-webkit-scrollbar{height:8px;}
.td-hrow::-webkit-scrollbar-thumb{background:rgba(15,18,25,.2);border-radius:99px;}
.td-hrow::-webkit-scrollbar-track{background:rgba(15,18,25,.06);border-radius:99px;}
@media (max-width:760px){ .td-hrow{grid-auto-columns:72%;} .td-hrow--cats{grid-auto-columns:60%;} }
@keyframes tdSlideDown{to{transform:translateY(0);opacity:1;}}
.td-card{background:var(--td-surface);border:1px solid var(--td-line);border-radius:15px;overflow:hidden;display:flex;flex-direction:column;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease;}
.td-card:hover{transform:translateY(-4px);border-color:var(--td-accent);box-shadow:0 18px 38px -20px rgba(15,18,25,.28);}
.td-card__media{position:relative;aspect-ratio:1/1;overflow:hidden;background:#eef1f4;display:block;}
.td-card__media img{width:100%;height:100%;object-fit:cover;transition:transform .35s ease;}
.td-card:hover .td-card__media img{transform:scale(1.04);}
.td-card__body{padding:16px;display:flex;flex-direction:column;gap:8px;flex:1;}
.td-card__cat{font-size:11.5px;color:var(--td-muted);text-transform:uppercase;letter-spacing:.4px;}
.td-card__title{font-family:var(--td-head);font-weight:700;font-size:15px;margin:0;line-height:1.25;color:var(--td-ink);}
.td-card__title a{text-decoration:none;color:inherit;}
.td-card__title a:hover{color:var(--td-accent);}
.td-card__rating{font-size:12.5px;color:#d19a1e;}
.td-card__rating span{color:var(--td-muted);}
.td-card__price{display:flex;align-items:baseline;gap:9px;margin-top:auto;}
.td-card__price .now{font-family:var(--td-head);font-weight:800;font-size:19px;color:var(--td-accent);}
.td-card__price del{font-size:13px;color:#9aa0a8;}
.td-badge{position:absolute;top:10px;font-family:var(--td-head);font-weight:800;font-size:12.5px;padding:5px 9px;border-radius:8px;}
.td-badge--sale{left:10px;background:#e8451f;color:#fff;}
.td-badge--tag{right:10px;background:var(--td-dark);color:var(--td-accent);font-weight:700;font-size:11px;padding:4px 8px;border-radius:7px;letter-spacing:.5px;}

/* ---- category tile ---- */
.td-cat-tile{text-decoration:none;color:inherit;background:var(--td-surface);border:1px solid var(--td-line);border-radius:14px;overflow:hidden;display:flex;flex-direction:column;transition:border-color .18s ease,box-shadow .18s ease;}
.td-cat-tile:hover{border-color:var(--td-accent);box-shadow:0 14px 30px -18px rgba(15,18,25,.28);}
.td-cat-tile__media{position:relative;aspect-ratio:1.4/1;overflow:hidden;background:#eef1f4;}
.td-cat-tile__media img{width:100%;height:100%;object-fit:cover;transition:transform .35s ease;}
.td-cat-tile:hover .td-cat-tile__media img{transform:scale(1.05);}
.td-cat-tile__body{padding:13px 14px;display:flex;flex-direction:column;gap:2px;}
.td-cat-tile__body b{font-family:var(--td-head);font-weight:700;font-size:13.5px;line-height:1.25;color:var(--td-ink);}
.td-cat-tile__body small{font-size:12px;color:var(--td-muted);}

/* ---- section head ---- */
.td-sechead{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:18px;}
.td-sechead h2{font-family:var(--td-head);font-weight:800;font-size:clamp(22px,2.6vw,28px);margin:0;color:var(--td-ink);}
.td-sechead a{text-decoration:none;color:var(--td-muted);font-weight:700;font-size:14px;white-space:nowrap;}
.td-sechead a:hover{color:var(--td-accent);}
.td-section{margin-top:44px;}

/* ---- hero ---- */
.td-hero{display:flex;gap:16px;flex-wrap:wrap;margin-top:22px;}
.td-hero__main{flex:2 1 380px;position:relative;overflow:hidden;border-radius:18px;min-height:360px;background:radial-gradient(120% 140% at 85% 15%,color-mix(in srgb,var(--td-accent) 30%,#16171a),#101113 62%);display:flex;}
.td-hero__inner{position:relative;z-index:2;padding:clamp(26px,4vw,44px);display:flex;flex-direction:column;justify-content:center;max-width:62%;}
.td-hero__inner h1{font-family:var(--td-head);font-weight:800;font-size:clamp(28px,4.4vw,50px);line-height:1.03;margin:0 0 14px;letter-spacing:-1px;color:#f6f7f9;}
.td-hero__inner h1 .acc{color:var(--td-accent);}
.td-hero__inner p{font-size:clamp(15px,1.6vw,18px);color:#c2c5ca;margin:0 0 26px;max-width:430px;line-height:1.5;}
.td-hero__cta{display:flex;gap:12px;flex-wrap:wrap;}
.td-pill{align-self:flex-start;background:var(--td-accent);color:#1a1208;font-weight:800;font-size:12px;letter-spacing:1px;padding:6px 12px;border-radius:99px;margin-bottom:18px;}
.td-hero__aside{flex:1 1 260px;display:flex;flex-direction:column;gap:16px;}
/* slider početne */
.td-slider{position:relative;overflow:hidden;}
.td-slide{position:absolute;inset:0;opacity:0;transition:opacity .6s ease;background-size:cover;background-position:center;display:flex;align-items:center;pointer-events:none;}
.td-slide.active{opacity:1;position:relative;pointer-events:auto;}
.td-slide__inner{padding:clamp(26px,4vw,52px);max-width:60%;}
.td-slide__inner h1{font-family:var(--td-head);font-weight:800;font-size:clamp(26px,4vw,46px);line-height:1.05;margin:0 0 12px;letter-spacing:-1px;color:#fff;text-shadow:0 2px 20px rgba(0,0,0,.4);}
.td-slide__inner p{font-size:clamp(14px,1.6vw,18px);color:#e8eaed;margin:0 0 22px;line-height:1.5;max-width:440px;text-shadow:0 1px 12px rgba(0,0,0,.4);}
.td-slider__arrow{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;border-radius:50%;border:0;background:rgba(15,17,19,.55);backdrop-filter:blur(6px);color:#fff;font-size:26px;line-height:1;cursor:pointer;z-index:3;display:grid;place-items:center;transition:background .15s ease;}
.td-slider__arrow:hover{background:var(--td-accent);color:#1a1208;}
.td-slider__arrow.prev{left:14px;}
.td-slider__arrow.next{right:14px;}
.td-slider__dots{position:absolute;bottom:16px;left:0;right:0;display:flex;justify-content:center;gap:8px;z-index:3;}
.td-slider__dots button{width:9px;height:9px;padding:0;border-radius:50%;border:0;background:rgba(255,255,255,.45);cursor:pointer;transition:background .15s ease,width .15s ease;}
.td-slider__dots button.active{background:var(--td-accent);width:24px;border-radius:5px;}
@media (max-width:760px){ .td-slide__inner{max-width:100%;} .td-slider__arrow{width:38px;height:38px;font-size:22px;} }
.td-promo-card{text-decoration:none;flex:1;position:relative;overflow:hidden;min-height:170px;border-radius:18px;padding:22px;display:flex;flex-direction:column;justify-content:flex-end;transition:transform .2s ease,box-shadow .2s ease;}
.td-promo-card:hover{transform:translateY(-3px);box-shadow:0 24px 48px -26px rgba(15,18,25,.4);}
.td-promo-card small{position:relative;font-size:12px;font-weight:700;letter-spacing:1px;color:var(--td-accent);}
.td-promo-card b{position:relative;font-family:var(--td-head);font-weight:800;font-size:23px;margin-top:4px;}

/* ---- trust strip ---- */
.td-trust{margin-top:16px;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;}
.td-trust__item{display:flex;align-items:center;gap:14px;background:var(--td-surface);border:1px solid var(--td-line);border-radius:14px;padding:16px 18px;}
.td-trust__item .ic{display:grid;place-items:center;width:42px;height:42px;border-radius:11px;background:color-mix(in srgb,var(--td-accent) 15%,#fff);color:var(--td-accent);font-size:20px;flex:0 0 auto;}
.td-trust__item b{font-family:var(--td-head);font-weight:700;font-size:14px;color:var(--td-ink);display:block;}
.td-trust__item small{font-size:12.5px;color:var(--td-muted);}

/* ---- vehicle finder ---- */
.td-finder{margin-top:16px;background:var(--td-dark);border:1px solid color-mix(in srgb,var(--td-accent) 28%,transparent);border-radius:18px;padding:clamp(20px,3vw,28px);display:flex;gap:22px;flex-wrap:wrap;align-items:center;}
.td-finder__txt{flex:1 1 240px;}
.td-finder__txt h2{font-family:var(--td-head);font-weight:800;font-size:clamp(20px,2.4vw,26px);margin:0 0 6px;color:#f6f7f9;display:flex;align-items:center;gap:10px;}
.td-finder__txt p{margin:0;color:#c2c5ca;font-size:14px;line-height:1.5;}
.td-finder form{flex:2 1 460px;display:flex;gap:10px;flex-wrap:wrap;align-items:stretch;}
.td-select{-webkit-appearance:none;appearance:none;background:#1c1e22;color:#f6f7f9;border:1px solid rgba(255,255,255,.14);border-radius:11px;padding:13px 34px 13px 14px;font-family:inherit;font-size:14px;cursor:pointer;background-image:linear-gradient(45deg,transparent 50%,#9aa0a8 50%),linear-gradient(135deg,#9aa0a8 50%,transparent 50%);background-position:calc(100% - 17px) 50%,calc(100% - 12px) 50%;background-size:5px 5px,5px 5px;background-repeat:no-repeat;}
.td-select:disabled{opacity:.5;cursor:not-allowed;}

/* ---- newsletter ---- */
.td-newsletter{margin-top:44px;position:relative;overflow:hidden;border-radius:20px;background:linear-gradient(120deg,var(--td-accent),var(--td-accent-deep));padding:clamp(28px,4vw,46px);display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:24px;color:#1a1208;}
.td-newsletter h2{font-family:var(--td-head);font-weight:800;font-size:clamp(22px,3vw,32px);margin:0 0 8px;}
.td-newsletter p{margin:0;font-size:15.5px;font-weight:600;opacity:.85;}
.td-newsletter form{flex:1 1 320px;display:flex;gap:10px;flex-wrap:wrap;max-width:480px;}
.td-newsletter input{flex:1 1 200px;min-width:0;border:0;outline:0;border-radius:11px;padding:15px 18px;font-family:inherit;font-size:15px;background:#fff8f1;color:#1a1208;}

/* ---- Zašto Topdeal ---- */
.td-why__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;}
.td-why__item{background:var(--td-surface);border:1px solid var(--td-line);border-radius:16px;padding:22px;}
.td-why__item .ic{display:grid;place-items:center;width:48px;height:48px;border-radius:12px;background:color-mix(in srgb,var(--td-accent) 14%,#fff);font-size:22px;margin-bottom:14px;}
.td-why__item b{font-family:var(--td-head);font-weight:800;font-size:16px;display:block;margin-bottom:6px;color:var(--td-ink);}
.td-why__item span{font-size:14px;color:var(--td-muted);line-height:1.55;}
@media (max-width:760px){ .td-why__grid{grid-template-columns:repeat(2,1fr);} }

/* ---- Galerija ---- */
.td-gallery__grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;}
.td-gallery__item{position:relative;aspect-ratio:1/1;border-radius:14px;overflow:hidden;background-size:cover;background-position:center;background-color:#e2e6ec;display:grid;place-items:center;text-decoration:none;transition:transform .18s ease;}
.td-gallery__item:hover{transform:translateY(-3px);}
.td-gallery__ic{opacity:0;color:#fff;font-size:22px;background:rgba(15,17,19,.5);width:44px;height:44px;border-radius:50%;display:grid;place-items:center;transition:opacity .18s ease;}
.td-gallery__item:hover .td-gallery__ic{opacity:1;}
.td-gallery__ph{border:1px dashed var(--td-line);color:var(--td-muted);font-size:12px;font-family:monospace;}
@media (max-width:760px){ .td-gallery__grid{grid-template-columns:repeat(3,1fr);} }

/* ---- footer ---- */
.td-footer{margin-top:48px;background:var(--td-dark);border-top:1px solid rgba(255,255,255,.07);}
.td-footer__cols{padding:46px 22px 26px;display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:34px 24px;max-width:var(--td-max);margin:0 auto;}
.td-footer__about{grid-column:1 / -1;max-width:360px;}
.td-footer__about p{margin:0;color:#8b9096;font-size:13.5px;line-height:1.6;}
.td-footer h3{font-family:var(--td-head);font-weight:700;font-size:13px;letter-spacing:.6px;text-transform:uppercase;color:#cfd2d6;margin:0 0 14px;}
.td-footer ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px;}
.td-footer a{text-decoration:none;color:#8b9096;font-size:13.5px;}
.td-footer a:hover{color:var(--td-accent);}
.td-footer__bar{border-top:1px solid rgba(255,255,255,.06);}
.td-footer__bar .td-wrap{padding-top:18px;padding-bottom:18px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px;}
.td-footer__bar small{color:#71767c;font-size:12.5px;}
.td-pay{display:flex;gap:8px;align-items:center;}
.td-pay span{font-family:monospace;font-size:11px;color:#8b9096;background:#181a1d;border:1px solid rgba(255,255,255,.08);padding:6px 11px;border-radius:7px;}

/* ---- mobile bottom nav ---- */
.td-mobilenav{display:none;position:fixed;left:0;right:0;bottom:0;z-index:60;background:rgba(15,17,19,.97);backdrop-filter:blur(14px);border-top:1px solid rgba(255,255,255,.09);justify-content:space-around;align-items:stretch;padding:7px 4px;}
.td-mobilenav a{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;text-decoration:none;color:#9a9ea4;padding:5px 0;font-size:11px;font-weight:600;}
.td-mobilenav a.active{color:var(--td-accent);font-weight:700;}
.td-mobilenav a .ic{font-size:19px;line-height:1;}

/* ---- generic page / prose ---- */
.td-page{max-width:var(--td-max);margin:0 auto;padding:22px;}
.td-prose p{font-size:16px;line-height:1.8;color:#33373d;margin:0 0 18px;}
.td-prose h2{font-family:var(--td-head);font-weight:800;font-size:23px;color:var(--td-ink);margin:34px 0 14px;}
.td-prose h3{font-family:var(--td-head);font-weight:700;font-size:17px;color:var(--td-ink);margin:26px 0 11px;}
.td-prose ul{margin:0 0 18px;padding-left:2px;list-style:none;display:flex;flex-direction:column;gap:11px;}
.td-prose li{display:flex;gap:11px;font-size:15.5px;line-height:1.6;color:#33373d;}
.td-prose li::before{content:"✓";color:var(--td-accent);font-weight:800;flex:0 0 auto;}
.td-prose strong{color:var(--td-ink);}

/* ---- panel / card surfaces ---- */
.td-panel{background:var(--td-surface);border:1px solid var(--td-line);border-radius:18px;padding:clamp(22px,3vw,32px);}
.td-field{width:100%;background:#f5f7f9;color:var(--td-ink);border:1px solid var(--td-line);border-radius:11px;padding:13px 14px;font-family:inherit;font-size:14.5px;transition:border-color .15s ease,box-shadow .15s ease;}
.td-field:focus{outline:0;border-color:var(--td-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--td-accent) 20%,transparent);}

/* ============================================================
   BIRAČ VOZILA (na stranici proizvoda)
   ============================================================ */
.td-vehicle{background:#fff;border:1px solid color-mix(in srgb,var(--td-accent) 32%,transparent);border-radius:16px;padding:18px;margin:18px 0;}
.td-vehicle__head{display:flex;align-items:center;gap:9px;margin-bottom:14px;}
.td-vehicle__head b{font-family:var(--td-head);font-weight:700;font-size:15px;}
.td-vehicle__req{margin-left:auto;font-size:11px;font-weight:700;color:var(--td-accent);background:color-mix(in srgb,var(--td-accent) 14%,#fff);padding:3px 9px;border-radius:99px;}
.td-vehicle__grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;}
.td-vehicle__grid .full{grid-column:1 / -1;}
/* na stranici proizvoda: marka/model/godi\u0161te u jednom redu (\u0161ire, ni\u017ee) */
.td-productpage .td-vehicle{padding:16px 18px;}
.td-productpage .td-vehicle__grid{grid-template-columns:1fr 1fr 1fr;}
.td-productpage .td-vehicle__grid .full{grid-column:auto;}
@media (max-width:600px){ .td-productpage .td-vehicle__grid{grid-template-columns:1fr;} }
.td-vehicle .td-select{background:#101113;}
.td-vehicle__note{margin-top:12px;}
.td-vehicle__note label{font-size:13px;font-weight:600;color:var(--td-ink);display:flex;align-items:center;gap:8px;margin-bottom:8px;}
.td-vehicle__note .opt{font-size:11px;font-weight:600;color:var(--td-muted);background:#f1f3f6;border:1px solid var(--td-line);padding:3px 9px;border-radius:99px;}
.td-vehicle textarea{resize:vertical;}
.woocommerce-error.td-vehicle-error{border-left-color:var(--td-accent);}

/* ---- responsive ---- */
@media (max-width:760px){
  .td-mobilenav{display:flex;}
  body{padding-bottom:68px;}
  .td-grid--cats,.td-grid--prod{grid-template-columns:repeat(2,1fr);gap:12px;}
  /* header: logo + hamburger u redu, pretraga ispod */
  .td-burger{display:flex;}
  .td-header__bar{gap:12px;}
  .td-logo{flex:1 1 auto;order:1;}
  .td-header__actions{order:2;}
  .td-header__actions .td-actionbtn .lbl{display:none;}
  .td-header__actions .td-actionbtn{padding:9px;}
  .td-search{order:4;flex:1 1 100%;}
  /* kategorije kao padajući panel odozgo s animacijom */
  .td-catnav{max-height:0;overflow:hidden;opacity:0;transition:max-height .32s cubic-bezier(.4,0,.2,1),opacity .25s ease;border-top:0;background:rgba(15,17,19,.98);}
  .td-catnav__inner{overflow:visible;padding:0;max-width:none;}
  .td-catnav.open{max-height:80vh;opacity:1;overflow-y:auto;border-top:1px solid rgba(255,255,255,.07);}
  .td-catnav ul{flex-direction:column;white-space:normal;gap:0;margin:0;padding:10px 12px 16px;}
  .td-catnav li{width:100%;transform:translateY(-8px);opacity:0;}
  .td-catnav.open li{animation:tdSlideDown .3s ease forwards;}
  .td-catnav.open li:nth-child(1){animation-delay:.03s;}
  .td-catnav.open li:nth-child(2){animation-delay:.06s;}
  .td-catnav.open li:nth-child(3){animation-delay:.09s;}
  .td-catnav.open li:nth-child(4){animation-delay:.12s;}
  .td-catnav.open li:nth-child(5){animation-delay:.15s;}
  .td-catnav.open li:nth-child(6){animation-delay:.18s;}
  .td-catnav.open li:nth-child(7){animation-delay:.21s;}
  .td-catnav.open li:nth-child(8){animation-delay:.24s;}
  .td-catnav a{display:flex;align-items:center;padding:14px 12px;border-radius:10px;font-size:15.5px;border-bottom:1px solid rgba(255,255,255,.05);}
  .td-catnav li.menu-item-home > a{background:var(--td-accent);color:#1a1208!important;margin-bottom:4px;border-bottom:0;}
}

/* ============================================================
   WOOCOMMERCE — osnovna stilizacija u brendu
   ============================================================ */
.woocommerce .td-page,.woocommerce-page .td-page{max-width:var(--td-max);}
.woocommerce-breadcrumb{font-size:13px;color:var(--td-muted);padding:14px 0;}
.woocommerce-breadcrumb a{color:var(--td-muted);text-decoration:none;}
.woocommerce-breadcrumb a:hover{color:var(--td-accent);}

/* Dugmad */
.woocommerce a.button,.woocommerce button.button,.woocommerce input.button,.woocommerce #respond input#submit,
.woocommerce a.button.alt,.woocommerce button.button.alt,.woocommerce input.button.alt{
  background:linear-gradient(135deg,var(--td-accent),var(--td-accent-deep));color:#1a1208;border:0;border-radius:11px;
  font-family:var(--td-head);font-weight:700;font-size:14px;padding:13px 22px;transition:filter .15s ease,transform .1s ease;
}
.woocommerce a.button:hover,.woocommerce button.button:hover,.woocommerce input.button:hover,.woocommerce #respond input#submit:hover,
.woocommerce a.button.alt:hover,.woocommerce button.button.alt:hover{filter:brightness(1.06);color:#1a1208;}
.woocommerce .button.td-btn--soft,.woocommerce a.added_to_cart{background:#f1f3f6;color:var(--td-ink);border:1px solid var(--td-line);}

/* ===== Single proizvod — DARK (kao mockup) ===== */
body.single-product{background:var(--td-page);}
body.single-product .td-page{max-width:none;padding:0;}
.td-productpage{color:#f6f7f9;}
.td-productpage.product{display:block;}
.td-productpage .td-wrap{padding-top:8px;padding-bottom:24px;}
.td-crumb--dark{color:var(--td-muted);padding:16px 0 18px;}
.td-crumb--dark a{color:var(--td-muted);text-decoration:none;}
.td-crumb--dark a:hover{color:var(--td-accent);}
.td-productpage__main{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:start;background:#0f1113;border-radius:22px;padding:clamp(20px,3vw,38px);margin-top:6px;}

/* galerija */
.td-productpage__gallery{position:relative;}
.td-productpage .woocommerce-product-gallery{float:none!important;width:100%!important;margin:0;}
.td-productpage .summary,.woocommerce div.product.td-productpage .summary{float:none!important;width:100%!important;margin:0;}
.woocommerce div.product.td-productpage .woocommerce-product-gallery{float:none!important;width:100%!important;}
.td-productpage .woocommerce-product-gallery__wrapper{margin:0;}
.td-productpage .woocommerce-product-gallery__image{border-radius:18px;overflow:hidden;}
.td-productpage .woocommerce-product-gallery__image img{border-radius:18px;border:1px solid rgba(255,255,255,.08);background:#16181b;width:100%;}
.td-productpage ol.flex-control-thumbs,.td-productpage .flex-control-thumbs{display:grid!important;grid-template-columns:repeat(4,1fr);gap:10px;margin:12px 0 0;padding:0;list-style:none;float:none;}
.td-productpage .flex-control-thumbs li{width:auto!important;margin:0!important;}
.td-productpage .flex-control-thumbs img{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:11px;border:1px solid rgba(255,255,255,.08);opacity:.65;transition:opacity .15s,border-color .15s;cursor:pointer;}
.td-productpage .flex-control-thumbs img.flex-active,.td-productpage .flex-control-thumbs img:hover{opacity:1;border-color:var(--td-accent);}
.td-productpage .woocommerce-product-gallery__trigger{background:#fff;border-radius:50%;}
.td-productpage .onsale{position:absolute;top:14px;left:14px;z-index:5;background:var(--td-accent);color:#1a1208;border:0;font-family:var(--td-head);font-weight:800;min-height:0;line-height:1;padding:7px 13px;border-radius:99px;margin:0;}

/* summary */
.td-productpage__summary{display:flex;flex-direction:column;}
.td-productpage__cat{font-size:12px;font-weight:700;letter-spacing:.6px;text-transform:uppercase;color:var(--td-accent);}
.td-productpage__summary .product_title{font-family:var(--td-head);font-weight:800;font-size:clamp(26px,3.4vw,38px);letter-spacing:-.7px;line-height:1.05;margin:10px 0 14px;color:#f6f7f9;}
.td-productpage__meta{display:flex;align-items:center;flex-wrap:wrap;gap:9px;font-size:13.5px;color:#9aa0a8;margin-bottom:18px;}
.td-productpage__meta .td-stars{color:#e0a92a;letter-spacing:1px;}
.td-productpage__meta .td-dot{opacity:.4;}
.td-productpage__meta .td-instock{display:inline-flex;align-items:center;gap:6px;color:#4ec07a;}
.td-productpage__meta .td-instock .d{width:8px;height:8px;border-radius:50%;background:#4ec07a;}
.td-productpage__meta .td-outstock{color:#e8664f;}
.td-productpage__price{font-family:var(--td-head);font-weight:800;font-size:34px;color:var(--td-accent);display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;margin-bottom:2px;}
.td-productpage__price del{color:#7e8288;font-weight:600;font-size:20px;text-decoration:line-through;}
.td-productpage__price ins{text-decoration:none;color:var(--td-accent);}
.td-productpage__excerpt{color:#c2c5ca;line-height:1.7;font-size:15px;margin:16px 0 4px;border-top:1px solid rgba(255,255,255,.08);padding-top:18px;}
.td-productpage__excerpt p{margin:0 0 10px;}

/* forma add-to-cart u dark */
.td-productpage form.cart{margin:20px 0 0;}
.td-productpage .quantity .qty{background:#16181b;border:1px solid rgba(255,255,255,.14);color:#f6f7f9;border-radius:11px;padding:15px 8px;font-family:var(--td-head);font-weight:700;width:84px;text-align:center;min-height:56px;}
.td-productpage .single_add_to_cart_button{min-height:56px;font-size:16px!important;padding:0 26px!important;flex:1 1 200px;}
/* stack: vozilo/varijacije puno-široko, pa red [količina + dugme] ispod */
.td-productpage form.cart:not(.grouped_form){display:flex;gap:12px;align-items:stretch;flex-wrap:wrap;}
.td-productpage .variations_form{display:block;}
.td-productpage .woocommerce-variation-add-to-cart{display:flex;gap:12px;align-items:stretch;flex-wrap:wrap;margin-top:14px;}
.td-productpage .td-vehicle{flex:1 1 100%;order:-1;}
.td-productpage .quantity{flex:0 0 auto;}
.td-productpage .woocommerce-variation-price .price{color:var(--td-accent)!important;font-size:22px;font-family:var(--td-head);font-weight:800;}
.td-productpage .stock{color:#9aa0a8;}
.td-productpage .single_add_to_cart_button[disabled],.td-productpage .single_add_to_cart_button.td-locked{background:#26282c!important;color:#8b9096!important;cursor:not-allowed;filter:none;}

/* varijacije tabela dark */
.td-productpage table.variations{margin:0 0 6px;width:100%;}
.td-productpage table.variations th.label{color:#f6f7f9;font-family:var(--td-head);}
.td-productpage table.variations td,.td-productpage table.variations th{padding:8px 0;border:0;}
.td-productpage table.variations select{background:#16181b;border:1px solid rgba(255,255,255,.14);color:#f6f7f9;}

/* OPIS + SPECIFIKACIJE */
.td-productpage__info{display:grid;grid-template-columns:1fr 1fr;gap:26px;margin-top:46px;align-items:start;}
.td-productpage__info h2{font-family:var(--td-head);font-weight:800;font-size:24px;color:var(--td-ink);margin:0 0 18px;letter-spacing:-.5px;}
.td-productpage__desc{background:var(--td-surface);border:1px solid var(--td-line);border-radius:16px;padding:24px;}
.td-productpage__desc .td-prose p{color:#33373d;font-size:15.5px;line-height:1.8;margin:0 0 15px;}
.td-productpage__desc .td-prose strong{color:var(--td-ink);}
.td-productpage__desc .td-prose li{color:#33373d;}
.td-productpage__desc .td-prose li::before{color:var(--td-accent);}
.td-productpage__specs{background:var(--td-surface);border:1px solid var(--td-line);border-radius:16px;padding:24px;}
.td-spectable{width:100%;border-collapse:separate;border-spacing:0;border:1px solid var(--td-line);border-radius:14px;overflow:hidden;}
.td-spectable tr:nth-child(odd){background:#f5f7f9;}
.td-spectable th{text-align:left;font-family:var(--td-head);font-weight:600;font-size:14px;color:var(--td-muted);padding:14px 16px;width:42%;vertical-align:top;}
.td-spectable td{font-size:14.5px;color:var(--td-ink);font-weight:600;padding:14px 16px;}

/* recenzije dark */
.td-productpage__reviews{margin-top:46px;border-top:1px solid var(--td-line);padding-top:20px;}
.td-productpage__reviews h2,.td-productpage__reviews #reply-title,.td-productpage__reviews h3{color:var(--td-ink);font-family:var(--td-head);}
.td-productpage__reviews p,.td-productpage__reviews .comment-text,.td-productpage__reviews label{color:#33373d;}
.td-productpage__reviews textarea,.td-productpage__reviews input[type=text],.td-productpage__reviews input[type=email]{background:#f5f7f9;border:1px solid var(--td-line);color:var(--td-ink);border-radius:10px;padding:12px;}

/* povezani dark */
.td-productpage__related{margin-top:44px;}
.td-productpage__related h2{color:var(--td-ink);font-family:var(--td-head);font-weight:800;font-size:22px;margin:0 0 18px;}
.td-productpage__related .td-card{background:var(--td-surface);border-color:var(--td-line);}
.td-productpage__related .td-card:hover{border-color:var(--td-accent);}
.td-productpage__related .td-card__title{color:var(--td-ink);}
.td-productpage__related .td-card__cat{color:var(--td-muted);}
.td-productpage__related .td-card__media{background:#eef1f4;}
.td-productpage__related .td-card .button,.td-productpage__related .td-card .td-btn--soft{background:#f1f3f6;color:var(--td-ink);border-color:var(--td-line);}

/* birač vozila + boje u dark kontekstu */
.td-productpage .td-vehicle{background:#141619;border-color:color-mix(in srgb,var(--td-accent) 34%,transparent);}
.td-productpage .td-vehicle__head b{color:#f6f7f9;}
.td-productpage .td-vehicle__note label{color:#f6f7f9;}
.td-productpage .td-vehicle textarea{background:#0f1113;border-color:rgba(255,255,255,.14);color:#f6f7f9;}
.td-productpage .td-vehicle__note .opt{background:#0f1113;border-color:rgba(255,255,255,.14);color:#9aa0a8;}
.td-productpage .variable-items-wrapper .variable-item,.td-productpage .trx_addons_attrib_button{background:#16181b!important;color:#f6f7f9!important;border-color:rgba(255,255,255,.16)!important;}
.td-productpage .buttons_added,.td-productpage .quantity input.minus,.td-productpage .quantity input.plus{background:#16181b;color:#f6f7f9;border:1px solid rgba(255,255,255,.14);border-radius:10px;}
.td-productpage .td-buytrust div{background:#141619;border-color:rgba(255,255,255,.08);color:#c2c5ca;}
.td-productpage .product_meta{color:#9aa0a8;border-top:1px solid rgba(255,255,255,.08);margin-top:18px;padding-top:14px;font-size:13px;}
.td-productpage .product_meta a{color:#9aa0a8;}

/* sakrij default woo tabove i upsell (koristimo vlastiti Opis/Specifikacije) */
.td-productpage .woocommerce-tabs,.td-productpage .up-sells,.td-productpage .product_meta .posted_in{}
.woocommerce-tabs{display:none;}

@media (max-width:860px){
  .td-productpage__main{grid-template-columns:1fr;gap:24px;}
  .td-productpage__info{grid-template-columns:1fr;gap:16px;}
}

/* Korpa i checkout */
.woocommerce table.shop_table{border:1px solid var(--td-line);border-radius:14px;border-collapse:separate;overflow:hidden;background:var(--td-surface);}
.woocommerce table.shop_table th{font-family:var(--td-head);}
.woocommerce .cart_totals,.woocommerce-checkout .woocommerce-checkout-review-order{background:var(--td-surface);border:1px solid var(--td-line);border-radius:16px;padding:20px;}
.woocommerce-checkout #payment{background:var(--td-surface);border:1px solid var(--td-line);border-radius:16px;}
.woocommerce form .form-row input.input-text,.woocommerce form .form-row textarea,.woocommerce form .form-row select,
.woocommerce-checkout input.input-text,.select2-container .select2-selection{background:#f5f7f9!important;border:1px solid var(--td-line)!important;border-radius:11px!important;padding:12px 14px!important;min-height:48px;}
.woocommerce #payment .payment_methods li{border:1px solid var(--td-line);border-radius:12px;padding:14px;margin-bottom:10px;list-style:none;background:#f5f7f9;}
.woocommerce #payment .payment_methods li input[type=radio]{accent-color:var(--td-accent);}

/* Poruke */
.woocommerce-message,.woocommerce-info,.woocommerce-error{border-top:3px solid var(--td-accent);border-radius:12px;background:var(--td-surface);}
.woocommerce-message::before,.woocommerce-info::before{color:var(--td-accent);}

/* Ordering select */
.woocommerce .woocommerce-ordering select{-webkit-appearance:none;appearance:none;background:var(--td-surface);color:var(--td-ink);border:1px solid var(--td-line);border-radius:10px;padding:11px 34px 11px 14px;font-family:inherit;font-size:14px;cursor:pointer;}

/* Woo liste (povezani, upsell, default arhive) → mreža kao naše kartice */
.woocommerce ul.products,.woocommerce-page ul.products{display:grid;grid-template-columns:repeat(auto-fill,minmax(215px,1fr));gap:14px;margin:0;padding:0;list-style:none;}
.woocommerce ul.products::before,.woocommerce ul.products::after{content:none;display:none;}
.woocommerce ul.products li.product,.woocommerce-page ul.products li.product{width:auto!important;margin:0!important;float:none!important;padding:0;}
.woocommerce ul.products li.product .td-card__media img{width:100%;height:100%;object-fit:cover;}
.related.products>h2,.upsells.products>h2{grid-column:1 / -1;font-family:var(--td-head);font-weight:800;font-size:22px;margin:0 0 18px;}
@media (max-width:760px){
  .woocommerce ul.products,.woocommerce-page ul.products{grid-template-columns:repeat(2,1fr);}
}

/* ---- single: varijacije, swatch-evi boja, veličine ---- */
.woocommerce .variations{border:0;margin:0 0 6px;width:100%;}
.woocommerce .variations td,.woocommerce .variations th{border:0;padding:8px 0;vertical-align:middle;}
.woocommerce .variations th.label{font-family:var(--td-head);font-weight:700;font-size:14px;color:var(--td-ink);width:auto;padding-right:16px;}
.variable-items-wrapper{display:flex;gap:10px;flex-wrap:wrap;margin:0;padding:0;}
.variable-items-wrapper .variable-item{margin:0!important;border:1.5px solid var(--td-line)!important;border-radius:11px!important;box-shadow:none!important;background:#fff;transition:border-color .15s ease,transform .12s ease;}
.variable-items-wrapper .variable-item:hover{transform:translateY(-1px);}
.variable-items-wrapper .button-variable-item{min-width:auto!important;height:auto!important;padding:11px 16px!important;font-family:var(--td-head);font-weight:700;font-size:13.5px;color:var(--td-ink)!important;background:#fff!important;}
.variable-items-wrapper .variable-item.selected,.variable-items-wrapper .variable-item[aria-checked=true],.variable-items-wrapper .variable-item:hover{border-color:var(--td-accent)!important;box-shadow:0 0 0 1px var(--td-accent)!important;}
.variable-items-wrapper .color-variable-item{width:40px!important;height:40px!important;border-radius:11px!important;overflow:hidden;padding:2px!important;}
.variable-items-wrapper .color-variable-item .variable-item-span{width:100%!important;height:100%!important;border-radius:9px!important;}
.woocommerce .reset_variations{color:var(--td-muted);font-size:13px;text-decoration:none;}
.woocommerce .reset_variations:hover{color:var(--td-accent);}
/* fallback: klasični dropdown varijacija */
.woocommerce table.variations select{background:#f5f7f9;border:1px solid var(--td-line);border-radius:11px;padding:12px 14px;min-height:48px;font-family:inherit;font-size:14.5px;min-width:200px;}
.single-product .woocommerce-variation-price .price{font-size:22px;}
.single-product .product_meta{font-size:13px;color:var(--td-muted);margin-top:16px;}
.single-product .product_meta a{color:var(--td-muted);}
.single-product .product_meta a:hover{color:var(--td-accent);}

/* mini traka pogodnosti na artiklu */
.td-buytrust{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin-top:18px;}
.td-buytrust div{display:flex;align-items:center;gap:10px;background:var(--td-surface);border:1px solid var(--td-line);border-radius:11px;padding:11px 13px;font-size:12.5px;color:#3f434a;line-height:1.3;}
.td-buytrust .ic{font-size:17px;}

/* ThemeREX Addons swatch-evi (dugmad veličine + boje) u našem stilu */
.trx_addons_attrib_list,ul.trx_addons_attrib_list{display:flex!important;gap:10px;flex-wrap:wrap;padding:0;margin:0 0 6px;list-style:none;}
.trx_addons_attrib_item{margin:0!important;float:none!important;}
.trx_addons_attrib_button{display:inline-flex!important;align-items:center;justify-content:center;min-width:auto!important;width:auto!important;height:auto!important;border:1.5px solid var(--td-line)!important;border-radius:11px!important;background:#fff!important;padding:11px 16px!important;font-family:var(--td-head)!important;font-weight:700!important;font-size:13.5px!important;line-height:1!important;color:var(--td-ink)!important;cursor:pointer;transition:border-color .15s ease,box-shadow .15s ease,transform .12s ease;box-shadow:none!important;}
.trx_addons_attrib_button span{color:inherit!important;}
.trx_addons_attrib_button:hover{transform:translateY(-1px);border-color:var(--td-accent)!important;}
.trx_addons_attrib_button.trx_addons_attrib_selected{border-color:var(--td-accent)!important;box-shadow:0 0 0 1px var(--td-accent)!important;color:var(--td-ink)!important;}
/* boje kao kvadratići */
.trx_addons_attrib_color{width:42px!important;height:42px!important;padding:2px!important;border:2px solid var(--td-line)!important;border-radius:12px!important;overflow:hidden;background-clip:content-box!important;}
.trx_addons_attrib_color.trx_addons_attrib_selected{border-color:var(--td-accent)!important;box-shadow:0 0 0 2px var(--td-accent)!important;}
.trx_addons_attrib_color span{border-radius:9px!important;}

/* ===== PRESVLAKE: swatch u obliku auto-sjedišta (boje iz atributa/HEX) ===== */
body.td-cat-presvlake .trx_addons_attrib_color,
body.td-cat-presvlake .color-variable-item,
body.td-cat-presvlake .variable-item.color-variable-item{
  --td-seat:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2048%2056'%3E%3Crect%20x='18'%20y='2'%20width='12'%20height='12'%20rx='5'%20fill='%23000'/%3E%3Crect%20x='7'%20y='10'%20width='34'%20height='44'%20rx='10'%20fill='%23000'/%3E%3C/svg%3E");
  width:46px!important;height:54px!important;border:0!important;border-radius:0!important;
  padding:0!important;overflow:visible!important;box-shadow:none!important;background-clip:border-box!important;
  -webkit-mask:var(--td-seat) center/contain no-repeat;mask:var(--td-seat) center/contain no-repeat;
  filter:drop-shadow(0 0 1px rgba(255,255,255,.55)) drop-shadow(0 2px 3px rgba(0,0,0,.5));
}
body.td-cat-presvlake .trx_addons_attrib_color > span,
body.td-cat-presvlake .color-variable-item .variable-item-span{
  display:block!important;width:100%!important;height:100%!important;border-radius:0!important;background-size:cover!important;
}
/* selektovano — narandžasti obrub oko sjedišta */
body.td-cat-presvlake .trx_addons_attrib_color.trx_addons_attrib_selected,
body.td-cat-presvlake .color-variable-item.selected,
body.td-cat-presvlake .color-variable-item[aria-checked="true"]{
  outline:2px solid var(--td-accent);outline-offset:3px;border-radius:6px!important;
}
/* dvobojne presvlake — pola/pola (lijevo/desno) */
body.td-cat-presvlake [data-value*="crno-crven"],body.td-cat-presvlake [data-value*="crna-crven"],
body.td-cat-presvlake [data-value*="crno-crven"] > span,body.td-cat-presvlake [data-value*="crna-crven"] > span{background:linear-gradient(90deg,#141414 0 50%,#c0271e 50% 100%)!important;}
body.td-cat-presvlake [data-value*="crno-plav"],body.td-cat-presvlake [data-value*="crna-plav"],
body.td-cat-presvlake [data-value*="crno-plav"] > span,body.td-cat-presvlake [data-value*="crna-plav"] > span{background:linear-gradient(90deg,#141414 0 50%,#2b56a6 50% 100%)!important;}
body.td-cat-presvlake [data-value*="crno-siv"],body.td-cat-presvlake [data-value*="crna-siv"],
body.td-cat-presvlake [data-value*="crno-siv"] > span,body.td-cat-presvlake [data-value*="crna-siv"] > span{background:linear-gradient(90deg,#141414 0 50%,#8a8f96 50% 100%)!important;}
body.td-cat-presvlake [data-value*="crno-bez"],body.td-cat-presvlake [data-value*="crno-bež"],body.td-cat-presvlake [data-value*="crna-bez"],
body.td-cat-presvlake [data-value*="crno-bez"] > span,body.td-cat-presvlake [data-value*="crno-bež"] > span,body.td-cat-presvlake [data-value*="crna-bez"] > span{background:linear-gradient(90deg,#141414 0 50%,#cdb994 50% 100%)!important;}
body.td-cat-presvlake [data-value*="crno-braon"],body.td-cat-presvlake [data-value*="crna-braon"],
body.td-cat-presvlake [data-value*="crno-braon"] > span,body.td-cat-presvlake [data-value*="crna-braon"] > span{background:linear-gradient(90deg,#141414 0 50%,#6b4a2b 50% 100%)!important;}

/* Obojene "pill" varijacije sa nazivom (kad je atribut Boja tipa Dugme/Label) */
.td-productpage .trx_addons_attrib_button,.td-productpage .variable-item.button-variable-item{color:#fff!important;text-shadow:0 1px 2px rgba(0,0,0,.55);border-color:rgba(255,255,255,.18)!important;background:#333!important;}
/* jednobojne */
.td-productpage [data-value*="siv"]{background:#8a8f96!important;}
.td-productpage [data-value*="crven"]{background:#c0271e!important;}
.td-productpage [data-value*="plav"]{background:#2b56a6!important;}
.td-productpage [data-value*="zelen"]{background:#2f7d46!important;}
.td-productpage [data-value*="braon"],.td-productpage [data-value*="smedj"],.td-productpage [data-value*="smeđ"]{background:#6b4a2b!important;}
.td-productpage [data-value*="crn"]{background:#141414!important;}
.td-productpage [data-value*="bez"],.td-productpage [data-value*="bež"]{background:#cdb994!important;color:#1a1208!important;text-shadow:none!important;}
.td-productpage [data-value*="zut"],.td-productpage [data-value*="žut"]{background:#e8c020!important;color:#1a1208!important;text-shadow:none!important;}
.td-productpage [data-value*="bijel"],.td-productpage [data-value*="bel"]{background:#f2f2f2!important;color:#1a1208!important;text-shadow:none!important;border-color:var(--td-line)!important;}
/* dvobojne (gradijent) — dolaze nakon jednobojnih da imaju prednost */
.td-productpage [data-value*="crno-crven"],.td-productpage [data-value*="crna-crven"]{background:linear-gradient(135deg,#141414 0 50%,#c0271e 50% 100%)!important;color:#fff!important;text-shadow:0 1px 2px rgba(0,0,0,.6);}
.td-productpage [data-value*="crno-plav"],.td-productpage [data-value*="crna-plav"]{background:linear-gradient(135deg,#141414 0 50%,#2b56a6 50% 100%)!important;color:#fff!important;}
.td-productpage [data-value*="crno-siv"],.td-productpage [data-value*="crna-siv"]{background:linear-gradient(135deg,#141414 0 50%,#8a8f96 50% 100%)!important;color:#fff!important;}
.td-productpage [data-value*="crno-bez"],.td-productpage [data-value*="crno-bež"],.td-productpage [data-value*="crna-bez"]{background:linear-gradient(135deg,#141414 0 50%,#cdb994 50% 100%)!important;color:#fff!important;}
.td-productpage [data-value*="crno-braon"],.td-productpage [data-value*="crna-braon"]{background:linear-gradient(135deg,#141414 0 50%,#6b4a2b 50% 100%)!important;color:#fff!important;}
.td-productpage .trx_addons_attrib_button.trx_addons_attrib_selected,.td-productpage .variable-item.selected{box-shadow:0 0 0 2px var(--td-accent)!important;border-color:var(--td-accent)!important;}