/*
Theme Name: Citta Decor
Theme URI: https://cittadecor.com
Author: Antigravity AI
Author URI: https://google.com
Description: A premium e-commerce theme for interior and exterior decor, converted from ReactJS.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: citta-decor
Tags: e-commerce, custom-menu, featured-images, translation-ready, woocommerce
*/
.single_add_to_cart_button {
    border: solid 2px var(--color-brand) !important;
}

/* Global Link Hover Color Override */
a:hover {
    color: #74685a !important;
}

/* Specific elements inside links inherit parent hover color */
a:hover h1, a:hover h2, a:hover h3, a:hover h4, a:hover h5, a:hover h6, a:hover span, a:hover p, a:hover div {
    color: #74685a !important;
}

/* Specific WooCommerce & theme-wide elements */
.woocommerce a:hover,
.woocommerce-LoopProduct-link:hover,
.product-title a:hover,
.prose a:hover,
.widget a:hover,
.menu a:hover,
.citta-menu-item:hover,
.nav-link:hover {
    color: #74685a !important;
}

/* Tailwind group-hover custom color transitions */
.group:hover .group-hover\:text-red-600,
.group:hover .group-hover\:text-indigo-600,
.group:hover .group-hover\:text-brand,
.group:hover .group-hover\:text-zinc-900,
.group:hover .group-hover\:text-zinc-800 {
    color: #74685a !important;
}

/* Global Indigo Utility Overrides to #74685a */
.text-indigo-600,
.text-indigo-500 {
    color: #74685a !important;
}

.group:hover .group-hover\:text-indigo-600,
.group:hover .group-hover\:text-indigo-500 {
    color: #74685a !important;
}

.bg-indigo-600,
.bg-indigo-500 {
    background-color: #74685a !important;
}

.hover\:bg-indigo-600:hover,
.hover\:bg-indigo-500:hover,
.group:hover .group-hover\:bg-indigo-600 {
    background-color: #74685a !important;
}

.hover\:text-indigo-600:hover,
.hover\:text-indigo-500:hover {
    color: #74685a !important;
}

/* Responsive mobile headings optimization for products, posts, and pages */
@media (max-width: 767px) {
    .single-product h1, .single-post h1, .page h1, .entry-content h1, .prose h1,
    .single-product .product_title, .single-post .entry-title {
        font-size: 1.25rem !important; /* text-xl / 1xl maximum */
        line-height: 1.35 !important;
    }
    .single-product h2, .single-post h2, .page h2, .entry-content h2, .prose h2 {
        font-size: 1.15rem !important;
        line-height: 1.35 !important;
    }
    .single-product h3, .single-post h3, .page h3, .entry-content h3, .prose h3 {
        font-size: 1.05rem !important;
        line-height: 1.35 !important;
    }
    .single-product h4, .single-post h4, .page h4, .entry-content h4, .prose h4 {
        font-size: 1rem !important;
        line-height: 1.35 !important;
    }
    .single-product h5, .single-post h5, .page h5, .entry-content h5, .prose h5,
    .single-product h6, .single-post h6, .page h6, .entry-content h6, .prose h6 {
        font-size: 0.875rem !important;
        line-height: 1.35 !important;
    }
}

/* Blinking animation for nationwide shipping badge */
.animate-shipping-blink {
    animation: shipping-blink-animation 1.8s infinite ease-in-out !important;
}

@keyframes shipping-blink-animation {
    0%, 100% {
        opacity: 1;
        transform: scale(1);
        box-shadow: 0 0 4px rgba(16, 185, 129, 0.2);
    }
    50% {
        opacity: 0.65;
        transform: scale(0.98);
        box-shadow: 0 0 10px rgba(16, 185, 129, 0.5);
    }
}

/* Optimize single product page price, quantity, and buttons layout on mobile */
@media (max-width: 767px) {
    /* Compact Price Card */
    .single-product-page .citta-product-price-card {
        padding: 1.25rem !important;
        margin-bottom: 1rem !important;
        border-radius: 1.5rem !important;
    }
    .single-product-page .citta-product-price-card .citta-product-price-wrap span.citta-product-current-price {
        font-size: 1.75rem !important; /* 28px - more balanced */
    }
    .single-product-page .citta-product-price-card .mt-6 {
        margin-top: 0.75rem !important;
        padding-top: 0.75rem !important;
    }

    /* Side-by-side Quantity and Add to Cart Row */
    .single-product-page .citta-purchase-top-row {
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        gap: 0.75rem !important;
        width: 100% !important;
        margin-bottom: 0.75rem !important;
    }

    .single-product-page .citta-qty-row {
        width: 35% !important;
        flex-shrink: 0 !important;
    }

    .single-product-page .citta-qty-box {
        height: 3.5rem !important; /* 56px - match button height */
        padding-left: 0.75rem !important;
        padding-right: 0.75rem !important;
        border-radius: 1rem !important;
    }

    .single-product-page .citta-qty-btn {
        font-size: 18px !important;
    }

    .single-product-page .quantity .qty {
        font-size: 1.25rem !important; /* text-xl */
        width: 2.2rem !important;
    }

    .single-product-page .citta-product-actions-row {
        flex: 1 !important;
        width: auto !important;
    }

    .single-product-page form.cart button.button.single_add_to_cart_button {
        height: 3.5rem !important; /* 56px */
        min-height: 3.5rem !important;
        max-height: 3.5rem !important;
        border-radius: 1rem !important;
        font-size: 10px !important;
        padding: 0 0.75rem !important;
        width: 100% !important;
    }

    /* Compact Buy Now Row */
    .single-product-page .citta-buy-now-row {
        margin-top: 0 !important;
        width: 100% !important;
    }

    .single-product-page form.cart button.button.citta-buy-now-button {
        height: 3.5rem !important; /* 56px */
        min-height: 3.5rem !important;
        max-height: 3.5rem !important;
        border-radius: 1rem !important;
        font-size: 10px !important;
        width: 100% !important;
    }
}