/* ==============================================
   استایل عمومی - اعمال بر همه صفحات
   رنگ سازمانی: قرمز (#dd3333) و سفید (#ffffff)
   ============================================== */

:root {
    --brand-red: #dd3333;
    --brand-red-dark: #b82929;
    --brand-red-light: #ff5555;
    --brand-white: #ffffff;
}

/* ==============================================
   هدر
   ============================================== */
.whb-header .whb-main-header {
    border-bottom: 2px solid var(--brand-red) !important;
}

/* لینک‌های منو */
.wd-nav .menu-item > a:hover,
.wd-nav .current-menu-item > a {
    color: var(--brand-red) !important;
}

/* ==============================================
   دکمه‌های عمومی
   ============================================== */
.btn-color-primary,
.button.btn-color-primary,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt {
    background-color: var(--brand-red) !important;
    border-color: var(--brand-red) !important;
    color: var(--brand-white) !important;
    transition: all 0.3s ease !important;
}

.btn-color-primary:hover,
.button.btn-color-primary:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce #respond input#submit:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover {
    background-color: var(--brand-red-dark) !important;
    border-color: var(--brand-red-dark) !important;
}

/* ==============================================
   لینک‌ها
   ============================================== */
a {
    transition: color 0.3s ease;
}

a:hover {
    color: var(--brand-red);
}

/* ==============================================
   کارت محصول (آرشیو)
   ============================================== */
.wd-product .wd-entities-title a:hover,
.product-grid-item .product-element-bottom h3 a:hover,
.products .product .woocommerce-loop-product__title:hover {
    color: var(--brand-red) !important;
}

.wd-product .wd-product-sale-label,
.products .product .onsale {
    background-color: var(--brand-red) !important;
}

.wd-product .price ins,
.products .product .price ins,
.wd-product .price > .woocommerce-Price-amount {
    color: var(--brand-red) !important;
}

/* افزودن به سبد در آرشیو */
.wd-product .wd-add-btn a,
.products .product .add_to_cart_button {
    background-color: var(--brand-red) !important;
    color: var(--brand-white) !important;
    border-color: var(--brand-red) !important;
}

.wd-product .wd-add-btn a:hover,
.products .product .add_to_cart_button:hover {
    background-color: var(--brand-red-dark) !important;
    border-color: var(--brand-red-dark) !important;
}

/* ==============================================
   ویجت‌های سایدبار
   ============================================== */
.widget .widget-title {
    border-color: var(--brand-red) !important;
}

.widget_price_filter .ui-slider .ui-slider-range {
    background-color: var(--brand-red) !important;
}

.widget_price_filter .ui-slider .ui-slider-handle {
    border-color: var(--brand-red) !important;
}

/* ==============================================
   صفحه‌بندی
   ============================================== */
.woocommerce nav.woocommerce-pagination ul li a:hover,
.woocommerce nav.woocommerce-pagination ul li span.current {
    background: var(--brand-red) !important;
    border-color: var(--brand-red) !important;
    color: var(--brand-white) !important;
}

/* ==============================================
   سبد خرید و Checkout
   ============================================== */
.woocommerce .cart_totals .checkout-button,
.woocommerce-checkout #place_order {
    background: linear-gradient(135deg, var(--brand-red), var(--brand-red-dark)) !important;
    color: var(--brand-white) !important;
    border: none !important;
    box-shadow: 0 4px 15px rgba(221, 51, 51, 0.3) !important;
}

.woocommerce .cart_totals .checkout-button:hover,
.woocommerce-checkout #place_order:hover {
    background: linear-gradient(135deg, var(--brand-red-dark), #a02020) !important;
    box-shadow: 0 6px 20px rgba(221, 51, 51, 0.4) !important;
}

/* ==============================================
   فرم‌ها
   ============================================== */
input:focus,
textarea:focus,
select:focus {
    border-color: var(--brand-red) !important;
    box-shadow: 0 0 0 3px rgba(221, 51, 51, 0.1) !important;
}

/* ==============================================
   اسکرول به بالا
   ============================================== */
.scrollToTop,
.wd-scroll-top {
    background: var(--brand-red) !important;
    color: var(--brand-white) !important;
}

.scrollToTop:hover,
.wd-scroll-top:hover {
    background: var(--brand-red-dark) !important;
}

/* ==============================================
   فوتر
   ============================================== */
.footer-widget .widget-title::after,
.footer-widget .widget-title::before {
    background-color: var(--brand-red) !important;
}

/* ==============================================
   نوار اعلان (Top Bar)
   ============================================== */
.whb-top-bar {
    background: var(--brand-red) !important;
}

/* ==============================================
   Selection (انتخاب متن)
   ============================================== */
::selection {
    background-color: var(--brand-red);
    color: var(--brand-white);
}

::-moz-selection {
    background-color: var(--brand-red);
    color: var(--brand-white);
}

/* ==============================================
   لودینگ
   ============================================== */
.wd-loader::after,
.wd-loader::before {
    border-color: var(--brand-red) !important;
}

/* ==============================================
   تب‌ها و آکاردئون عمومی
   ============================================== */
.wd-nav-tabs .wd-active > a,
.wd-nav-tabs > li > a:hover {
    color: var(--brand-red) !important;
    border-bottom-color: var(--brand-red) !important;
}

/* ==============================================
   بج‌ها و لیبل‌ها
   ============================================== */
.wd-product-labels .wd-product-sale-label {
    background-color: var(--brand-red) !important;
}

/* ==============================================
   Mini Cart
   ============================================== */
.wd-cart-totals .checkout-button {
    background: var(--brand-red) !important;
}

.wd-cart-totals .checkout-button:hover {
    background: var(--brand-red-dark) !important;
}

.wd-header-cart-count {
    background: var(--brand-red) !important;
    color: var(--brand-white) !important;
}