/*
Theme Name: Darak
Theme URI: https://darak-egypt.com
Author: Darak Team
Description: A premium WooCommerce home appliances theme for the Egyptian market.
Version: 2.3.0
Text Domain: darak
Requires at least: 6.0
Requires PHP: 7.4
*/

/* =========================================================
   CORE CSS VARIABLES
   ========================================================= */
:root {
    --primary-dark:  #30364F;
    --mid-tone:      #ACBAC4;
    --warm-accent:   #ACBAC4;
    --light-bg:      #FFFFFF;

    --text-main:     #1a1e2e;
    --text-muted:    #6b7280;
    --text-light:    #ffffff;

    --success-color: #2e7d32;
    --danger-color:  #c62828;

    --font-family: 'Cairo', Arial, sans-serif;
}

/* =========================================================
   RESETS & BASE
   ========================================================= */
*,
*::before,
*::after {
    box-sizing: border-box;
}

body {
    margin: 0;
    padding: 0;
    font-family: var(--font-family);
    background-color: #FFFFFF;
    color: var(--text-main);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 15px;
    line-height: 1.6;
    direction: rtl;
    text-align: right;
}

img {
    max-width: 100%;
    height: auto;
    display: block;
}

/* =========================================================
   WOOCOMMERCE OVERRIDES
   ========================================================= */
.woocommerce-store-notice {
    background: var(--primary-dark);
    color: var(--text-light);
}

.home .woocommerce-products-header__title.page-title {
    display: none;
}

.woocommerce .woocommerce-breadcrumb {
    display: none;
}

/* Override WooCommerce default price colours */
.woocommerce .price ins,
.woocommerce-page .price ins {
    color: var(--primary-dark);
    font-weight: 800;
}

.woocommerce .price del,
.woocommerce-page .price del {
    color: var(--text-muted);
    opacity: 1;
}

/* WooCommerce buttons */
.woocommerce .button,
.woocommerce-page .button,
.woocommerce a.button,
.woocommerce button.button {
    background-color: var(--primary-dark);
    color: #fff;
    border-radius: 6px;
    font-weight: 600;
    transition: background 0.2s ease;
}

.woocommerce .button:hover,
.woocommerce-page .button:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover {
    background-color: #3f4769;
    color: #fff;
}