/* ==========================================================================
   CĂRȚI CU SENS — CART
   Page ID: 7670
   File: ccs-cos.css

   Dedicated Romanian bookstore cart styling.
   Does not modify the original Bytaria cart.
   ========================================================================== */


/* ==========================================================================
   01. COLOUR VARIABLES
   ========================================================================== */

body.page-id-7670 {
    --ccs-ink: #303630;
    --ccs-green: #244A3C;
    --ccs-green-hover: #386B56;
    --ccs-gold: #B69A61;
    --ccs-cream: #FAF7F0;
    --ccs-sage: #DCE6DA;
    --ccs-sage-hover: #C9D7CB;
    --ccs-line: #D9DDD4;
    --ccs-white: #FFFFFF;
}


/* ==========================================================================
   02. MAIN CART LAYOUT
   ========================================================================== */

body.page-id-7670 .woocommerce {
    max-width: 1200px;
    margin: 0 auto;
    padding: 24px 16px;
    color: var(--ccs-ink);
}

body.page-id-7670 .woocommerce a {
    color: var(--ccs-green);
    text-decoration: none;
}

body.page-id-7670 .woocommerce a:hover {
    color: var(--ccs-green-hover);
}

body.page-id-7670 .woocommerce h2,
body.page-id-7670 .woocommerce .cart_totals h2 {
    color: var(--ccs-green) !important;
    font-weight: 650;
}


/* ==========================================================================
   03. TWO-COLUMN CART STRUCTURE
   ========================================================================== */

body.page-id-7670 .bt-cart-layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(300px, 380px);
    align-items: start;
    gap: 24px;
}



/* ==========================================================================
   04. CART PANELS
   ========================================================================== */

/* CCS cart panels — override Bytaria glass styling */

body.page-id-7670.woocommerce-cart .bt-cart-left.bt-glass-product,
body.page-id-7670.woocommerce-cart .bt-cart-right.bt-glass-product {
    min-width: 0;
    padding: 24px;

    background: #C4D2C1 !important;
    background-image: none !important;
    color: var(--ccs-ink) !important;

    border: 1px solid var(--ccs-line) !important;
    border-radius: 16px;

    box-shadow: 0 8px 26px rgba(36, 74, 60, 0.07) !important;

    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

/* Remove original Bytaria glass overlay */

body.page-id-7670 .bt-glass-product::after {
    display: none !important;
}


/* ==========================================================================
   05. CART TABLE
   ========================================================================== */

body.page-id-7670 .woocommerce-cart-form table.shop_table,
body.page-id-7670 .cart_totals table.shop_table {
    width: 100%;

    background: transparent !important;
    border-color: var(--ccs-line) !important;
}

body.page-id-7670 .woocommerce-cart-form table.shop_table th,
body.page-id-7670 .woocommerce-cart-form table.shop_table td,
body.page-id-7670 .cart_totals table.shop_table th,
body.page-id-7670 .cart_totals table.shop_table td {
    color: var(--ccs-ink) !important;
    border-color: var(--ccs-line) !important;
    vertical-align: middle;
}

body.page-id-7670 .woocommerce-cart-form tr.cart_item {
    background: var(--ccs-white) !important;
}


/* ==========================================================================
   06. PRODUCT INFORMATION
   ========================================================================== */

body.page-id-7670 .woocommerce-cart-form .product-name a {
    color: var(--ccs-green) !important;
    font-weight: 650;

    overflow-wrap: anywhere;
}

body.page-id-7670 .woocommerce-cart-form .product-price,
body.page-id-7670 .woocommerce-cart-form .product-subtotal,
body.page-id-7670 .cart_totals .amount,
body.page-id-7670 .cart_totals .woocommerce-Price-amount {
    color: var(--ccs-ink) !important;
    font-weight: 700;
}

/* VAT and additional price information */

body.page-id-7670 .woocommerce .includes_tax,
body.page-id-7670 .woocommerce .includes_tax *,
body.page-id-7670 .woocommerce .tax_label {
    color: var(--ccs-ink) !important;
}


/* ==========================================================================
   07. PRODUCT IMAGES
   ========================================================================== */

body.page-id-7670 .woocommerce-cart-form td.product-thumbnail img {
    width: 90px !important;
    height: 90px !important;

    object-fit: cover;
    border-radius: 9px;

    box-shadow: none !important;
}


/* ==========================================================================
   08. REMOVE PRODUCT BUTTON
   ========================================================================== */

body.page-id-7670 .woocommerce a.remove {
    color: #9A3D36 !important;
}

body.page-id-7670 .woocommerce a.remove:hover {
    color: var(--ccs-white) !important;
    background: #9A3D36 !important;
}


/* ==========================================================================
   09. INPUT FIELDS
   ========================================================================== */

body.page-id-7670 .woocommerce input.input-text,
body.page-id-7670 .woocommerce input.qty,
body.page-id-7670 .woocommerce select,
body.page-id-7670 .woocommerce textarea {
    background: var(--ccs-white) !important;
    color: var(--ccs-ink) !important;

    border: 1px solid #BAC8BC !important;
    border-radius: 8px;

    padding: 10px 12px;

    max-width: 100%;
    box-sizing: border-box;
}

/* Coupon placeholder */

body.page-id-7670 .woocommerce input#coupon_code::placeholder {
    color: #657568 !important;
    opacity: 1;
}


