/*
 Theme Name:   Astra Child - Riwaj Food
 Theme URI:    https://riwajfood.com
 Description:  Child theme for Riwaj Food marketplace built on Astra
 Author:       Riwaj Shop Cooperative
 Author URI:   https://riwajfood.com
 Template:     astra
 Version:      1.1.6-vendor-blacklist
 Text Domain:  astra-child-riwajfood
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
*/

/* ============================================
   RIWAJ FOOD — CSS Custom Properties
   ============================================ */

:root {
    /* Primary Colors */
    --rf-primary:        #D4511E;
    --rf-secondary:      #E8722D;
    --rf-accent:         #F5A623;

    /* Background Colors */
    --rf-bg-light:       #FFF8F3;
    --rf-bg-section:     #FFF0E5;
    --rf-bg-white:       #FFFFFF;

    /* Text Colors */
    --rf-text-dark:      #2C1810;
    --rf-text-secondary: #5C3D2E;
    --rf-text-light:     #8B6550;

    /* Status Colors */
    --rf-success:        #2D7A3A;
    --rf-warning:        #D4511E;
    --rf-error:          #C62828;
    --rf-info:           #1565C0;

    /* Typography */
    --rf-font-heading:   'DM Sans', 'Nunito', sans-serif;
    --rf-font-body:      'Open Sans', system-ui, sans-serif;
    --rf-font-arabic:    'Noto Sans Arabic', 'Cairo', sans-serif;
}

/* ============================================
   GLOBAL STYLES
   ============================================ */

body {
    background-color: var(--rf-bg-light);
    color: var(--rf-text-dark);
    font-family: var(--rf-font-body);
}

/* Arabic / RTL body */
body.rtl {
    font-family: var(--rf-font-arabic);
}

h1, h2, h3, h4, h5, h6 {
    font-family: var(--rf-font-heading);
    color: var(--rf-text-dark);
}

body.rtl h1,
body.rtl h2,
body.rtl h3,
body.rtl h4,
body.rtl h5,
body.rtl h6 {
    font-family: var(--rf-font-arabic);
}

p {
    color: var(--rf-text-secondary);
}

a {
    color: var(--rf-primary);
}

a:hover {
    color: var(--rf-secondary);
}

/* ============================================
   BUTTONS
   ============================================ */

/* Primary Buttons */
.wp-block-button__link,
.button,
button[type="submit"],
input[type="submit"],
.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,
.elementor-button,
.ast-button {
    background-color: var(--rf-primary) !important;
    color: #FFFFFF !important;
    border: none !important;
    border-radius: 8px !important;
    font-weight: 600;
    transition: background-color 0.3s ease;
}

.wp-block-button__link:hover,
.button:hover,
button[type="submit"]:hover,
input[type="submit"]:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover,
.elementor-button:hover,
.ast-button:hover {
    background-color: var(--rf-secondary) !important;
}

/* ============================================
   HEADER
   ============================================ */

.ast-primary-header,
.site-header {
    background-color: var(--rf-bg-white);
    border-bottom: 2px solid var(--rf-bg-section);
}

.main-navigation a,
.ast-header-navigation a {
    color: var(--rf-text-dark);
    font-weight: 500;
}

.main-navigation a:hover,
.ast-header-navigation a:hover {
    color: var(--rf-primary);
}

/* Active menu item */
.current-menu-item > a {
    color: var(--rf-primary) !important;
}

/* ============================================
   WOOCOMMERCE
   ============================================ */

