/* ==============================================
   KODOMART WOOCOMMERCE CSS OVERRIDES
   ============================================== */

/* WC general */
.woocommerce-notices-wrapper .woocommerce-message,.woocommerce-notices-wrapper .woocommerce-error,.woocommerce-notices-wrapper .woocommerce-info{background:var(--color-dark-2);border:1px solid var(--color-border);border-left:4px solid var(--color-yellow);color:var(--color-white);padding:var(--space-4) var(--space-5);border-radius:var(--radius-sm);margin-bottom:var(--space-4);list-style:none;font-size:var(--text-sm)}
.woocommerce-notices-wrapper .woocommerce-error{border-left-color:red}

.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce-page #respond input#submit, .woocommerce-page a.button, .woocommerce-page button.button, .woocommerce-page input.button {
    background: var(--color-yellow) !important;
    color: var(--color-black) !important;
    font-weight: 700 !important;
    border-radius: var(--radius-sm) !important;
    padding: 0.8rem 1.5rem !important;
    transition: all 0.2s ease !important;
    border: none !important;
}
.woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover {
    background: var(--color-yellow-dark) !important;
    transform: translateY(-1px);
}

.woocommerce div.product p.price, .woocommerce div.product span.price {
    color: var(--color-white) !important;
}

/* Checkout form */
.woocommerce-checkout .woocommerce-billing-fields h3, .woocommerce-checkout .woocommerce-shipping-fields h3, .woocommerce-checkout #order_review_heading { font-family: var(--font-heading); font-size: var(--text-2xl); color: var(--color-white); margin-bottom: var(--space-5); }
.woocommerce form .form-row label { display: block; font-size: var(--text-sm); color: var(--color-gray-light); margin-bottom: var(--space-2); }
.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea, .woocommerce form .form-row select { width: 100%; background: var(--color-dark-2); border: 1.5px solid var(--color-border); color: var(--color-white); padding: var(--space-3) var(--space-4); border-radius: var(--radius-sm); font-size: var(--text-sm); font-family: inherit; transition: border-color var(--transition-fast); }
.woocommerce form .form-row input.input-text:focus, .woocommerce form .form-row select:focus, .woocommerce form .form-row textarea:focus { border-color: var(--color-yellow); outline: none; }
#place_order, .woocommerce-page .single_add_to_cart_button, .woocommerce-page .button.alt { width: 100% !important; background: var(--color-yellow) !important; color: var(--color-black) !important; border: none !important; padding: var(--space-4) !important; border-radius: var(--radius-sm) !important; font-size: var(--text-base) !important; font-weight: 700 !important; cursor: pointer !important; font-family: inherit !important; }
#place_order:hover, .woocommerce-page .single_add_to_cart_button:hover, .woocommerce-page .button.alt:hover { background: var(--color-yellow-dark) !important; }
/* Account page */
.woocommerce-MyAccount-navigation ul{list-style:none;background:var(--color-dark-2);border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden}
.woocommerce-MyAccount-navigation li a{display:block;padding:var(--space-4) var(--space-5);font-size:var(--text-sm);color:var(--color-gray-light);border-bottom:1px solid var(--color-border);transition:all var(--transition-fast)}
.woocommerce-MyAccount-navigation li.is-active a,.woocommerce-MyAccount-navigation li a:hover{color:var(--color-yellow);background:var(--color-dark-3);padding-left:var(--space-6)}
/* Star ratings */
.star-rating{font-size:14px;color:var(--color-yellow);letter-spacing:2px}
/* Product images on checkout */
.woocommerce-checkout-review-order .product-thumbnail img{width:60px !important;height:60px !important;object-fit:cover;border-radius:var(--radius-sm);border:1px solid var(--color-border)}