/* Brand Colors - Based on Worldwide Connect Logo */
:root {
    /* Primary Brand Colors */
    --brand-blue-primary: #1e3a8a;
    --brand-blue-light: #2563eb;
    --brand-blue-dark: #1e40af;
    --brand-blue-very-light: #eff6ff;
    
    --brand-red-primary: #dc2626;
    --brand-red-light: #ef4444;
    --brand-red-dark: #991b1b;
    
    /* Accent Colors */
    --brand-gold: #d4af37;
    --brand-gold-light: #f4d03f;
    
    /* Neutral Colors */
    --brand-white: #ffffff;
    --brand-gray-light: #f8f9fa;
    --brand-gray: #6b7280;
    --brand-gray-dark: #374151;
    --brand-black: #1f2937;
    
    /* Functional Colors */
    --success-color: #10b981;
    --warning-color: #f59e0b;
    --error-color: var(--brand-red-primary);
    --info-color: var(--brand-blue-primary);
}

/* Override Primary Buttons */
.btn-primary,
.btn.header-btn,
.booking-btn,
.btn-login {
    background: linear-gradient(135deg, var(--brand-blue-primary), var(--brand-blue-light)) !important;
    border-color: var(--brand-blue-primary) !important;
}

.btn-primary:hover,
.btn.header-btn:hover,
.booking-btn:hover,
.btn-login:hover {
    background: linear-gradient(135deg, var(--brand-blue-dark), var(--brand-blue-primary)) !important;
}

/* Override Accent Colors */
.text-primary,
a:hover,
.details-and-addons,
.menu-item:hover,
.nav-link.active {
    color: var(--brand-blue-primary) !important;
}

/* Price and Important Elements */
.price,
.summary-total-value,
.stat-value,
.addon-price {
    color: var(--brand-red-primary) !important;
}

/* Progress and Status Indicators */
.progress-step.active .step-circle,
.section-number {
    background: var(--brand-blue-primary) !important;
}

.progress-step.completed .step-circle,
.section-number.completed {
    background: var(--success-color) !important;
}

/* Links and Interactive Elements */
a {
    color: var(--brand-blue-primary);
}

a:hover {
    color: var(--brand-blue-dark);
}

/* Borders and Accents */
.section-header {
    border-bottom-color: var(--brand-blue-primary) !important;
}

.delivery-option:hover,
.delivery-option.selected,
.package-option:hover,
.package-option.selected,
.addon-item:hover,
.addon-item.selected {
    border-color: var(--brand-blue-primary) !important;
    background: rgba(30, 58, 138, 0.05) !important;
}

/* Form Focus States */
.form-control:focus,
input:focus,
select:focus,
textarea:focus {
    border-color: var(--brand-blue-primary) !important;
    box-shadow: 0 0 0 0.2rem rgba(30, 58, 138, 0.25) !important;
}

/* Header Gradients */
.header {
    background: linear-gradient(135deg, var(--brand-blue-primary), var(--brand-blue-light)) !important;
}

/* Header Area Background - Very light blue for logo visibility */
.header-area {
    background: var(--brand-blue-very-light) !important;
}

.header-top {
    background: linear-gradient(135deg, rgba(30, 58, 138, 0.05), rgba(37, 99, 235, 0.05)) !important;
}

.header-bottom {
    background: var(--brand-blue-very-light) !important;
    box-shadow: 0 2px 10px rgba(30, 58, 138, 0.1);
}

/* Ensure logo area has optimal contrast */
.logo {
    background: transparent;
    padding: 10px 0;
}

/* Navigation Menu Items - Dark color for visibility */
.main-menu nav ul li a {
    color: var(--brand-blue-primary) !important;
}

.main-menu nav ul li a:hover {
    color: var(--brand-red-primary) !important;
}

/* Header Top Info */
.header-info-left ul li,
.header-info-left ul li a {
    color: var(--brand-gray-dark) !important;
}

/* Header Social Icons */
.header-social li a {
    color: var(--brand-blue-primary) !important;
}

.header-social li a:hover {
    color: var(--brand-red-primary) !important;
}

/* Account Button in Header */
.header-bottom .account-icon-btn {
    color: var(--brand-blue-primary) !important;
}

.header-bottom .account-icon-btn:hover {
    background: rgba(30, 58, 138, 0.1) !important;
    color: var(--brand-blue-dark) !important;
}

/* Buttons Secondary Style */
.btn-register {
    border-color: var(--brand-blue-primary) !important;
    color: var(--brand-blue-primary) !important;
}

.btn-register:hover {
    background: var(--brand-blue-primary) !important;
}

/* Progress Fill */
.progress-fill {
    background: linear-gradient(90deg, var(--brand-blue-primary), var(--brand-blue-light)) !important;
}

/* User Avatar */
.user-avatar {
    background: linear-gradient(135deg, var(--brand-blue-primary), var(--brand-red-primary)) !important;
}

/* Dropdown Active States */
.account-icon-btn:hover {
    background: rgba(30, 58, 138, 0.1) !important;
}

/* Delivery Price Section Highlights */
.delivery-price-section .price-line.total .amount {
    color: var(--brand-red-primary) !important;
}

/* Hero Section - if exists */
.hero__caption h1 span {
    color: var(--brand-red-primary) !important;
}

/* Info Banner */
.info-banner {
    background: rgba(30, 58, 138, 0.1) !important;
    border-color: var(--brand-blue-light) !important;
}

.info-banner i {
    color: var(--brand-blue-primary) !important;
}