/*
Theme Name: Hello Elementor Child
Description: Tema hijo de Hello Elementor - Simple y funcional
Author: Tu Nombre
Template: hello-elementor
Version: 1.0.0
Text Domain: hello-elementor-child
*/

/* 
 * Importar estilos del tema padre
 */
@import url("../hello-elementor/style.css");
@import url("css/base.css");
@import url("woocommerce/cart/cart.css");
@import url("woocommerce/cart/cart-spinner.css");
@import url("woocommerce/cart/checkout.css");

/*
 * Estilos personalizados del tema hijo
 * Aquí puedes agregar tus estilos personalizados
 */

/* ===== YOAST SEO BREADCRUMBS STYLES ===== */
.custom-breadcrumb-container,
.woocommerce-breadcrumb-container {
    margin: 20px 0;
    padding: 0;
}

.custom-yoast-breadcrumbs,
#breadcrumbs.custom-yoast-breadcrumbs {
    background: transparent;
    padding: 0;
    margin: 0;
    font-size: 14px;
    color: #666666;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}

.custom-yoast-breadcrumbs a,
.custom-yoast-breadcrumbs .breadcrumb-link {
    color: #666666;
    text-decoration: none;
    transition: color 0.3s ease;
    font-weight: 400;
}

.custom-yoast-breadcrumbs a:hover,
.custom-yoast-breadcrumbs .breadcrumb-link:hover {
    color: #000000;
    text-decoration: underline;
}

.custom-yoast-breadcrumbs .breadcrumb-icon {
    color: #999999;
    font-size: 16px;
    margin: 0 4px;
    vertical-align: middle;
}

/* Material Icons specific styles */
.custom-yoast-breadcrumbs .material-icons {
    font-size: 16px;
    vertical-align: middle;
    line-height: 1;
}

.yoast-breadcrumb-wrapper {
    margin: 20px 0;
}

/* Override Yoast default styles */
#breadcrumbs {
    background: none !important;
    padding: 0 !important;
    margin: 0 !important;
    border: none !important;
}

#breadcrumbs a {
    color: #666666 !important;
    text-decoration: none !important;
}

#breadcrumbs a:hover {
    color: #000000 !important;
    text-decoration: underline !important;
}

/* Mobile breadcrumb styles */
@media (max-width: 768px) {
    .custom-breadcrumb-container,
    .woocommerce-breadcrumb-container {
        margin: 15px 0;
    }
    
    .custom-yoast-breadcrumbs,
    #breadcrumbs.custom-yoast-breadcrumbs {
        font-size: 13px;
        gap: 6px;
    }
    
    .custom-yoast-breadcrumbs .breadcrumb-icon {
        font-size: 14px;
        margin: 0 2px;
    }
    
    .custom-yoast-breadcrumbs .material-icons {
        font-size: 14px;
    }
}
/* =============================================================================
   MAIN
   ============================================================================= */
.e-cart__column.e-cart__column-start,.e-cart__column.e-cart__column-end,.col-1,.woocommerce-additional-fields,.e-checkout__order_review,.e-coupon-box, #payment.woocommerce-checkout-payment{
    background-color: black !important;
    padding: 1.5rem !important;
    border-radius: 10px !important;
    border: 0px !important;
}

.elementor-widget-woocommerce-cart .woocommerce table.cart img {
    display: block;
    width: 114px !important;
    height: 114px !important;
    margin: 0px;
    padding: 0px;
    object-fit: cover;
    border-radius: 8px;
}

.woo-variation-swatches table tbody>tr:nth-child(odd)>td, .woo-variation-swatches table tbody>tr:nth-child(odd)>th{
    padding: 0px !important;
}
.elementor-widget-woocommerce-cart .e-cart-section{
    padding: 0px  !important;
    background-color: black !important;
    border: 0px  !important;
}
.elementor-widget-woocommerce-cart .woocommerce 
a:not(.add_to_cart_button):not(.restore-item):not(.wc-backward):not(.wc-forward):not(.fgf-add-manual-gift-product):not(.cart-item__details):not(.remove-coupon-link){
    color: white !important;
    font-family: "Anton", Sans-serif;
    font-size: 1rem;
    font-weight: 400;
}