/* ==========================================================================
   10. SECONDARY BUTTONS
   Apply coupon, Update cart, Continue shopping
   ========================================================================== */

body.page-id-7670 .woocommerce .button:not(.checkout-button) {
    background: var(--ccs-sage) !important;
    background-color: var(--ccs-sage) !important;

    color: var(--ccs-green) !important;

    border: 1px solid #BDCCBF !important;
    border-radius: 9px !important;

    padding: 11px 16px !important;

    box-shadow: none !important;
    text-shadow: none !important;

    font-weight: 650;
    opacity: 1;
    visibility: visible;

    transition:
        background-color 0.2s ease,
        border-color 0.2s ease,
        color 0.2s ease;
}

/* Normal state — explicitly cover custom cart controls */

body.page-id-7670 .woocommerce-cart-form button[name="apply_coupon"],
body.page-id-7670 .woocommerce .cart_totals a.continue-shopping {
    background: var(--ccs-sage) !important;
    background-color: var(--ccs-sage) !important;

    color: var(--ccs-green) !important;

    border: 1px solid #BDCCBF !important;
}

/* Secondary button hover */

body.page-id-7670 .woocommerce .button:not(.checkout-button):hover,
body.page-id-7670 .woocommerce-cart-form button[name="apply_coupon"]:hover,
body.page-id-7670 .woocommerce .cart_totals a.continue-shopping:hover {
    background: #244A3C !important;
    background-color: #244A3C !important;
    color: #FFFFFF !important;
    border-color: #244A3C !important;
}


/* ==========================================================================
   11. PRIMARY CHECKOUT BUTTON
   ========================================================================== */

body.page-id-7670 .woocommerce .wc-proceed-to-checkout a.checkout-button {
    display: block;

    width: 100% !important;
    box-sizing: border-box;

   background: #B69A61 !important;
    color: #244A3C !important;
    border: 1px solid #B69A61 !important;

    border-radius: 10px !important;

    padding: 16px 18px !important;

    font-weight: 700;
    text-align: center;

    box-shadow: 0 5px 16px rgba(36, 74, 60, 0.16) !important;

    transition:
        background-color 0.2s ease,
        box-shadow 0.2s ease;
}

body.page-id-7670 .woocommerce .wc-proceed-to-checkout a.checkout-button:hover {
    background: #C9AD77 !important;
    color: #244A3C !important;
    border-color: #C9AD77 !important;

    box-shadow: 0 7px 18px rgba(36, 74, 60, 0.20) !important;
}


/* ==========================================================================
   12. CART TOTALS
   ========================================================================== */

body.page-id-7670 .cart-collaterals,
body.page-id-7670 .cart-collaterals .cart_totals {
    float: none !important;

    width: 100% !important;
    max-width: none !important;
}

body.page-id-7670 .cart_totals table {
    width: 100% !important;
}


/* ==========================================================================
   13. CONTINUE SHOPPING
   ========================================================================== */

body.page-id-7670 .cart_totals a.continue-shopping {
    display: flex !important;

    align-items: center;
    justify-content: center;

    width: 100% !important;
    box-sizing: border-box;

    margin-bottom: 12px !important;

    text-align: center;
}


