/* WooCommerce: zadani Woo CSS je isključen, ovo je sav stil trgovine. */

.woocommerce-breadcrumb{font-size:13px;color:var(--text-faint);margin-bottom:26px}
.woocommerce-breadcrumb a{color:var(--text-dim)}
.woocommerce-breadcrumb a:hover{color:var(--gold-bright)}
.woocommerce-products-header{margin-bottom:26px}
.term-description{color:var(--text-dim);margin-top:14px;max-width:60ch}
.woocommerce-result-count{color:var(--text-faint);font-size:13.5px;float:left;line-height:44px}
.woocommerce-ordering{float:right;margin-bottom:24px}
ul.products{clear:both}

/* Gumbi */
.button,#place_order{
  display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:13px 24px;border-radius:12px;font:600 15px 'Inter',system-ui,sans-serif;line-height:1.3;cursor:pointer;
  background:transparent;border:1px solid var(--border-strong);color:var(--text);transition:transform .15s,box-shadow .25s,border-color .25s,opacity .2s;text-align:center}
.button:hover{border-color:var(--gold);color:#fff}
.woocommerce .button.alt,.single_add_to_cart_button.button,.add_to_cart_button.button,.woocommerce .checkout-button,#place_order,.woocommerce-form-login__submit.button,.woocommerce-form-register__submit.button{
  background:linear-gradient(120deg,var(--gold-bright),var(--gold));border-color:transparent;color:#0a0a0a;box-shadow:0 10px 34px var(--gold-glow)}
.woocommerce .button.alt:hover,.single_add_to_cart_button.button:hover,.add_to_cart_button.button:hover,.woocommerce .checkout-button:hover,#place_order:hover,.woocommerce-form-login__submit.button:hover,.woocommerce-form-register__submit.button:hover{
  transform:translateY(-2px);color:#0a0a0a;border-color:transparent;box-shadow:0 14px 40px var(--gold-glow)}
.button:disabled,.button.disabled{opacity:.45;cursor:not-allowed;transform:none}
.button.loading{opacity:.6;pointer-events:none}
.added_to_cart{display:inline-block;color:var(--gold-bright);font-size:14px;font-weight:600}

/* Polja */
.woocommerce form .form-row{margin-bottom:18px}
.woocommerce form label{display:block;font-size:13px;color:var(--text-dim);margin-bottom:8px;font-weight:500}
.woocommerce form label.checkbox,.woocommerce-form__label-for-checkbox{display:flex!important;align-items:flex-start;gap:9px;font-size:14px}
.woocommerce input[type=checkbox],.woocommerce input[type=radio]{width:auto;accent-color:var(--gold);margin-top:5px;flex:none}
.woocommerce .required{color:var(--gold-bright);text-decoration:none}
.woocommerce .optional{color:var(--text-faint);font-weight:400}
.woocommerce input.input-text,.woocommerce textarea,.woocommerce select{
  width:100%;background-color:var(--bg);border:1px solid var(--border-strong);border-radius:11px;padding:13px 16px;color:var(--text);font:15px 'Inter',system-ui,sans-serif;transition:border-color .2s}
.woocommerce select{appearance:none;padding-right:38px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%239aa1ad' stroke-width='1.6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center}
.woocommerce select option{background:var(--surface);color:var(--text)}
.woocommerce-ordering select{width:auto;padding-top:10px;padding-bottom:10px;font-size:14px}
.woocommerce input.input-text:focus,.woocommerce textarea:focus,.woocommerce select:focus{outline:none;border-color:var(--gold)}
.woocommerce-invalid input.input-text{border-color:#e07070}
.woocommerce-input-wrapper{display:block}
.select2-container{width:100%!important}
.woocommerce .select2-selection{background:var(--bg)!important;border:1px solid var(--border-strong)!important;border-radius:11px!important;height:auto!important;padding:13px 16px}
.select2-selection__rendered{color:var(--text)!important;padding:0!important;line-height:1.4!important}
.select2-selection__arrow{top:12px!important;right:10px!important}
.select2-dropdown{background:var(--surface-2)!important;border:1px solid var(--border-strong)!important;color:var(--text)}
.select2-search__field{background:var(--bg)!important;color:var(--text)!important;border:1px solid var(--border-strong)!important;border-radius:8px}
.select2-results__option--highlighted{background:var(--gold)!important;color:#0a0a0a!important}

/* Mreža proizvoda */
ul.products{list-style:none;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(290px,100%),1fr));gap:20px}
ul.products li.product{position:relative;display:flex;flex-direction:column;background:linear-gradient(180deg,var(--surface),var(--bg-2));border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;transition:transform .25s,border-color .25s}
ul.products li.product:hover{transform:translateY(-5px);border-color:rgba(201,162,39,.55)}
ul.products li.product .woocommerce-LoopProduct-link{display:block;flex:1}
ul.products li.product img{display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:contain;padding:14px;background:rgba(255,255,255,.02);border-bottom:1px solid var(--border)}
.woocommerce-loop-product__title{font-size:21px;font-weight:600;padding:22px 24px 8px}
ul.products li.product .price{display:block;padding:0 24px 18px}
ul.products li.product>.button{margin:0 24px 24px}
ul.products li.product>.added_to_cart{margin:-10px 24px 20px;text-align:center}
.price{color:#fff;font-family:'Fraunces',Georgia,serif;font-size:24px;font-weight:600}
.price del{color:var(--text-faint);font-size:.7em;font-weight:400;margin-right:6px}
.price ins{text-decoration:none}
.price .sm-period,.price .woocommerce-price-suffix{font:500 13px 'Inter',system-ui,sans-serif;color:var(--text-dim)}
.onsale{position:absolute;top:14px;left:14px;z-index:2;background:var(--gold);color:#0a0a0a;font-size:12px;font-weight:700;padding:4px 11px;border-radius:999px}
.woocommerce-pagination ul{list-style:none;display:flex;gap:8px;justify-content:center;margin-top:40px}
.woocommerce-pagination .page-numbers{display:grid;place-items:center;min-width:40px;height:40px;border:1px solid var(--border-strong);border-radius:10px;color:var(--text-dim)}
.woocommerce-pagination .current{background:var(--gold);border-color:var(--gold);color:#0a0a0a;font-weight:600}

/* Proizvod */
.single-product div.product{display:grid;grid-template-columns:1.1fr .9fr;gap:48px;align-items:start}
.single-product div.product>.woocommerce-tabs,.single-product div.product>.related,.single-product div.product>.upsells{grid-column:1/-1}
@media(max-width:860px){.single-product div.product{grid-template-columns:1fr;gap:28px}}
.woocommerce-product-gallery{position:relative;min-width:0;max-width:100%}
.woocommerce-product-gallery__wrapper{margin:0}
.woocommerce-product-gallery img{display:block;width:auto;max-width:100%;height:auto;max-height:640px;margin:0 auto;border-radius:16px;border:1px solid var(--border-strong)}
.woocommerce-product-gallery__trigger{position:absolute;top:12px;right:12px;z-index:3;display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:rgba(8,9,12,.75);font-size:0;color:var(--text)}
.woocommerce-product-gallery__trigger::before{content:"⤢";font-size:18px}
.flex-control-thumbs{list-style:none;display:flex;gap:10px;margin-top:12px}
.flex-control-thumbs img{width:76px;border-radius:10px;cursor:pointer}
.summary .product_title{font-size:clamp(32px,4.4vw,46px);font-weight:500;margin-bottom:16px}
.summary .price{margin-bottom:20px;font-size:32px}
.woocommerce-product-details__short-description{color:var(--text-dim);margin-bottom:24px}
.woocommerce-product-details__short-description ul{list-style:none;display:grid;gap:8px;margin-top:14px}
.woocommerce-product-details__short-description li{position:relative;padding-left:22px;color:var(--text)}
.woocommerce-product-details__short-description li::before{content:"";position:absolute;left:2px;top:9px;width:8px;height:8px;border-radius:50%;background:var(--gold-bright);box-shadow:0 0 10px var(--gold-glow)}
form.cart{display:flex;flex-wrap:wrap;gap:12px;align-items:stretch;margin-bottom:24px}
.quantity input.qty{width:86px;min-height:46px;text-align:center;padding:10px 8px;color-scheme:dark}
.screen-reader-text{position:absolute!important;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.product_meta{font-size:13px;color:var(--text-faint);border-top:1px solid var(--border);padding-top:16px}
.product_meta>span{display:block}
.product_meta a{color:var(--text-dim)}
.woocommerce-tabs{margin-top:32px}
.woocommerce-tabs ul.tabs{list-style:none;display:flex;flex-wrap:wrap;gap:26px;border-bottom:1px solid var(--border);margin-bottom:26px}
.woocommerce-tabs ul.tabs a{display:block;padding:10px 0;color:var(--text-dim);font-weight:500;border-bottom:2px solid transparent;margin-bottom:-1px}
.woocommerce-tabs ul.tabs li.active a{color:var(--text);border-color:var(--gold)}
.woocommerce-Tabs-panel{color:var(--text-dim);max-width:75ch}
.woocommerce-Tabs-panel>h2:first-child{display:none}
.related{margin-top:64px}
.related>h2,.upsells>h2{font-size:clamp(26px,3.4vw,34px);margin-bottom:26px}

/* Obavijesti */
.woocommerce-notices-wrapper:not(:empty){margin-bottom:26px}
.woocommerce-message,.woocommerce-info,.woocommerce-error{list-style:none;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px;background:var(--surface-2);border:1px solid var(--border-strong);border-left:3px solid var(--gold);border-radius:12px;padding:15px 20px;margin-bottom:22px;font-size:14.5px;color:var(--text)}
.woocommerce-error{display:block;border-left-color:#e07070}
.woocommerce-error li+li{margin-top:6px}
.woocommerce-message a:not(.button),.woocommerce-info a:not(.button){color:var(--gold-bright)}
.woocommerce-message .button,.woocommerce-info .button{padding:8px 16px;font-size:13.5px;order:2}

/* Tablice */
table.shop_table{width:100%;border-collapse:separate;border-spacing:0;background:linear-gradient(180deg,var(--surface),var(--bg-2));border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;font-size:15px}
.shop_table th,.shop_table td{padding:15px 18px;text-align:left;border-bottom:1px solid var(--border);vertical-align:middle}
.shop_table tr:last-child>*{border-bottom:0}
.shop_table thead th{font-size:11.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--text-faint);font-weight:600}
.shop_table a{color:var(--text)}
.shop_table a:hover{color:var(--gold-bright)}
.shop_table .sm-period,.shop_table .tax_label,.shop_table small{color:var(--text-dim);font-size:13px}
.shop_table .order-total td,.shop_table .order-total th{font-size:18px;color:#fff;font-weight:600}
.shop_table td.product-thumbnail img{width:72px;height:auto;display:block;border-radius:10px;border:1px solid var(--border)}
.shop_table a.remove{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;border:1px solid var(--border-strong);color:var(--text-dim);font-size:17px;line-height:1}
.shop_table a.remove:hover{border-color:#e07070;color:#e07070}
.shop_table td.actions .coupon{display:inline-flex;gap:10px;flex-wrap:wrap}
.shop_table td.actions .coupon input{width:190px}
.shop_table td.actions>.button{float:right}
@media(max-width:768px){
  .shop_table_responsive thead{display:none}
  .shop_table_responsive tr,.shop_table_responsive td{display:block}
  .shop_table_responsive tr{border-bottom:1px solid var(--border);padding:10px 0}
  .shop_table_responsive th{display:none}
  .shop_table_responsive td{border:0;padding:8px 18px;text-align:right}
  .shop_table_responsive td::before{content:attr(data-title);float:left;color:var(--text-faint);font-size:13px}
  .shop_table_responsive td.product-remove,.shop_table_responsive td.product-thumbnail,.shop_table_responsive td.actions{text-align:left}
  .shop_table_responsive td.product-remove::before,.shop_table_responsive td.product-thumbnail::before,.shop_table_responsive td.actions::before{content:none}
  .shop_table td.actions .coupon,.shop_table td.actions .coupon input,.shop_table td.actions .coupon .button,.shop_table td.actions>.button{width:100%;float:none}
  .shop_table td.actions>.button{margin-top:10px}
}

/* Košarica */
.cart-collaterals{margin-top:32px;display:flex;justify-content:flex-end}
.cart_totals{width:min(460px,100%)}
.cart_totals h2{font-size:26px;margin-bottom:16px}
.wc-proceed-to-checkout{margin-top:18px}
.wc-proceed-to-checkout .checkout-button{width:100%;padding:15px 24px}

/* Naplata */
form.checkout{display:grid;grid-template-columns:1.1fr .9fr;grid-template-rows:auto 1fr;gap:20px 48px;align-items:start}
form.checkout>.woocommerce-NoticeGroup{grid-column:1/-1}
#customer_details{grid-column:1;grid-row:1/span 2;min-width:0}
#order_review_heading{grid-column:2;font-size:26px}
#order_review{grid-column:2;min-width:0}
@media(max-width:900px){
  form.checkout{grid-template-columns:1fr;grid-template-rows:none}
  #customer_details,#order_review_heading,#order_review{grid-column:1;grid-row:auto}
}
.woocommerce-billing-fields h3,.woocommerce-additional-fields h3{font-size:26px;margin-bottom:22px}
.woocommerce-billing-fields__field-wrapper{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}
.woocommerce-billing-fields__field-wrapper .form-row-wide{grid-column:1/-1}
@media(max-width:520px){.woocommerce-billing-fields__field-wrapper{grid-template-columns:1fr}.woocommerce-billing-fields__field-wrapper>*{grid-column:1/-1}}
#billing_country_field strong{display:block;padding:6px 0;font-weight:500}
.woocommerce-additional-fields{margin-top:12px}
.woocommerce-checkout-payment{margin-top:20px;background:linear-gradient(180deg,var(--surface),var(--bg-2));border:1px solid var(--border);border-radius:var(--radius);padding:22px}
.wc_payment_methods{list-style:none;margin-bottom:18px}
.wc_payment_method>label{display:inline;font-size:15px;color:var(--text);font-weight:600}
.wc_payment_method>input{margin-right:8px}
.payment_box{margin-top:10px;background:rgba(255,255,255,.03);border-radius:10px;padding:12px 14px;font-size:14px;color:var(--text-dim)}
#place_order{width:100%;padding:15px 24px}
.woocommerce-privacy-policy-text{font-size:13px;color:var(--text-faint);margin-bottom:16px}
.woocommerce-privacy-policy-text a{color:var(--gold-bright)}
.blockUI.blockOverlay{background:rgba(8,9,12,.6)!important}

/* Potvrda narudžbe */
.woocommerce-order{display:grid;gap:28px}
.woocommerce-thankyou-order-received{font-family:'Fraunces',Georgia,serif;font-size:clamp(24px,3vw,32px);line-height:1.2}
.woocommerce-order-overview{list-style:none;display:flex;flex-wrap:wrap;gap:14px}
.woocommerce-order-overview li{flex:1 1 150px;background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:13px 16px;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--text-faint);font-weight:600}
.woocommerce-order-overview li strong{display:block;margin-top:5px;font-size:15px;letter-spacing:0;text-transform:none;color:var(--text);overflow-wrap:anywhere}
.woocommerce-order h2{font-size:26px;margin-bottom:16px}
.wc-bacs-bank-details{list-style:none;display:flex;flex-wrap:wrap;gap:24px;margin-top:10px}
.wc-bacs-bank-details li{font-size:13px;color:var(--text-faint)}
.wc-bacs-bank-details strong{display:block;font-size:15px;color:var(--text);font-weight:600}
.wc-bacs-bank-account-name{font-size:18px;margin-top:12px}
.woocommerce-customer-details address{font-style:normal;color:var(--text-dim);background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:16px 18px}

/* Moj račun */
.logged-in.woocommerce-account .woocommerce{display:grid;grid-template-columns:230px 1fr;gap:40px;align-items:start}
.logged-in.woocommerce-account .woocommerce>.woocommerce-notices-wrapper{grid-column:1/-1}
body:not(.logged-in).woocommerce-account .woocommerce{max-width:520px}
#customer_login h2,.woocommerce-account .woocommerce>h2{font-size:26px;margin-bottom:18px}
@media(max-width:800px){.logged-in.woocommerce-account .woocommerce{grid-template-columns:1fr}}
.woocommerce-MyAccount-navigation ul{list-style:none;display:grid;gap:4px}
.woocommerce-MyAccount-navigation a{display:block;padding:10px 14px;border-radius:10px;color:var(--text-dim);font-size:14.5px;font-weight:500}
.woocommerce-MyAccount-navigation a:hover{color:var(--text);background:rgba(255,255,255,.04)}
.woocommerce-MyAccount-navigation .is-active a{color:#0a0a0a;background:linear-gradient(120deg,var(--gold-bright),var(--gold))}
.woocommerce-MyAccount-content{min-width:0;color:var(--text-dim)}
.woocommerce-MyAccount-content a:not(.button){color:var(--gold-bright)}
.woocommerce-form-login,.woocommerce-form-register,.woocommerce-ResetPassword,.woocommerce-EditAccountForm{background:linear-gradient(180deg,var(--surface),var(--bg-2));border:1px solid var(--border);border-radius:var(--radius);padding:30px}
.woocommerce-form-login__rememberme{margin-bottom:16px}
.lost_password{margin-top:16px;font-size:14px}
.lost_password a{color:var(--gold-bright)}
.show-password-input{display:none}