.elementor-widget-woocommerce-cart .woocommerce .input-text.qty {
    background-color: transparent !important;
    border-style: solid  !important;
    border-width: 0px  !important;
    color: var(--order-summary-color, #000)  !important;
    font-size: 14px  !important;
    max-height: inherit  !important;
    min-height: inherit  !important;
    padding: 1px 2px  !important;
    text-align: center  !important;
}

.cart-header-row{
    display: flex;
    padding: 1rem;
    gap: 20px !important;
}

.cart-header__quantity{
    min-width: 140px;
}
.cart-item__details{
    color: gray !important;
}
.elementor-widget-woocommerce-cart .woocommerce a.fgf-add-manual-gift-product{
    background-color: transparent !important;
    font-family: "Roboto" !important;
    font-size: 0.85rem !important;
    font-weight: 400 !important;
    padding: 0px !important;
    border-radius: 6px !important;
    cursor: pointer !important;
    border: 0px !important;
    color: #ff3702 !important;
    text-decoration: underline;
}
.cart-discount,.woocommerce-shipping-destination,.woocommerce-shipping-calculator{
    display: none !important;
}
.cart_totals .shop_table td:before,.woocommerce-shipping-methods label{
    font-size: 1rem !important;
    font-family: "Roboto" !important;
    font-weight: 400 !important;
    color: gray !important;
}
.woocommerce-shipping-methods label{
    font-size: 0.8rem !important;
}
.shipping > td:before{
    margin-bottom: 5px !important;
}
.cart-collaterals .woocommerce-Price-amount bdi{
    font-size:1rem;
}
.order-total > td{
    padding: 0px !important;
    padding-top: 12px !important;
    border-top: 1px solid #6f6f6f !important;
    margin-top: 1rem !important;
}
.woocommerce ul#shipping_method li{
    margin-bottom: 1rem !important;
}
.cart_totals > h2{
    margin-bottom: 2rem !important;
}

.elementor-widget-woocommerce-cart .hello-elementor-child-independent-coupon.e-cart-section{
    padding-top: 3rem !important;

}
.remove-coupon-link{
    font-family: "Anton", Sans-serif;
}
.hello-elementor-child-applied-coupons, .wc-proceed-to-checkout{
    margin-top: 2rem !important;
}
.hello-elementor-child-applied-coupons h4{
    color: white !important;
}

.button.hello-elementor-child-apply-coupon-bt, .elementor-widget-woocommerce-cart .woocommerce button.button{
    text-transform: uppercase !important;
    font-family: "Anton", Sans-serif !important;
}
.elementor-element.elementor-element-efe7dff .woocommerce .wc-proceed-to-checkout .checkout-button{
    text-transform: uppercase !important;
    font-family: "Anton", Sans-serif !important; 
}
.secure-payment-icon{
    margin-top: 0.7rem !important;
    margin-bottom: 0.7rem !important;
}
.hello-elementor-child-coupon-input{
    background-color: transparent !important;
    border: 1px solid white !important;
    color: white !important;
}
.elementor-element-182d143 > .e-con-inner{
    padding-top: 2rem !important;
}
#breadcrumbs a, navclassyoast-breadcrumb-wrapperaria-labelbreadcrumbsnav{
    display: inline-flex;
    align-items: center;
    gap: 5px;
}

p#breadcrumbs span {
    line-height: normal;
    padding: 0px;
    margin: 0px;
    display: flex;
}
p#breadcrumbs span:not(:first-child) {
    padding-left: 0px;
}
.flexible-shipping-free-shipping-button{
    background: black !important;
    border: 1px solid white !important;
}
.elementor-widget-woocommerce-cart .woocommerce .cart_totals table.shop_table td{
	padding-top: 1rem !important;
}
.elementor-widget-woocommerce-cart .woocommerce #shipping_method li label{
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: space-between;

}

