/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/
.your-rotate {
    display: inline-block;
    transform-origin: center center; /* Xoay đúng tâm */
    animation: smoothRotate 20s linear infinite;
}

@keyframes smoothRotate {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}
.float-animation {
    animation: floating 5s ease-in-out infinite;
}

@keyframes floating {
    0% {
        transform: translate(0, 0);
    }
    50% {
        transform: translate(-10px, -12px);
    }
    100% {
        transform: translate(0, 0);
    }
}

.vertical-marquee {
    
    width: 80px;
    height: auto;     /* 🔥 auto theo vùng chứa */
    overflow: hidden;
}

/* chữ chạy từ dưới lên */
.vertical-marquee .marquee-inner {
	height:100%;
	position:absolute;
    bottom: 0;        /* 🔥 để animation transform hoạt động */
    animation: moveUp 12s linear infinite;
}

/* chữ dọc */
.vertical-marquee span {
    writing-mode: vertical-rl;
    text-orientation: mixed;
    font-size: 32px;
    letter-spacing: 4px;
    opacity: 1;
    display: block;
	color:#557A38;
}

/* chữ xoay vào trong phía màn hình */
.vertical-marquee.inward span {
    transform: rotate(180deg);
	color:#557A38;
}

/* Animation */
@keyframes moveUp {
    0% {
        transform: translateY(100%);
    }
    100% {
        transform: translateY(-100%);
    }
}


.wdt-simple-style.wdt-post-entry .blog-entry.has-post-thumbnail > div.entry-thumb:before {
    content: "";
    background-color: rgba(0, 0, 0, 0.1);
    width: 100%;
    border-radius: inherit;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    transition: all 0.3s linear;
    opacity: 0;
    display: inline-block;
    pointer-events: none;
}


.secondary-sidebar {
    border: 2px solid #873D00;
    outline: 1px solid #873D00;
    outline-offset:-7px;
}
.single_add_to_cart_button {
    display: none !important;
}
/* Ẩn số lượng trên trang chi tiết sản phẩm */
.single-product .quantity {
    display: none !important;
}
/* ===============================
   WooCommerce Variation Table
   =============================== */

.single-product form.variations_form {
    margin-top: 20px;
}

/* Bảng biến thể */
.single-product table.variations {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0 12px;
}

/* Mỗi dòng thuộc tính */
.single-product table.variations tr {
    background: #fff;
}

/* Cột tên thuộc tính */
.single-product table.variations td.label {
    width: 30%;
    font-weight: 600;
    color: #222;
    padding: 10px 0;
    vertical-align: middle;
}

/* Cột select */
.single-product table.variations td.value {
    width: 70%;
}

/* Select box */
.single-product table.variations select {
    width: 100%;
    padding: 10px 14px;
    border-radius: 8px;
    border: 1px solid #ddd;
    background-color: #fafafa;
    font-size: 15px;
    cursor: pointer;
    transition: all 0.25s ease;
}

/* Hover & focus */
.single-product table.variations select:hover,
.single-product table.variations select:focus {
    border-color: #111;
    background: #fff;
    outline: none;
}

/* Nút reset */
.single-product .reset_variations {
    margin-top: 8px;
    font-size: 13px;
    color: #888;
    text-decoration: underline;
    cursor: pointer;
}

/* Ẩn reset khi chưa chọn */
.single-product .reset_variations[style*="display: none"] {
    display: none !important;
}

/* Giá biến thể */
.single-product .woocommerce-variation-price {
    margin-top: 16px;
    font-size: 20px;
    font-weight: 600;
    color: #111;
}
.woocommerce form.cart .variations {
    width: 100% !important;
    
}
	/* Xóa nền zebra chỉ cho variation table */
.single-product table.variations tbody > tr > td,
.single-product table.variations tbody > tr > th {
    background-color: transparent !important;
}
/* Nền bảng biến thể */
.single-product table.variations,
.single-product table.variations tr,
.single-product table.variations td {
    background: transparent !important;
}
.price-contact {
    color: var(--e-global-color-primary);
}