/*
Theme Name: PatikeTop
Theme URI: https://patiketop.rs
Author: Infinito Media
Author URI: https://infinitomedia.rs
Description: Custom WooCommerce tema za PatikeTop — verna reprodukcija originalnog Next.js dizajna (crno/belo + zlatni akcenat), sa dark/light toggle-om, animiranim tickerom brendova i punom Elementor podrškom.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.7
Requires PHP: 7.4
License: GNU General Public License v2 or later
Text Domain: patiketop
WC requires at least: 7.0
WC tested up to: 9.0
*/

/* ============================================================
   DIZAJN TOKENI  (preuzeto iz originalnog Tailwind sajta)
   ============================================================ */
:root{
  --pt-bg:#ffffff;
  --pt-fg:#09090b;              /* zinc-950 */
  --pt-muted:#71717a;           /* zinc-500 */
  --pt-border:#e4e4e7;          /* zinc-200 */
  --pt-surface:#ffffff;
  --pt-surface-2:#f4f4f5;       /* zinc-100 */
  --pt-accent:#f59e0b;          /* amber-500 */
  --pt-accent-strong:#d97706;   /* amber-600 */
  --pt-black:#000000;
  --pt-radius:1rem;             /* rounded-2xl */
  --pt-radius-full:9999px;
  --pt-shadow-soft:0 18px 40px -28px rgba(0,0,0,.45);
  --pt-maxw:80rem;              /* max-w-7xl */
  --pt-font:'Inter',system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;
  color-scheme:light;
}
html.dark{
  --pt-bg:#09090b;
  --pt-fg:#fafafa;
  --pt-muted:#a1a1aa;
  --pt-border:rgba(255,255,255,.10);
  --pt-surface:#09090b;
  --pt-surface-2:rgba(255,255,255,.10);
  color-scheme:dark;
}

*{box-sizing:border-box;}
html,body{margin:0;padding:0;overflow-x:hidden;}
body{
  font-family:var(--pt-font);
  background:var(--pt-bg);
  color:var(--pt-fg);
  -webkit-font-smoothing:antialiased;
  line-height:1.5;
}
a{color:inherit;text-decoration:none;}
img{max-width:100%;height:auto;display:block;}

.pt-container{max-width:var(--pt-maxw);margin-inline:auto;padding-inline:1rem;}
.pt-main{max-width:var(--pt-maxw);margin-inline:auto;padding:0 1rem 2rem;}

/* ============================================================
   HEADER
   ============================================================ */
