/**
* Theme Name: Ruza Child
* Description: This is a child theme for Ruza
* Author: Thembay
* Author URI: https://thembay.com/
* Version: 1.0.15
* Template: ruza
*/
/*  [ Add your custom css below ]
- - - - - - - - - - - - - - - - - - - - */


/* ==============================
   Slider – hauteur réduite (peek effect)
   ============================== */
.rev_slider_wrapper,
.rev_slider,
.tp-revslider-mainul,
.tp-revslider-mainul > li {
    height: 80vh !important;
    min-height: 80vh !important;
    max-height: 80vh !important;
}

.tp-bgimg {
    background-size: cover !important;
    background-position: center top !important;
}


/* ==============================
   Variations WooCommerce – Contenance
   Style des boutons de sélection grammage
   ============================== */
.woocommerce div.product form.cart .variations select,
.woocommerce div.product form.cart .variations td select {
    border: 1.5px solid #c9a84c;
    border-radius: 8px;
    padding: 8px 12px;
    font-size: 14px;
    color: #1a1a2e;
    background: #fdf8ee;
    cursor: pointer;
    min-width: 160px;
}

.woocommerce div.product form.cart .variations select:focus {
    outline: none;
    border-color: #b8963e;
    box-shadow: 0 0 0 2px rgba(201, 168, 76, 0.2);
}

/* Label "Contenance" */
.woocommerce div.product form.cart .variations td.label label {
    font-weight: 600;
    color: #1a1a2e;
    font-size: 14px;
}


/* ==============================
   Sélecteur de devise (WOOCS)
   Harmonisation avec charte LunaBella
   ============================== */
.woocs_price_code_select,
.woocs-widget select,
.wcml-cs-wrapper select {
    border: 1.5px solid #c9a84c !important;
    border-radius: 20px !important;
    padding: 6px 14px !important;
    background: #fdf8ee !important;
    color: #1a1a2e !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    cursor: pointer !important;
}

/* Drapeaux à côté du sélecteur */
.woocs_flag_view_list_item img {
    border-radius: 3px;
    margin-right: 6px;
}


/* ==============================
   Bouton "Ajouter au panier" – style LunaBella
   ============================== */
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit {
    background-color: #c9a84c;
    color: #ffffff;
    border-radius: 25px;
    font-weight: 600;
    letter-spacing: 0.3px;
    transition: background 0.2s ease;
}

.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce #respond input#submit:hover {
    background-color: #b8963e;
    color: #ffffff;
}

/* Bouton sur la fiche produit */
.woocommerce div.product form.cart .single_add_to_cart_button {
    background-color: #1a1a2e;
    color: #ffffff;
    border-radius: 25px;
    padding: 14px 32px;
    font-size: 15px;
    font-weight: 600;
    border: none;
    transition: background 0.2s ease;
}

.woocommerce div.product form.cart .single_add_to_cart_button:hover {
    background-color: #c9a84c;
    color: #ffffff;
}


/* ==============================
   Logo Checkout – remplace logo Ruza
   Sélecteur précis : .checkout-logo .logo-checkout-img
   ============================== */

/* Remplace l'image logo.svg du thème par le logo LunaBella */
.checkout-logo .logo-checkout-img,
.header-checkout .logo-checkout-img,
.header-checkout .checkout-logo img {
    content: url("https://lunabellanubian.com/wp-content/uploads/2024/01/logo-lunabella.png") !important;
    max-width: 160px !important;
    height: auto !important;
}

/* Masque le texte "Ruza" à côté du logo */
.header-checkout .logo-theme .logo-name,
.checkout-logo .logo-name,
.header-checkout h1.logo-text,
.header-checkout span.logo-text {
    display: none !important;
}


/* ==============================
   Page Checkout – style LunaBella
   ============================== */
.woocommerce-checkout .woocommerce-billing-fields h3,
.woocommerce-checkout h3 {
    color: #1a1a2e;
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 16px;
}

.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea {
    border: 1.5px solid #e8e0d0;
    border-radius: 8px;
    padding: 10px 14px;
    transition: border-color 0.2s;
}

.woocommerce form .form-row input.input-text:focus,
.woocommerce form .form-row textarea:focus {
    border-color: #c9a84c;
    outline: none;
    box-shadow: 0 0 0 2px rgba(201, 168, 76, 0.15);
}

/* Bouton "Passer la commande" */
#place_order {
    background-color: #1a1a2e !important;
    color: #ffffff !important;
    border-radius: 25px !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    padding: 16px 32px !important;
    width: 100% !important;
    border: none !important;
    transition: background 0.2s ease !important;
}

#place_order:hover {
    background-color: #c9a84c !important;
}