/* Product cards */
.woocommerce ul.products li.product {
    background: var(--rf-bg-white);
    border-radius: 12px;
    padding: 15px;
    box-shadow: 0 2px 8px rgba(44, 24, 16, 0.06);
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.woocommerce ul.products li.product:hover {
    transform: translateY(-3px);
    box-shadow: 0 4px 16px rgba(44, 24, 16, 0.12);
}

/* Price */
.woocommerce .price,
.woocommerce .amount {
    color: var(--rf-primary) !important;
    font-weight: 700;
}

/* Star ratings */
.woocommerce .star-rating span::before,
.star-rating span::before {
    color: var(--rf-accent) !important;
}

/* Sale badge */
.woocommerce span.onsale {
    background-color: var(--rf-accent) !important;
    color: #FFFFFF;
    border-radius: 4px;
}

/* Add to cart button on shop page */
.woocommerce ul.products li.product .button {
    background-color: var(--rf-primary) !important;
    border-radius: 8px !important;
}

/* WooCommerce notices */
.woocommerce-message {
    border-top-color: var(--rf-success) !important;
}

.woocommerce-error {
    border-top-color: var(--rf-error) !important;
}

.woocommerce-info {
    border-top-color: var(--rf-info) !important;
}

/* ============================================
   DOKAN VENDOR STYLES
   ============================================ */

/* Dokan dashboard sidebar */
.dokan-dashboard-wrap .dokan-dash-sidebar {
    background-color: var(--rf-text-dark);
}

.dokan-dashboard-wrap .dokan-dash-sidebar ul.dokan-dashboard-menu li a {
    color: #FFFFFF;
}

.dokan-dashboard-wrap .dokan-dash-sidebar ul.dokan-dashboard-menu li:hover a,
.dokan-dashboard-wrap .dokan-dash-sidebar ul.dokan-dashboard-menu li.active a {
    background-color: var(--rf-primary);
}

/* Dokan store page */
.dokan-store-sidebar {
    background-color: var(--rf-bg-white);
    border-radius: 12px;
    padding: 20px;
}

/* Vendor badges */
.dokan-vendor-badge,
.seller-badge {
    background-color: var(--rf-accent);
    color: #FFFFFF;
    border-radius: 4px;
}

/* ============================================
   SECTIONS & CARDS
   ============================================ */

.rf-section {
    background-color: var(--rf-bg-section);
    padding: 40px 0;
    border-radius: 16px;
}

.rf-card {
    background: var(--rf-bg-white);
    border-radius: 12px;
    padding: 24px;
    box-shadow: 0 2px 8px rgba(44, 24, 16, 0.06);
}

/* ============================================
   FOOTER
   ============================================ */

.site-footer,
.ast-footer {
    background-color: var(--rf-text-dark);
    color: #FFFFFF;
}

.site-footer a {
    color: var(--rf-accent);
}

.site-footer a:hover {
    color: var(--rf-secondary);
}

.site-footer h4,
.site-footer .widget-title {
    color: #FFFFFF;
}

/* ============================================
   STATUS BADGES (for orders, etc.)
   ============================================ */

.badge-success,
.order-status-completed {
    background-color: var(--rf-success);
    color: #FFFFFF;
    padding: 2px 8px;
    border-radius: 4px;
    font-size: 0.85em;
}

.badge-warning,
.order-status-processing {
    background-color: var(--rf-warning);
    color: #FFFFFF;
    padding: 2px 8px;
    border-radius: 4px;
    font-size: 0.85em;
}

.badge-error,
.order-status-cancelled {
    background-color: var(--rf-error);
    color: #FFFFFF;
    padding: 2px 8px;
    border-radius: 4px;
    font-size: 0.85em;
}

.badge-info,
.order-status-pending {
    background-color: var(--rf-info);
    color: #FFFFFF;
    padding: 2px 8px;
    border-radius: 4px;
    font-size: 0.85em;
}

/* ============================================
   FORMS
   ============================================ */

input[type="text"],
input[type="email"],
input[type="password"],
input[type="tel"],
input[type="number"],
input[type="url"],
textarea,
select {
    border: 1px solid #e0d5cf;
    border-radius: 8px;
    padding: 10px 14px;
    color: var(--rf-text-dark);
    background-color: var(--rf-bg-white);
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="password"]:focus,
input[type="tel"]:focus,
textarea:focus,
select:focus {
    border-color: var(--rf-primary);
    outline: none;
    box-shadow: 0 0 0 2px rgba(212, 81, 30, 0.15);
}

/* ============================================
   UTILITY CLASSES
   ============================================ */

.text-primary    { color: var(--rf-primary); }
.text-secondary  { color: var(--rf-secondary); }
.text-accent     { color: var(--rf-accent); }
.bg-primary      { background-color: var(--rf-primary); }
.bg-section      { background-color: var(--rf-bg-section); }
.bg-light        { background-color: var(--rf-bg-light); }