/*
Theme Name: Innovecouture Child
Author: VamTam
Author URI: https://vamtam.com
Template: innovecouture
*/



/*

put your child theme styles here


you don't need any @import rules

*/
@font-face {
    font-family: 'Creato';
    src: url('fonts/creato/creato.eot?#iefix') format('embedded-opentype'), 
         url('fonts/creato/creato.woff') format('woff'), 
         url('fonts/creato/creato.ttf') format('truetype'),
         url('fonts/creato/creato.svg#svgcreato') format('svg');
}

@font-face {
    font-family: 'Geoform';
    src: url('fonts/geoform/geoform.eot?#iefix') format('embedded-opentype'), 
         url('fonts/geoform/geoform.woff') format('woff'), 
         url('fonts/geoform/geoform.ttf') format('truetype'),
         url('fonts/geoform/geoform.svg#svggeoform') format('svg');
}

body {
    font-family: 'Creato', sans-serif; /* Use Creato font for the body */
}

/* Example of using the second font */
h1, h2, h3 {
    font-family: 'Geoform', serif; /* Use Geoform font for headings */
}
/* Trạng thái bình thường */
.elementor-widget-woocommerce-menu-cart .elementor-button--view-cart {
  background-color: #ffffff !important;
  color: #000000 !important;
  border-color: #000000 !important;
  transition: all 0.3s ease !important;
}

/* Trạng thái hover */
.elementor-widget-woocommerce-menu-cart .elementor-button--view-cart:hover {
  background-color: #000000 !important;
  color: #ffffff !important;
  border-color: #000000 !important;
  transition: all 0.3s ease !important;
}
/* Mặc định nút View Cart: nền trắng, chữ đen */
.elementor-button--view-cart {
    background-color: #ffffff;
    color: #000000;
    border: 1px solid #000000;
    transition: all 0.3s ease;
}

/* Khi hover vào nút Checkout, nút View Cart đổi màu */
.elementor-button--checkout:hover + .elementor-button--view-cart {
    background-color: #000000;
    color: #ffffff;
    border-color: #000000;
}



/* 1. Đổi màu giá gốc (giá bị gạch) thành màu đỏ */
.woocommerce-Price-amount amount, 
del .woocommerce-Price-amount bdi, 
.price del {
    color: #ff0000 !important; /* Mã màu đỏ */
    opacity: 1 !important; /* Làm rõ màu hơn nếu theme đang làm mờ */
}

/* 1. Khung SALE: Nền đỏ, Chữ đen */
.woocommerce span.onsale,
.vamtam-onsale {
    background-color: #ff0000 !important; 
    color: #000000 !important; 
    border: none !important; 
}

/* 2. Giá gốc bị gạch: MÀU ĐEN (đã sửa mạnh hơn) */
.woocommerce .price del,
.woocommerce .price del .amount,
.woocommerce .price del bdi {
    color: #000000 !important; 
    text-decoration-color: #000000 !important; 
    opacity: 1 !important; /* Giúp màu đen hiện rõ, không bị xám */
}

/* 3. Giá đang sale: Nền đỏ, Chữ đen */
.woocommerce .price ins {
    background-color: #ff0000 !important;
    color: #000000 !important;
    text-decoration: none !important;
    padding: 2px 6px; 
    border-radius: 3px; 
    display: inline-block; 
}

/* Màu chữ số tiền trong khung đỏ */
.woocommerce .price ins .amount {
    color: #000000 !important;
}

/* Style cho nhãn Hết hàng */
.badge-het-hang {
    background-color: #555555; /* Màu nền xám đậm (bạn đổi thành #cc0000 nếu thích đỏ) */
    color: #ffffff;            /* Chữ màu trắng */
    font-size: 11px;           /* Cỡ chữ */
    font-weight: 700;          /* Chữ đậm */
    text-transform: uppercase; /* Viết hoa toàn bộ */
    padding: 4px 12px;         /* Độ dày của nhãn */
    position: absolute;        /* Bắt buộc để đè lên ảnh */
    top: 10px;                 /* Cách mép trên 10px */
    left: 10px;                /* Cách mép trái 10px */
    z-index: 99;               /* Nằm trên cùng */
    line-height: 1.5;
}

/* Nếu bạn muốn nó nằm bên phải (đè lên vị trí nhãn Giảm giá) thì đổi left: 10px thành right: 10px nhé */


/* Style Tem Order (Màu Xanh Dương nổi bật) */
.badge-hang-order {
    background-color: #2980b9; /* Màu nền xanh */
    color: #ffffff;            /* Chữ trắng */
    font-size: 11px;           
    font-weight: 700;          
    text-transform: uppercase; 
    padding: 5px 12px;         
    position: absolute;        
    top: 10px;                 
    left: 10px;                /* Nằm góc trái trên ảnh */
    z-index: 99;               
    border-radius: 3px;        
    box-shadow: 0 2px 5px rgba(0,0,0,0.2);
    line-height: 1.5;
}

/* Tùy chỉnh màu thông báo ở Checkout cho nổi bật hơn (nếu cần) */
.woocommerce-info {
    border-top-color: #2980b9 !important; 
}
.woocommerce-info::before {
    color: #2980b9 !important;
}