.pt-promo{background:var(--pt-black);color:#fff;}
html.dark .pt-promo{color:#fde68a;}
.pt-promo .pt-container{display:flex;align-items:center;justify-content:center;
  padding:.5rem 1rem;font-size:.75rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;}

.pt-header{position:sticky;top:0;z-index:50;width:100%;
  background:color-mix(in srgb,var(--pt-bg) 85%,transparent);
  backdrop-filter:saturate(180%) blur(8px);}
.pt-header-main{border-bottom:1px solid var(--pt-border);}
.pt-header-row{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;
  max-width:var(--pt-maxw);margin-inline:auto;}

.pt-logo{display:flex;align-items:center;gap:.5rem;}
.pt-logo-badge{display:inline-flex;height:2.5rem;width:2.5rem;align-items:center;justify-content:center;
  border-radius:.25rem;background:var(--pt-black);color:#fff;font-weight:900;font-size:.875rem;}
html.dark .pt-logo-badge{background:var(--pt-accent);color:#09090b;}
.pt-logo-text{font-weight:900;letter-spacing:-.02em;font-size:.95rem;}

.pt-nav{display:none;flex:1;align-items:center;justify-content:center;gap:.25rem;}
.pt-nav a{padding:.5rem .75rem;font-size:.875rem;font-weight:900;letter-spacing:.02em;text-transform:uppercase;}
.pt-nav a:hover{text-decoration:underline;text-underline-offset:8px;}
.pt-nav a.pt-active{text-decoration:underline;text-underline-offset:8px;}

.pt-search{margin-left:auto;display:none;align-items:center;gap:.5rem;width:420px;
  border-radius:var(--pt-radius-full);background:var(--pt-surface-2);padding:.5rem 1rem;}
.pt-search input{width:100%;border:0;background:transparent;color:var(--pt-fg);font-size:.875rem;outline:none;}
.pt-search input::placeholder{color:var(--pt-muted);}

.pt-actions{margin-left:auto;display:flex;align-items:center;gap:.5rem;}
.pt-icon-btn{display:inline-flex;height:2.5rem;width:2.5rem;align-items:center;justify-content:center;
  border-radius:var(--pt-radius-full);cursor:pointer;border:0;background:transparent;color:var(--pt-fg);font-size:1.1rem;}
.pt-icon-btn:hover{background:var(--pt-surface-2);}
.pt-cart{position:relative;}
.pt-cart-count{position:absolute;top:-2px;right:-2px;display:inline-flex;height:1.25rem;min-width:1.25rem;
  align-items:center;justify-content:center;border-radius:var(--pt-radius-full);background:var(--pt-accent);
  padding:0 .25rem;font-size:.6875rem;font-weight:900;color:#09090b;box-shadow:0 0 0 2px var(--pt-bg);}

.pt-burger{display:inline-flex;}
@media(min-width:1024px){
  .pt-nav{display:flex;}
  .pt-search{display:flex;}
  .pt-burger{display:none;}
}

/* Ticker */
.pt-ticker{border-bottom:1px solid var(--pt-border);background:var(--pt-bg);overflow:hidden;transition:opacity .2s,max-height .3s;}
.pt-ticker.pt-ticker-hidden{max-height:0;opacity:0;border-bottom-color:transparent;}
.pt-ticker .pt-container{height:3rem;display:flex;align-items:center;}
.pt-ticker-mask{width:100%;overflow:hidden;
  -webkit-mask-image:linear-gradient(to right,transparent,black 8%,black 92%,transparent);
  mask-image:linear-gradient(to right,transparent,black 8%,black 92%,transparent);}
.pt-ticker-track{display:flex;width:max-content;animation:pt-ticker 45s linear infinite;}
.pt-ticker-track:hover{animation-play-state:paused;}
.pt-ticker-group{display:flex;align-items:center;gap:1.5rem;padding-right:1.5rem;}
.pt-ticker-group a,.pt-ticker-group span{white-space:nowrap;font-size:.75rem;font-weight:900;
  letter-spacing:.08em;text-transform:uppercase;}
@keyframes pt-ticker{0%{transform:translateX(0);}100%{transform:translateX(-50%);}}
@media(prefers-reduced-motion:reduce){.pt-ticker-track{animation:none;}}

/* Mobile drawer */
.pt-drawer{position:fixed;inset:0;z-index:60;display:none;}
.pt-drawer.pt-open{display:block;}
.pt-drawer-overlay{position:absolute;inset:0;background:rgba(0,0,0,.4);}
.pt-drawer-panel{position:absolute;left:0;top:0;height:100%;width:86%;max-width:24rem;
  background:var(--pt-bg);padding:1rem;box-shadow:0 25px 50px -12px rgba(0,0,0,.5);overflow-y:auto;}
.pt-drawer-panel nav{display:grid;gap:.25rem;margin-top:1rem;}
.pt-drawer-panel nav a{padding:.75rem .5rem;font-weight:900;border-radius:.5rem;}
.pt-drawer-panel nav a:hover{background:var(--pt-surface-2);}

/* ============================================================
   HERO
   ============================================================ */
.pt-hero{position:relative;overflow:hidden;background:#09090b;
  width:100vw;margin-left:50%;transform:translateX(-50%);}
.pt-hero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;}
.pt-hero-ov1{position:absolute;inset:0;background:rgba(0,0,0,.30);}
.pt-hero-ov2{position:absolute;inset:0;background:linear-gradient(120deg,rgba(0,0,0,.70),rgba(0,0,0,.20));}
.pt-hero-inner{position:relative;max-width:var(--pt-maxw);margin-inline:auto;padding-inline:1rem;}
.pt-hero-content{display:grid;align-items:end;min-height:520px;padding:2.5rem 0;color:#fff;max-width:36rem;}
.pt-hero-eyebrow{font-size:.75rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase;}
.pt-hero h1{margin:.75rem 0 0;font-size:clamp(2rem,5vw,3rem);font-weight:900;line-height:1.05;letter-spacing:-.02em;}
.pt-hero p{margin-top:.75rem;font-size:.95rem;color:rgba(255,255,255,.85);}
.pt-hero-cta{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.5rem;}
.pt-trust{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem;margin-top:1.5rem;}
.pt-trust-item{border-radius:var(--pt-radius);background:rgba(0,0,0,.35);padding:.75rem 1rem;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.1);backdrop-filter:blur(4px);}
.pt-trust-item .t{font-size:.6875rem;font-weight:900;letter-spacing:.08em;color:#fde68a;text-transform:uppercase;}
.pt-trust-item .d{margin-top:.25rem;font-size:.8rem;color:rgba(255,255,255,.8);}
@media(min-width:1024px){.pt-trust{grid-template-columns:repeat(4,1fr);}.pt-hero-content{min-height:640px;}}

/* ============================================================
   BUTTONS
   ============================================================ */
.pt-btn{display:inline-flex;height:3rem;align-items:center;justify-content:center;
  border-radius:var(--pt-radius-full);padding:0 1.5rem;font-size:.875rem;font-weight:900;
  cursor:pointer;transition:.15s;text-transform:uppercase;letter-spacing:.02em;border:1px solid transparent;}
.pt-btn-light{background:#fff;color:#09090b;}
.pt-btn-light:hover{background:#f4f4f5;}
.pt-btn-outline{background:transparent;color:#fff;border-color:rgba(255,255,255,.7);}
.pt-btn-outline:hover{background:rgba(255,255,255,.1);}
.pt-btn-dark{background:var(--pt-black);color:#fff;}
.pt-btn-dark:hover{opacity:.9;}

/* ============================================================
   PRODUCT CARDS (WooCommerce loop)
   ============================================================ */
.woocommerce ul.products,
ul.products{display:grid;gap:1.25rem;list-style:none;margin:0;padding:0;
  grid-template-columns:repeat(2,1fr);}
@media(min-width:640px){ul.products{grid-template-columns:repeat(3,1fr);}}
@media(min-width:1024px){ul.products{grid-template-columns:repeat(4,1fr);}}

ul.products li.product{margin:0!important;width:auto!important;float:none!important;}
ul.products li.product a.pt-card,
.pt-card{display:block;position:relative;overflow:hidden;border-radius:var(--pt-radius);
  border:1px solid var(--pt-border);background:var(--pt-surface);transition:.2s ease-out;}
.pt-card:hover{transform:translateY(-2px);border-color:#d4d4d8;box-shadow:var(--pt-shadow-soft);}
.pt-card-stage{position:relative;display:flex;aspect-ratio:4/3;width:100%;
  align-items:center;justify-content:center;background:#fff;}
.pt-card-stage img{max-height:100%;width:auto;max-width:100%;transition:transform .3s ease-out;}
.pt-card:hover .pt-card-stage img{transform:scale(1.04);}
.pt-badges{position:absolute;left:.75rem;top:.75rem;display:flex;gap:.5rem;z-index:2;}
.pt-badge{border-radius:var(--pt-radius-full);padding:.25rem .625rem;font-size:.6875rem;
  font-weight:900;letter-spacing:.08em;text-transform:uppercase;}
.pt-badge-new{background:rgba(0,0,0,.9);color:#fff;}
.pt-badge-sale{background:#fff;color:#09090b;box-shadow:0 0 0 1px var(--pt-border);}
html.dark .pt-badge-sale{background:var(--pt-accent);color:#09090b;box-shadow:none;}
.pt-card-body{padding:1rem;}
.pt-card-brand{font-size:.6875rem;font-weight:900;letter-spacing:.08em;color:var(--pt-muted);text-transform:uppercase;}
.pt-card-title{margin-top:.25rem;font-size:.875rem;font-weight:600;line-height:1.25rem;color:var(--pt-fg);
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.pt-card-price{margin-top:.75rem;display:flex;align-items:baseline;gap:.5rem;}
.pt-price-now{font-size:1rem;font-weight:900;}
.pt-price-old{font-size:.8rem;color:var(--pt-muted);text-decoration:line-through;}

/* ============================================================
   SECTIONS
   ============================================================ */
.pt-section{margin-top:3rem;}
.pt-section-head{display:flex;align-items:end;justify-content:space-between;gap:1rem;margin-bottom:1rem;}
.pt-eyebrow{font-size:.75rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:var(--pt-accent-strong);}
html.dark .pt-eyebrow{color:#fcd34d;}
.pt-section-title{margin-top:.25rem;font-size:1.25rem;font-weight:900;}
.pt-link-more{font-size:.875rem;font-weight:900;}
.pt-link-more:hover{text-decoration:underline;}

/* Quick chips */
.pt-chips-card{display:grid;gap:1rem;border-radius:var(--pt-radius);border:1px solid var(--pt-border);
  background:var(--pt-surface);padding:1.25rem;box-shadow:var(--pt-shadow-soft);}
.pt-chips-row{display:flex;gap:.5rem;overflow-x:auto;padding:.25rem 0;scrollbar-width:none;}
.pt-chips-row::-webkit-scrollbar{display:none;}
.pt-chip{display:inline-flex;height:2.5rem;flex-shrink:0;align-items:center;white-space:nowrap;
  border-radius:var(--pt-radius-full);border:1px solid var(--pt-border);background:var(--pt-surface);
  padding:0 1rem;font-size:.875rem;font-weight:900;}
.pt-chip:hover{background:#fffbeb;}
html.dark .pt-chip:hover{background:rgba(255,255,255,.05);}

/* ============================================================
   FOOTER
   ============================================================ */
.pt-footer{margin-top:4rem;background:var(--pt-black);color:#fff;}
.pt-footer .pt-container{padding:3rem 1rem;}
.pt-footer-grid{display:grid;gap:2.5rem;grid-template-columns:1fr;}
@media(min-width:768px){.pt-footer-grid{grid-template-columns:repeat(4,1fr);}}
.pt-footer-brand{font-size:.95rem;font-weight:900;letter-spacing:-.02em;}
.pt-footer p{margin-top:.5rem;font-size:.875rem;color:rgba(255,255,255,.7);}
.pt-footer-col .h{font-size:.75rem;font-weight:900;letter-spacing:.08em;color:rgba(255,255,255,.8);text-transform:uppercase;}
.pt-footer-col ul{margin:1rem 0 0;padding:0;list-style:none;display:grid;gap:.5rem;}
.pt-footer-col a{font-size:.875rem;color:rgba(255,255,255,.7);}
.pt-footer-col a:hover{color:#fff;}
.pt-footer-bottom{margin-top:2.5rem;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;
  gap:.75rem;border-top:1px solid rgba(255,255,255,.1);padding-top:1.5rem;font-size:.75rem;color:rgba(255,255,255,.6);}
.pt-footer-bottom a:hover{color:#fff;}

/* ============================================================
   WOOCOMMERCE OVERRIDES (dugmad, single, cena, korpa)
   ============================================================ */
.woocommerce a.button,.woocommerce button.button,.woocommerce input.button,
.woocommerce #respond input#submit,.woocommerce a.button.alt,.woocommerce button.button.alt{
  background:var(--pt-black)!important;color:#fff!important;border-radius:var(--pt-radius-full)!important;
  font-weight:900!important;text-transform:uppercase!important;letter-spacing:.02em;padding:.85em 1.6em!important;
  border:0!important;transition:.15s;}
.woocommerce a.button:hover,.woocommerce button.button:hover,.woocommerce a.button.alt:hover{opacity:.9!important;}
html.dark .woocommerce a.button,html.dark .woocommerce button.button{background:var(--pt-accent)!important;color:#09090b!important;}

.woocommerce span.price,.woocommerce div.product p.price,.woocommerce ul.products li.product .price{
  color:var(--pt-fg);font-weight:900;}
.woocommerce div.product p.price del{color:var(--pt-muted);font-weight:400;}

.woocommerce .woocommerce-result-count,.woocommerce .woocommerce-ordering{margin-bottom:1rem;}
.woocommerce-message,.woocommerce-info,.woocommerce-error{border-top-color:var(--pt-accent)!important;border-radius:.5rem;}

.woocommerce div.product div.images img{border-radius:var(--pt-radius);}
.woocommerce div.product .product_title{font-weight:900;letter-spacing:-.01em;}
.woocommerce .quantity .qty{border-radius:var(--pt-radius-full);border:1px solid var(--pt-border);}

/* Single product variation table (Broj) */
.woocommerce div.product form.cart .variations td.label{font-weight:900;}
.woocommerce div.product form.cart .variations select{border-radius:var(--pt-radius-full);
  border:1px solid var(--pt-border);padding:.5rem 1rem;background:var(--pt-surface);color:var(--pt-fg);}

/* breadcrumb */
.woocommerce .woocommerce-breadcrumb{font-size:.75rem;color:var(--pt-muted);text-transform:uppercase;
  letter-spacing:.04em;font-weight:700;margin:1rem 0;}

/* selection + scrollbar (iz originala) */
::selection{background:#111827;color:#fff;}
html.dark ::selection{background:rgba(245,158,11,.45);color:#0a0a0a;}
*::-webkit-scrollbar{width:10px;height:10px;}
*::-webkit-scrollbar-thumb{background:rgba(0,0,0,.25);border-radius:999px;border:2px solid var(--pt-bg);}
html.dark *::-webkit-scrollbar-thumb{background:rgba(255,255,255,.2);}

/* Elementor full-width helper kada se koristi tema container */
.pt-elementor-canvas .pt-main{max-width:none;padding:0;}