/*
Theme Name: ElicoCandle Theme
Theme URI: https://elicocandle.ir
Author: ALi MOUNESAN
Author URI: https://moonesun.ir
Description: A custom Tailwind CSS theme for Elico Candle with WooCommerce support.
Version: 2.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: elico
*/

/* --- 1. Font Definitions --- */
@font-face {
    font-family: 'YekanBakhFaNum';
    src: url('assets/fonts/YekanBakhFaNum-VF.woff2') format('woff2'),
        url('assets/fonts/YekanBakhFaNum-VF.woff') format('woff');
    font-weight: 100 900;
    font-style: normal;
    font-display: swap;
}

/* --- 2. Global Variables (Elico Color Palette) --- */
:root {
    --c-elico-cream: #FAF6F0;
    --c-elico-rose-soft: #F2D9D5;
    --c-elico-rose-dusty: #C9A0A7;
    --c-elico-sage: #ADC4AD;
    --c-elico-brown: #7A6055;
    --c-elico-dark: #2C1A14;
    --c-elico-bg: #FAFAFA;
    --c-border: #F3F4F6;
}

/* --- 3. Global Styles --- */
body {
    font-family: 'YekanBakhFaNum', sans-serif !important;
    background-color: var(--c-elico-bg);
    color: var(--c-elico-dark);
}

html {
    scroll-behavior: smooth;
}

/* Highlight / Text Selection Color */
::selection {
    background-color: var(--c-elico-rose-dusty);
    color: #ffffff;
}

::-moz-selection {
    background-color: var(--c-elico-rose-dusty);
    color: #ffffff;
}

/* Custom Scrollbar for Webkit */
::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}

::-webkit-scrollbar-track {
    background: var(--c-elico-bg);
}

::-webkit-scrollbar-thumb {
    background: #e5e7eb;
    border-radius: 10px;
}

::-webkit-scrollbar-thumb:hover {
    background: var(--c-elico-rose-dusty);
}

/* Hide Scrollbar Classes */
.hide-scroll-bar::-webkit-scrollbar {
    display: none;
}

.hide-scroll-bar {
    -ms-overflow-style: none;
    scrollbar-width: none;
}

/* Tailwind Compatibility */
.font-sans {
    font-family: 'YekanBakhFaNum', sans-serif !important;
}

/* --- 4. Custom Utility Classes --- */
.glass-nav {
    background: rgba(255, 255, 255, 0.85);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
}

/* Modified to Elico Rose Dusty */
.text-stroke {
    -webkit-text-stroke: 1px rgba(201, 160, 167, 0.5);
    color: transparent;
}

/* --- 5. WooCommerce Global Overrides --- */

/* WooCommerce Messages & Alerts */
.woocommerce-message,
.woocommerce-info,
.woocommerce-error {
    padding: 16px 20px 16px 70px !important;
    border-radius: 1rem !important;
    background: #ffffff !important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.03) !important;
    border: 1px solid var(--c-border) !important;
    font-weight: 700 !important;
    font-size: 0.85rem !important;
    margin-bottom: 1.5rem !important;
    color: var(--c-elico-dark) !important;
    list-style: none !important;
}

.woocommerce-error {
    border-right: 4px solid #EF4444 !important;
}

.woocommerce-error li {
    color: #EF4444 !important;
}

.woocommerce-message {
    border-right: 4px solid var(--c-elico-sage) !important;
}

.woocommerce-info {
    border-right: 4px solid var(--c-elico-rose-dusty) !important;
}

/* Button inside WooCommerce messages */
.woocommerce-message .button,
.woocommerce-info .button,
.woocommerce-error .button {
    background-color: var(--c-elico-dark) !important;
    color: #fff !important;
    border-radius: 0.8rem !important;
    padding: 8px 16px !important;
    font-size: 0.8rem !important;
    float: left;
    /* RTL support */
    transition: all 0.3s ease !important;
    border: none !important;
}

.woocommerce-message .button:hover,
.woocommerce-info .button:hover,
.woocommerce-error .button:hover {
    background-color: var(--c-elico-rose-dusty) !important;
}

/* Global WooCommerce Buttons (Fallback for all plugins) */
.woocommerce button.button,
.woocommerce a.button,
.woocommerce input.button {
    background-color: var(--c-elico-dark);
    color: #ffffff;
    border-radius: 1rem;
    padding: 12px 24px;
    font-weight: 700;
    font-size: 0.85rem;
    transition: all 0.3s ease;
    border: none;
}

.woocommerce button.button:hover,
.woocommerce a.button:hover,
.woocommerce input.button:hover {
    background-color: var(--c-elico-rose-dusty);
    color: #ffffff;
    box-shadow: 0 8px 15px rgba(201, 160, 167, 0.2);
    transform: translateY(-1px);
}

.woocommerce button.button:disabled,
.woocommerce button.button[disabled],
.woocommerce a.button:disabled,
.woocommerce input.button:disabled {
    opacity: 0.6;
    cursor: not-allowed;
    background-color: var(--c-border);
    color: var(--c-elico-brown);
}