/* ===================================================== Korpa, plaćanje, nalog */
.fx-steps{display:flex;flex-wrap:wrap;justify-content:center;gap:10px 15px;list-style:none;margin:0;padding:0;font:500 22px/1.6 var(--fx-font-title);text-transform:uppercase;color:#fff}
.fx-steps li{display:flex;align-items:center;gap:15px}
.fx-steps li+li::before{content:"→";opacity:.7}
.fx-steps a{color:#fff}
.fx-steps .is-active a,.fx-steps .is-active span{text-decoration:underline}
.fx-steps .is-inactive>*{opacity:.7}
@media (max-width:768px){.fx-steps{font-size:16px}}
.fx-wc-page{padding:0 15px 60px}

/* Prazna korpa */
.cart-empty{margin:40px 0 20px;text-align:center;font:500 40px/1.2 var(--fx-font-title);text-transform:uppercase;color:#fff;background:none;padding-top:120px;position:relative}
.cart-empty::before{content:"";position:absolute;top:0;left:50%;width:100px;height:100px;margin-left:-50px;background:currentColor;opacity:.12;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.2'%3E%3Cpath d='M2 3h2.6l2.3 12.2h11.4L21 6.5H6'/%3E%3Ccircle cx='9' cy='19.5' r='1.4'/%3E%3Ccircle cx='17' cy='19.5' r='1.4'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.2'%3E%3Cpath d='M2 3h2.6l2.3 12.2h11.4L21 6.5H6'/%3E%3Ccircle cx='9' cy='19.5' r='1.4'/%3E%3Ccircle cx='17' cy='19.5' r='1.4'/%3E%3C/svg%3E") center/contain no-repeat}
.fx-empty-text{max-width:535px;margin:0 auto 20px;text-align:center}
.return-to-shop{text-align:center;margin:0}
@media (max-width:768px){.cart-empty{font-size:28px}}

/* Tabele (korpa, porudžbine) */
.shop_table{width:100%;border-collapse:collapse;margin:0 0 30px}
.shop_table th,.shop_table td{padding:15px 10px;border-bottom:1px solid var(--fx-border);text-align:left;vertical-align:middle}
.shop_table thead th{font:600 13px/1.2 var(--fx-font);text-transform:uppercase;color:#fff}
.shop_table .product-thumbnail img{width:80px;height:auto}
.shop_table .product-name a{color:#fff;font-family:var(--fx-font-title)}
.shop_table .product-remove a{font-size:22px;color:rgba(255,255,255,.6)}
.shop_table .product-price,.shop_table .product-subtotal{color:var(--fx-primary);font-weight:600}
.shop_table td.actions{padding-top:20px}
.coupon{display:inline-flex;gap:10px;flex-wrap:wrap}
.coupon input{width:200px}
.coupon label{position:absolute;left:-9999px}
td.actions>.button{float:right}
@media (max-width:768px){
	.shop_table thead{display:none}
	.shop_table tr{display:block;padding:10px 0;border-bottom:1px solid var(--fx-border)}
	.shop_table td{display:flex;justify-content:space-between;gap:10px;border:0;padding:6px 0}
	.shop_table td::before{content:attr(data-title);font-weight:600;color:#fff}
	.shop_table td.product-thumbnail::before,.shop_table td.product-remove::before,.shop_table td.actions::before{display:none}
	td.actions{flex-direction:column}
	td.actions>.button{float:none;width:100%}
}
.cart-collaterals{display:flex;justify-content:flex-end}
.cart_totals{width:100%;max-width:480px;padding:30px;background:#0f0f0f}
.cart_totals h2{font-size:22px}
.cart_totals .shop_table th{width:40%}
.wc-proceed-to-checkout .checkout-button{width:100%;min-height:50px;background:var(--fx-primary);color:#fff}
.fx-shipbar-row td{padding:0!important;border:0!important}
#shipping_method{list-style:none;margin:0;padding:0}
#shipping_method li{margin:0 0 5px}

/* Plaćanje */
form.checkout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,480px);grid-template-rows:auto 1fr;column-gap:40px;align-items:start}
form.checkout>*{grid-column:1}
form.checkout>.col2-set{grid-row:1/span 2}
form.checkout>.woocommerce-NoticeGroup{grid-column:1/-1;grid-row:auto}
form.checkout>#order_review_heading{grid-column:2;grid-row:1;margin:0 0 20px}
form.checkout>#order_review{grid-column:2;grid-row:2;padding:30px;background:#0f0f0f;position:sticky;top:calc(var(--fx-admin) + 85px)}
form.checkout .col2-set .col-1,form.checkout .col2-set .col-2{width:100%}
.woocommerce-billing-fields__field-wrapper,.woocommerce-shipping-fields__field-wrapper{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}
.form-row{margin:0 0 20px}
.form-row-wide,#billing_address_1_field,#billing_address_2_field,#billing_email_field,#billing_country_field,#order_comments_field{grid-column:1/-1}
.woocommerce-checkout h3{font-size:22px;margin:0 0 20px}
.woocommerce-checkout-payment{margin-top:20px}
.wc_payment_methods{list-style:none;margin:0 0 20px;padding:0}
.wc_payment_method{padding:12px 0;border-bottom:1px solid var(--fx-border)}
.wc_payment_method label{display:inline;font-weight:600}
.payment_box{margin-top:10px;padding:12px 15px;background:rgba(255,255,255,.05);font-size:14px}
.payment_box p:last-child{margin:0}
#place_order{width:100%;min-height:50px;background:var(--fx-primary);color:#fff}
.woocommerce-terms-and-conditions-wrapper{font-size:14px;margin-bottom:20px}
.woocommerce-form-coupon-toggle .woocommerce-info,.woocommerce-form-login-toggle .woocommerce-info{background:#0f0f0f;color:var(--fx-text)}
.woocommerce-form-coupon-toggle a,.woocommerce-form-login-toggle a{color:var(--fx-primary)}
@media (max-width:1024px){form.checkout{grid-template-columns:1fr;grid-template-rows:none}form.checkout>.col2-set,form.checkout>#order_review_heading,form.checkout>#order_review{grid-column:1;grid-row:auto;position:static}form.checkout>#order_review_heading{margin-top:30px}#order_review{padding:20px}}
@media (max-width:768px){.woocommerce-billing-fields__field-wrapper,.woocommerce-shipping-fields__field-wrapper{grid-template-columns:1fr}}
.woocommerce-order-overview{list-style:none;margin:0 0 30px;padding:0;display:flex;flex-wrap:wrap;gap:20px}
.woocommerce-order-overview li{padding-right:20px;border-right:1px solid var(--fx-border)}
.woocommerce-order-overview strong{display:block;color:#fff}

/* Moj nalog: prijava/registracija */
.fx-login-wrap{max-width:1000px;margin:0 auto;display:flex;flex-wrap:wrap}
.fx-login-col{flex:1 1 50%;padding:0 40px;margin-bottom:80px}
.fx-login-col h2{font-size:24px;line-height:1.4;margin:0 0 20px}
.fx-login-col--text{text-align:center;border-left:1px solid var(--fx-border)}
.fx-login-col .login-form-footer{display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;align-items:center}
.fx-login-col .lost_password{color:var(--fx-primary)}
.fx-login-col .woocommerce-form-login__submit,.fx-login-col .woocommerce-form-register__submit{width:100%}
.fx-login-col .fx-btn--default{background:#f7f7f7}
.password-input{position:relative;display:block}
.show-password-input{position:absolute;top:0;right:0;width:42px;height:42px;border:0;background:none;color:#fff;opacity:.6}
.show-password-input::before{content:"👁";font-size:14px}
.fx-login-col--register{display:none}
.fx-login-wrap.is-register .fx-login-col--register{display:block}
.fx-login-wrap.is-register .fx-login-col__intro{display:none}
.fx-login-wrap.is-register .fx-login-col--text{text-align:left}
@media (max-width:768px){.fx-login-col{flex-basis:100%;padding:0;margin-bottom:40px}.fx-login-col--text{border-left:0;border-top:1px solid var(--fx-border);padding-top:40px}}

/* Moj nalog: prijavljen */
.woocommerce-account .woocommerce{display:grid;grid-template-columns:240px minmax(0,1fr);gap:40px;align-items:start}
.woocommerce-account .woocommerce:has(.fx-login-wrap){display:block}
.woocommerce-MyAccount-navigation ul{list-style:none;margin:0;padding:0;border-right:1px solid var(--fx-border)}
.woocommerce-MyAccount-navigation a{display:block;padding:10px 0;color:rgba(255,255,255,.7);font-weight:600;text-transform:uppercase;font-size:13px}
.woocommerce-MyAccount-navigation .is-active a,.woocommerce-MyAccount-navigation a:hover{color:#fff}
.woocommerce-Addresses{display:grid;grid-template-columns:1fr 1fr;gap:30px}
.woocommerce-Address-title{display:flex;justify-content:space-between;align-items:center}
.woocommerce-Address-title h2{font-size:20px;margin:0}
address{font-style:normal}
@media (max-width:768px){.woocommerce-account .woocommerce{grid-template-columns:1fr}.woocommerce-MyAccount-navigation ul{border:0;display:flex;flex-wrap:wrap;gap:0 20px}.woocommerce-Addresses{grid-template-columns:1fr}}

.woocommerce-additional-fields{margin-top:30px}
#ship-to-different-address{margin:30px 0 20px}
#ship-to-different-address label{display:flex;align-items:center;gap:10px;margin:0;cursor:pointer}
.woocommerce-checkout .form-row label{font-size:14px}
.woocommerce-checkout .form-row .optional{opacity:.6}
.woocommerce-checkout .form-row input[type=checkbox]{width:16px;height:16px}
#order_review .shop_table{margin:0 0 20px}
#order_review .shop_table th,#order_review .shop_table td{padding:12px 8px}
#order_review .product-quantity{color:#fff;font-weight:600}
.woocommerce-privacy-policy-text{font-size:13px;line-height:1.6}
.woocommerce-terms-and-conditions-checkbox-text{font-size:14px}
.woocommerce-invalid input,.woocommerce-invalid select{border-color:#e01020}

/* selectWoo / select2 (Okrug, Država) u tamnoj temi */
.select2-container{width:100%!important}
.select2-container .select2-selection--single{height:42px;border:1px solid rgba(255,255,255,.2);border-radius:0;background:transparent}
.select2-container .select2-selection--single .select2-selection__rendered{line-height:40px;padding:0 34px 0 15px;color:#fff;font-size:14px}
.select2-container .select2-selection--single .select2-selection__placeholder{color:rgba(255,255,255,.6)}
.select2-container .select2-selection--single .select2-selection__arrow{height:40px;right:8px}
.select2-container .select2-selection--single .select2-selection__arrow b{border-color:#fff transparent transparent}
.select2-dropdown{background:#0f0f0f;border:1px solid rgba(255,255,255,.2);border-radius:0;color:#fff}
.select2-search--dropdown .select2-search__field{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.2)}
.select2-results__option{padding:8px 12px;font-size:14px}
.select2-container--default .select2-results__option--highlighted[aria-selected],.select2-container--default .select2-results__option--highlighted[data-selected]{background:var(--fx-primary);color:#fff}
.select2-container--default .select2-results__option[aria-selected=true],.select2-container--default .select2-results__option[data-selected=true]{background:rgba(255,255,255,.08)}

/* Korpa: kolona količine */
.shop_table td.product-quantity{width:1%;white-space:nowrap}
