/**
 * Macedonia Car Rental - Design Fixes v1.0
 * Menu Orange, Reservation Equal, Font Consistency
 */

/* ============================================
   MENU - ONLY ORANGE, SMALLER
   ============================================ */
.ast-primary-header,
.site-header,
.main-header-bar,
#masthead,
.ast-primary-header-bar {
    background: #f39c12 !important;
    padding: 5px 0 !important;
    box-shadow: 0 2px 10px rgba(243, 156, 18, 0.3) !important;
}

.ast-primary-header-bar {
    min-height: auto !important;
}

/* Menu Links */
.main-navigation a,
.ast-nav-menu > li > a,
.main-header-menu > .menu-item > a,
#primary-menu > li > a,
.primary-menu-container a {
    color: #ffffff !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    padding: 8px 12px !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    background: transparent !important;
}

.main-navigation a:hover,
.ast-nav-menu > li > a:hover {
    background: rgba(255,255,255,0.2) !important;
    border-radius: 4px !important;
}

/* Logo Smaller */
.site-logo img,
.custom-logo,
.ast-site-identity img {
    max-height: 40px !important;
}

/* ============================================
   ONLINE RESERVATION - 3 EQUAL BOXES
   ============================================ */
.stm-rent-lmv-units,
.stm_rent_car_form,
.reservation-form,
.booking-form,
.mcr-search-form {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 15px !important;
    align-items: end !important;
}

.stm-rent-lmv-units > div,
.stm_rent_car_form > div,
.stm-single-lmv-unit,
.form-group {
    flex: 1 !important;
    min-width: 0 !important;
}

/* Equal Input Fields */
.stm_rent_car_form input,
.stm_rent_car_form select,
.stm-single-lmv-unit input,
.stm-single-lmv-unit select,
.reservation-form input,
.reservation-form select {
    width: 100% !important;
    height: 48px !important;
    padding: 10px 15px !important;
    border: 2px solid #e0e0e0 !important;
    border-radius: 6px !important;
    font-size: 14px !important;
    font-family: 'Inter', sans-serif !important;
    box-sizing: border-box !important;
}

.stm_rent_car_form input:focus,
.stm_rent_car_form select:focus {
    border-color: #f39c12 !important;
    outline: none !important;
}

/* Labels */
.stm_rent_car_form label,
.stm-single-lmv-unit label,
.form-group label {
    font-size: 11px !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    color: #333 !important;
    margin-bottom: 5px !important;
    display: block !important;
}

/* ============================================
   FONT CONSISTENCY
   ============================================ */
body,
p,
span,
div,
a,
li,
input,
select,
textarea,
button {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
}

h1, h2, h3, h4, h5, h6,
.entry-title,
.page-title {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
}

/* ============================================
   MOBILE RESPONSIVE
   ============================================ */
@media (max-width: 768px) {
    .stm-rent-lmv-units,
    .stm_rent_car_form,
    .reservation-form {
        grid-template-columns: 1fr !important;
    }
    
    .ast-primary-header {
        padding: 8px 0 !important;
    }
    
    .site-logo img {
        max-height: 35px !important;
    }
}