#hello_elementor_child_coupon_code::placeholder{
    color: white !important;
}
.notices-content > .woocommerce-message,.notices-content >  .woocommerce-error{
    display: none !important;
}
.woocommerce-checkout .page-content .elementor .e-parent:last-child >.e-con-inner{
    padding-top: 2rem !important;
}
@media (max-width: 768px) {
    .cart-item{
        gap: 5px !important;
    }
    .cart-item__info,.cart-item__details{
        margin-bottom: 5px !important;
    }
    .woocommerce-checkout .elementor-widget-heading,.woocommerce-cart .elementor-widget-heading{
        display: none !important;
    }

    .e-cart-layout-two-column > .elementor-widget-container{
        margin-top: 3rem !important;
    }
    .post-17 #breadcrumbs{
        margin-top: 21px !important;
    }
    .post-18 #breadcrumbs{
        margin-top: 21px !important;
    }
    .woocommerce table.shop_table td{
        padding: 0px !important;
    }
    .elementor-element-7c308d3, .elementor-element-d87ba7d {
        border-bottom: 1px solid #7575755e;
    }
    .woocommerce-checkout .page-content .elementor .e-parent:last-child >.e-con-inner,
    .woocommerce-cart .page-content .elementor .e-parent:last-child >.e-con-inner{
        padding-top: 0px !important;
    }
}


.single_variation_wrap .woocommerce-variation .woocommerce-Price-amount bdi {
    font-size: inherit !important;
}

.single_variation_wrap .quantity .qty {
    width: 3.631em !important;
    text-align: center;
}

.single_variation_wrap .quantity .minus, .single_variation_wrap .quantity .plus {
    padding: 15px 20px !important;
}


.wc-proceed-to-checkout .ppcp-messages > span, .elementor-add-to-cart .ppcp-messages > span{
    background: white !important;
    padding: 0.75rem !important;
    height: 45px !important;
    display: flex !important;
    margin-bottom: 1rem !important;
    align-items: center !important;
}


/*  NEW STYLES FOR THE CHECKOUT */

.shop_table thead > tr th:last-child{
    display: none !important;
}
.shop_table #shipping_method label > span{
    font-size: 1rem !important;
    color: white !important;
}
.shop_table .product-name{
    color: white !important;
}

#order_review .woocommerce-checkout-review-order-table tfoot tr.order-total td, #order_review  .woocommerce-checkout-review-order-table tfoot tr.order-total th{
    color: white !important;
    font-size: 1.25rem !important;
    font-weight: 600 !important;
    font-family: "Roboto" !important;
    padding-top: 1rem !important;
    border-top: 1px solid white !important;
}

.ppcp-messages{
    display: none !important;
}

.woocommerce-checkout .payment_box.payment_method_ppcp-gateway{
    display: none !important;
 }
.woocommerce-checkout .wc_payment_method.payment_method_ppcp-gateway label{
    font-family: "Anton", Sans-serif !important;
    font-size: 1.25rem !important;
    border-bottom: 1px solid #adadad9c !important;
    padding-bottom: 13px !important;
    text-transform: uppercase !important;

}

.single_variation_wrap .woocommerce-variation .price {
    color: #fff !important;
    font-size: 2rem !important;
    padding-bottom: 1rem !important;
    display: block !important;
    font-weight: 400 !important;
    font-family: 'Anton' !important;
}

.woo-variation-product-gallery{
    max-width: 100% !important;
}

.woocommerce form .form-row .required {
    visibility: visible !important;
    color: #ff3702 !important;
}

.woocommerce form .form-row.woocommerce-invalid input.input-text, .woocommerce form .form-row.woocommerce-invalid select{
    border: 1px solid #ff3702 !important;
}

:root {
    --colorDanger: #ff3702 !important;
}