/* Tenant-Specific Theming Support */

/* Default theme variables */
:root {
    --tenant-primary-color: #1e3a8a;
    --tenant-primary-hover: #1e40af;
    --tenant-secondary-color: #64748b;
    --tenant-accent-color: #3b82f6;
    --tenant-success-color: #10b981;
    --tenant-warning-color: #f59e0b;
    --tenant-error-color: #ef4444;
    --tenant-background: #f8fafc;
    --tenant-surface: #ffffff;
    --tenant-text-primary: #1e293b;
    --tenant-text-secondary: #64748b;
    --tenant-border-color: #e2e8f0;
    --tenant-logo-font: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}

/* West Bethel Motel Theme */
[data-tenant="west-bethel-motel"] {
    --tenant-primary-color: #1e3a8a;
    --tenant-primary-hover: #1e40af;
    --tenant-accent-color: #0ea5e9;
}

/* KindaBlue Theme */
[data-tenant="kinda-blue"] {
    --tenant-primary-color: #3b82f6;
    --tenant-primary-hover: #2563eb;
    --tenant-accent-color: #0ea5e9;
}

/* Demo Hotel Theme */
[data-tenant="demo-hotel"] {
    --tenant-primary-color: #10b981;
    --tenant-primary-hover: #059669;
    --tenant-accent-color: #06b6d4;
}

/* Sunset Resort Theme */
[data-tenant="sunset-resort"] {
    --tenant-primary-color: #f59e0b;
    --tenant-primary-hover: #d97706;
    --tenant-accent-color: #f97316;
}

/* Urban Stays Theme */
[data-tenant="urban-stays"] {
    --tenant-primary-color: #8b5cf6;
    --tenant-primary-hover: #7c3aed;
    --tenant-accent-color: #a78bfa;
}

/* Apply tenant colors to key elements */
.hero {
    background-color: var(--tenant-primary-color);
}

.btn-primary {
    background-color: var(--tenant-primary-color);
}

.btn-primary:hover {
    background-color: var(--tenant-primary-hover);
}

.section-title {
    color: var(--tenant-primary-color);
}

.room-card:hover {
    border-color: var(--tenant-primary-color);
}

.amenity-card i {
    color: var(--tenant-primary-color);
}

.contact-item i {
    color: var(--tenant-primary-color);
}

.progress-step.active .step-number {
    background-color: var(--tenant-primary-color);
}

/* Tenant branding in header */
.guest-header {
    border-bottom: 3px solid var(--tenant-primary-color);
}

.logo {
    color: var(--tenant-primary-color);
}

.nav-link:hover,
.nav-link.active {
    color: var(--tenant-primary-color);
}

/* Custom tenant logos */
[data-tenant="west-bethel-motel"] .logo::before {
    content: "🏨 ";
}

[data-tenant="kinda-blue"] .logo::before {
    content: "🏔️ ";
}

[data-tenant="demo-hotel"] .logo::before {
    content: "🏢 ";
}

[data-tenant="sunset-resort"] .logo::before {
    content: "🌅 ";
}

[data-tenant="urban-stays"] .logo::before {
    content: "🌃 ";
}

/* Tenant-specific animations */
[data-tenant] * {
    transition: color 0.3s ease, background-color 0.3s ease, border-color 0.3s ease;
}

/* Responsive tenant branding */
@media (max-width: 768px) {
    .logo h1 {
        font-size: 1.5rem;
    }
    
    [data-tenant] .logo::before {
        font-size: 1.25rem;
    }
}

/* Print styles for tenant branding */
@media print {
    .guest-header {
        border-bottom-color: var(--tenant-primary-color) !important;
        -webkit-print-color-adjust: exact;
        print-color-adjust: exact;
    }
}