/*
Theme Name:   Hello Elementor Child
Theme URI:    https://oudolab.com
Description:  Child theme của Hello Elementor — Oudolab
Author:       Oudolab
Author URI:   https://oudolab.com
Template:     hello-elementor
Version:      1.0.0
Text Domain:  hello-elementor-child
*/

/* ================================================================
   OUDOLAB — Global CSS
   Paste thêm các CSS tùy chỉnh bên dưới dòng này
   ================================================================ */

/* Import Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:wght@400;500;600;700;800&family=Inter:wght@400;500;600&family=Space+Mono:wght@700&display=swap');

/* ---- CSS Custom Properties (Brand Tokens) ---- */
:root {
    --oud-violet:  #4A1E9E;
    --oud-orange:  #F18A1B;
    --oud-magenta: #B23A7D;
    --oud-ink:     #19152E;
    --oud-slate:   #56525F;
    --oud-mute:    #A9A6AE;
    --oud-paper:   #FFFFFF;
    --oud-bg:      #FCFCFB;
    --oud-mist:    #F1EFEA;
    --oud-vbg:     #F6F4FB;
    --oud-border:  #E8E6E1;
    --oud-grad:    linear-gradient(125deg, #4A1E9E 0%, #B23A7D 60%, #F18A1B 100%);
}

/* ---- Base Typography ---- */
body {
    font-family: 'Inter', sans-serif;
    color: var(--oud-ink);
    background-color: var(--oud-bg);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Be Vietnam Pro', sans-serif;
    font-weight: 700;
    color: var(--oud-ink);
}

/* ---- Remove Hello Elementor default margin ---- */
.elementor-section.elementor-section-boxed > .elementor-container {
    max-width: 1200px;
}

/* ---- WooCommerce — Product link color fix ---- */
.woocommerce-loop-product__title a,
.woocommerce a.woocommerce-loop-product__link,
.woocommerce ul.products li.product .woocommerce-loop-product__title {
    color: var(--oud-ink) !important;
    text-decoration: none;
}
.woocommerce ul.products li.product a:hover .woocommerce-loop-product__title {
    color: var(--oud-violet) !important;
}

/* ---- WooCommerce Cart — totals alignment ---- */
.woocommerce .cart-collaterals .cart_totals {
    float: right;
    width: 420px;
}

/* ---- WooCommerce Checkout — 2 column layout ---- */
@media (min-width: 768px) {
    .woocommerce .woocommerce-checkout #customer_details {
        width: 48%;
        float: left;
    }
    .woocommerce .woocommerce-checkout #order_review_heading,
    .woocommerce .woocommerce-checkout #order_review {
        width: 48%;
        float: right;
    }
}

/* ---- Hide "Billing Details" heading ---- */
.woocommerce .woocommerce-billing-fields > h3,
h3#order_review_heading {
    display: none;
}

/* ---- Place order button — gradient ---- */
.woocommerce #payment #place_order,
.woocommerce-page #payment #place_order {
    background: var(--oud-grad) !important;
    border: none !important;
    color: #fff !important;
    font-family: 'Be Vietnam Pro', sans-serif !important;
    font-weight: 700 !important;
    border-radius: 10px !important;
    padding: 14px 28px !important;
    font-size: 15px !important;
    transition: filter 0.2s, transform 0.2s !important;
}
.woocommerce #payment #place_order:hover,
.woocommerce-page #payment #place_order:hover {
    filter: brightness(1.08);
    transform: translateY(-2px);
    color: #fff !important;
}

/* ---- Remove WC cart item × button default style ---- */
.woocommerce table.cart .product-remove a {
    color: var(--oud-slate) !important;
    font-size: 16px !important;
    font-weight: 400 !important;
}
.woocommerce table.cart .product-remove a:hover {
    color: #c00 !important;
}

/* ---- Scrollbar tùy chỉnh (Webkit) ---- */
::-webkit-scrollbar { width: 6px; height: 6px; }
::-webkit-scrollbar-track { background: var(--oud-mist); }
::-webkit-scrollbar-thumb { background: #C4B0F0; border-radius: 3px; }
::-webkit-scrollbar-thumb:hover { background: var(--oud-violet); }

/* ================================================================
   THÊM CSS TÙY CHỈNH BÊN DƯỚI ĐÂY
   ================================================================ */