/*
 Theme Name:   Hello Elementor Child - Horch Car Care
 Theme URI:    https://horch1.com
 Description:  Child theme for Horch Car Care Center - مركز هورش لخدمات العناية بالسيارة
 Author:       Horch Dev Team
 Author URI:   https://horch1.com
 Template:     hello-elementor
 Version:      2.0.0
 Text Domain:  hello-elementor-child
 License:      GNU General Public License v2 or later
*/

/* ── Horch Color Variables ── */
:root {
    --horch-primary: #FF3D00;
    --horch-primary-dark: #CC3100;
    --horch-secondary: #1B2228;
    --horch-accent: #FF7043;
    --horch-light: #FFF5F2;
    --horch-text: #2C3E50;
    --horch-muted: #64748B;
    --horch-white: #FFFFFF;
}

/* ── Sticky Header ── */
#horch-main-header,
#soul-main-header {
    position: sticky !important;
    top: 0;
    z-index: 9999;
    background: #1B2228 !important;
}

/* ── Mobile Fixed Bar ── */
.horch-mobile-fixed-bar,
.soul-mobile-fixed-bar {
    position: fixed !important;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 10000;
    display: flex;
    justify-content: space-around;
    align-items: center;
    background: #FFFFFF;
    padding: 12px 10px;
    box-shadow: 0 -3px 15px rgba(0,0,0,0.1);
}

@media (min-width: 1025px) {
    #ft_mobile_bar,
    .horch-mobile-fixed-bar,
    .soul-mobile-fixed-bar { display: none !important; }
}

/* ── Global RTL Support ── */
body {
    font-family: 'Tajawal', 'Cairo', 'Noto Sans Arabic', sans-serif;
    direction: rtl;
}

/* ── Primary Button Overrides ── */
.elementor-button.elementor-button-primary,
.wp-block-button__link {
    background-color: var(--horch-primary) !important;
    border-color: var(--horch-primary) !important;
    color: #fff !important;
}

.elementor-button.elementor-button-primary:hover {
    background-color: var(--horch-primary-dark) !important;
}

/* ── Booking Wizard Responsive ── */
@media (max-width: 767px) {
    .horch-wizard-container {
        padding: 15px !important;
        margin: 10px !important;
        border-radius: 12px !important;
    }
    .services-grid,
    .branch-selector.active {
        grid-template-columns: 1fr !important;
    }
    .time-picker-columns {
        grid-template-columns: 1fr !important;
    }
}