/* ==========================================================================
   14. SHIPPING CALCULATOR
   ========================================================================== */

body.page-id-7670 .woocommerce .shipping-calculator-button {
    color: var(--ccs-green) !important;

    background: transparent !important;

    border-bottom: 1px dashed var(--ccs-gold) !important;

    text-decoration: none !important;
}

body.page-id-7670 .woocommerce .shipping-calculator-button:hover {
    color: var(--ccs-green-hover) !important;
}


/* ==========================================================================
   15. COUPON AND UPDATE CART LAYOUT
   ========================================================================== */

body.page-id-7670 .bt-cart-actions {
    display: flex;

    justify-content: space-between;
    align-items: center;

    gap: 12px;
    flex-wrap: wrap;

    margin-top: 16px;
}

body.page-id-7670 .bt-cart-actions .coupon {
    display: flex;

    align-items: center;

    gap: 10px;
    flex-wrap: wrap;
}

body.page-id-7670 .bt-cart-actions__right {
    margin-left: auto;
}


/* ==========================================================================
   16. NOTICES AND EMPTY CART
   ========================================================================== */

body.page-id-7670 .woocommerce .woocommerce-message,
body.page-id-7670 .woocommerce .woocommerce-info,
body.page-id-7670 .woocommerce .woocommerce-error,
body.page-id-7670 .woocommerce .cart-empty {
    background: var(--ccs-white) !important;
    color: var(--ccs-ink) !important;

    border: 1px solid var(--ccs-line) !important;
    border-radius: 12px;

    padding: 18px 20px;

    box-shadow: none !important;
}

body.page-id-7670 .woocommerce .cart-empty {
    max-width: 600px;

    margin: 32px auto;

    text-align: center;
}

/* EMPTY CART — Return to shop button */

body.page-id-7670 .woocommerce .return-to-shop a.button.wc-backward {
    display: inline-block !important;
    background: #B69A61 !important;
    color: #244A3C !important;
    border: 1px solid #B69A61 !important;
    border-radius: 10px !important;
    padding: 12px 26px !important;
    font-weight: 700 !important;
    opacity: 1 !important;
}

body.page-id-7670 .woocommerce .return-to-shop a.button.wc-backward:hover {
    background: #C9AD77 !important;
    color: #244A3C !important;
    border-color: #C9AD77 !important;
}


/* ==========================================================================
   17. ACCESSIBILITY
   ========================================================================== */

body.page-id-7670 .woocommerce input:focus-visible,
body.page-id-7670 .woocommerce button:focus-visible,
body.page-id-7670 .woocommerce a:focus-visible {
    outline: 2px solid var(--ccs-gold);
    outline-offset: 2px;
}


/* ==========================================================================
   18. TABLET RESPONSIVE LAYOUT
   ========================================================================== */

@media screen and (max-width: 900px) {

    body.page-id-7670 .bt-cart-layout {
        grid-template-columns: minmax(0, 1fr);
        gap: 16px;
    }

}


/* ==========================================================================
   19. MOBILE RESPONSIVE LAYOUT
   ========================================================================== */

@media screen and (max-width: 600px) {

    body.page-id-7670 .woocommerce {
        padding: 16px 8px;
    }

    body.page-id-7670 .bt-cart-left,
    body.page-id-7670 .bt-cart-right {
        padding: 16px;
    }

    body.page-id-7670 .woocommerce-cart-form td.product-thumbnail img {
        width: 64px !important;
        height: 64px !important;
    }

}


/* ==========================================================================
   20. MOBILE PORTRAIT — CART ACTIONS
   ========================================================================== */

@media screen and (max-width: 480px) {

    body.page-id-7670 .bt-cart-actions,
    body.page-id-7670 .bt-cart-actions .coupon {
        flex-direction: column;
        align-items: stretch;
    }

    body.page-id-7670 .bt-cart-actions .coupon input,
    body.page-id-7670 .bt-cart-actions .coupon button,
    body.page-id-7670 .bt-cart-actions__right,
    body.page-id-7670 .bt-cart-actions__right button {
        width: 100% !important;
        margin-left: 0;
    }

}