/*
Theme Name: Dorano
Theme URI: https://dorano.local
Description: Standalone theme for Dorano cosmetics store (Egypt). Dark luxury brand with gold accents, Arabic/RTL support, and WooCommerce integration.
Author: Dorano
Author URI: https://dorano.local
Version: 1.0.0
Requires at least: 5.3
Tested up to: 6.9
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: dorano
Domain Path: /languages
Tags: e-commerce, rtl-language-support, custom-colors, woocommerce
*/

/* ==========================================================================
   Brand CSS Custom Properties
   ========================================================================== */

:root {
    /* Primary brand colors */
    --dorano-main: #20000c;
    --dorano-secondary: #0e0004;
    --dorano-gold: #c9a84c;
    --dorano-gold-light: #e0c774;
    --dorano-accent: #8b1a4a;

    /* Neutral palette */
    --dorano-white: #ffffff;
    --dorano-off-white: #f8f6f3;
    --dorano-light-gray: #e8e4df;
    --dorano-text: #2c2c2c;
    --dorano-text-light: #b0a89e;

    /* Gradients */
    --dorano-gradient-dark: linear-gradient(135deg, var(--dorano-main) 0%, var(--dorano-secondary) 100%);
    --dorano-gradient-gold: linear-gradient(135deg, var(--dorano-gold) 0%, var(--dorano-gold-light) 100%);

    /* Shadows */
    --dorano-shadow-sm: 0 2px 8px rgba(14, 0, 4, 0.08);
    --dorano-shadow-md: 0 4px 16px rgba(14, 0, 4, 0.12);
    --dorano-shadow-lg: 0 8px 32px rgba(14, 0, 4, 0.18);

    /* Transitions */
    --dorano-transition: 0.3s ease;
    --dorano-transition-slow: 0.5s ease;

    /* Font */
    --dorano-font: 'Cairo', sans-serif;
}

/* Force Cairo font everywhere */
body,
button,
input,
select,
textarea,
.btn,
.form-control,
.woocommerce,
.woocommerce-page {
    font-family: var(--dorano-font) !important;
}

/* ==========================================================================
   Global Brand Overrides
   ========================================================================== */

a {
    color: var(--dorano-gold);
    transition: color var(--dorano-transition);
}

a:hover,
a:focus {
    color: var(--dorano-gold-light);
}

/* Buttons */
.menu-toggle,
button,
.button,
input#submit,
input[type="button"],
input[type="submit"],
input[type="reset"],
.wp-block-button .wp-block-button__link,
.wc-block-components-button {
    background-color: var(--dorano-gold);
    color: var(--dorano-main);
    border: none;
    border-radius: 4px;
    font-weight: 600;
    letter-spacing: 0.5px;
    transition: all var(--dorano-transition);
}

button:hover,
.button:hover,
input#submit:hover,
input[type="button"]:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
.wp-block-button .wp-block-button__link:hover,
.wc-block-components-button:hover {
    background-color: var(--dorano-gold-light);
    color: var(--dorano-main);
}

/* WooCommerce button overrides */
.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,
.woocommerce #respond input#submit.alt {
    background-color: var(--dorano-gold);
    color: var(--dorano-main);
    border-radius: 4px;
    font-weight: 600;
}

.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,
.woocommerce #respond input#submit.alt:hover {
    background-color: var(--dorano-gold-light);
    color: var(--dorano-main);
}

/* Selection color */
::selection {
    background-color: var(--dorano-gold);
    color: var(--dorano-main);
}