/* ============================================
   GIFTSEG WooCommerce Styling
   ============================================ */

/* Shop & Product Grid */
.woocommerce ul.products {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)) !important;
    gap: 28px !important;
    margin: 0 !important;
}
.woocommerce ul.products li.product {
    background: var(--gs-dark2) !important;
    border: 1px solid rgba(212,175,55,0.1) !important;
    border-radius: 16px !important;
    overflow: hidden !important;
    transition: var(--gs-transition) !important;
    padding: 0 !important;
    margin: 0 !important;
}
.woocommerce ul.products li.product:hover {
    transform: translateY(-8px) !important;
    border-color: rgba(212,175,55,0.3) !important;
    box-shadow: 0 20px 60px rgba(0,0,0,0.4) !important;
}
.woocommerce ul.products li.product a img {
    border-radius: 12px 12px 0 0 !important;
    transition: transform 0.5s ease !important;
}
.woocommerce ul.products li.product:hover a img {
    transform: scale(1.05) !important;
}
.woocommerce ul.products li.product .woocommerce-loop-product__title {
    color: var(--gs-white) !important;
    font-size: 17px !important;
    font-weight: 700 !important;
    padding: 16px 16px 4px !important;
    font-family: var(--gs-font-ar) !important;
}
.woocommerce ul.products li.product .price {
    color: var(--gs-gold) !important;
    font-size: 18px !important;
    font-weight: 800 !important;
    padding: 0 16px 16px !important;
}
.woocommerce ul.products li.product .button {
    background: linear-gradient(135deg, var(--gs-gold) 0%, var(--gs-gold-dark) 100%) !important;
    color: var(--gs-black) !important;
    border: none !important;
    border-radius: 8px !important;
    font-weight: 700 !important;
    margin: 0 16px 16px !important;
    padding: 12px !important;
    width: calc(100% - 32px) !important;
    transition: var(--gs-transition) !important;
}
.woocommerce ul.products li.product .button:hover {
    box-shadow: 0 8px 25px rgba(212,175,55,0.4) !important;
    transform: scale(1.02) !important;
}

/* Single Product */
.woocommerce div.product .product_title {
    color: var(--gs-white) !important;
    font-size: 2.2rem !important;
    font-weight: 900 !important;
}
.woocommerce div.product p.price,
.woocommerce div.product span.price {
    color: var(--gs-gold) !important;
    font-size: 2rem !important;
    font-weight: 800 !important;
}
.woocommerce div.product .description {
    color: rgba(255,255,255,0.7) !important;
    line-height: 1.8 !important;
}
.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button {
    background: linear-gradient(135deg, var(--gs-gold) 0%, var(--gs-gold-dark) 100%) !important;
    color: var(--gs-black) !important;
    font-weight: 700 !important;
    border-radius: 50px !important;
    padding: 14px 32px !important;
    border: none !important;
    transition: var(--gs-transition) !important;
}

/* Cart & Checkout */
.woocommerce-cart table.cart, .woocommerce-checkout {
    background: var(--gs-dark2) !important;
    border-radius: 16px !important;
    border: 1px solid rgba(212,175,55,0.1) !important;
    color: var(--gs-white) !important;
}
.woocommerce .cart-collaterals .cart_totals h2,
.woocommerce-page .cart-collaterals .cart_totals h2 {
    color: var(--gs-white) !important;
}
.woocommerce .cart-collaterals .cart_totals table {
    background: var(--gs-dark3) !important;
    border-radius: 12px !important;
}

/* Breadcrumb */
.woocommerce .woocommerce-breadcrumb {
    color: rgba(255,255,255,0.5) !important;
}
.woocommerce .woocommerce-breadcrumb a {
    color: var(--gs-gold) !important;
}

/* Forms */
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea {
    background: var(--gs-dark3) !important;
    border: 1px solid rgba(212,175,55,0.2) !important;
    color: var(--gs-white) !important;
    border-radius: 10px !important;
    padding: 14px 18px !important;
}
.woocommerce form .form-row input.input-text:focus,
.woocommerce form .form-row textarea:focus {
    border-color: var(--gs-gold) !important;
    box-shadow: 0 0 0 3px rgba(212,175,55,0.15) !important;
    outline: none !important;
}