/* MainLayout.razor */
.corporate-layout {
        display: flex;
        flex-direction: column;
        min-height: 100vh;
    }

    .header {
        position: sticky;
        top: 0;
        z-index: 1000;
        background-color: var(--color-surface);
        box-shadow: var(--shadow-sm);
    }

    .main-content {
        flex: 1;
        display: flex;
        flex-direction: column;
    }
/* NavMenu.razor */
.navbar {
        padding: 1rem 0;
    }

    .navbar-container {
        display: flex;
        justify-content: space-between;
        align-items: center;
        max-width: 1200px;
        margin: 0 auto;
        padding: 0 1rem;
    }

    .brand-logo {
        height: 60px; /* Adjust as needed */
        width: auto;
    }

    .brand-highlight {
        color: var(--color-logo-blue);
    }

    .nav-links {
        display: flex;
        gap: 1.5rem;
        align-items: center;
    }

    .nav-link {
        color: var(--color-text-main);
        text-decoration: none;
        font-weight: 500;
        font-size: 0.95rem;
    }

    .nav-link:hover, .nav-link.active, .dropdown-toggle:hover {
        color: var(--color-logo-orange) !important;
    }

    /* Ensure dropdown-toggle looks like other nav-links */
    .dropdown-toggle {
        color: var(--color-text-main) !important;
        opacity: 1 !important;
        cursor: pointer;
    }

    .dropdown-menu {
        border: none;
        border-radius: var(--border-radius-md);
        padding: 0.5rem;
    }

    .dropdown-item {
        font-size: 0.9rem;
        padding: 0.6rem 1rem;
        border-radius: 4px;
    }

    .dropdown-item:hover {
        background-color: var(--color-bg);
        color: var(--color-primary);
    }

    .nav-actions {
        display: flex;
        align-items: center;
        gap: 1.5rem;
    }

    .phone-link {
        color: var(--color-primary);
        font-weight: 600;
        text-decoration: none;
        display: flex;
        align-items: center;
        gap: 0.5rem;
    }

    /* Mobile handling will go here later */
    @media (max-width: 992px) {
        .nav-links, .phone-link {
            display: none;
        }
    }
/* Footer.razor */
.footer {
        background-color: var(--color-primary);
        color: var(--color-text-light);
        padding-top: 4rem;
        margin-top: auto;
    }

    .container {
        max-width: 1200px;
        margin: 0 auto;
        padding: 0 1rem;
    }

    .footer-grid {
        display: grid;
        grid-template-columns: 2fr 1fr 1.2fr 1.2fr 1.5fr;
        gap: 2rem;
        margin-bottom: 3rem;
    }

    .footer-brand-logo {
        height: 50px; /* Adjust as needed */
        width: auto;
        margin-bottom: 1rem;
        background-color: white; /* Logo has white background, matches the image */
        padding: 5px;
        border-radius: 4px;
    }

    .footer-desc {
        color: rgba(255, 255, 255, 0.8);
        font-size: 0.95rem;
        line-height: 1.6;
    }

    .footer-title {
        color: #ffab78;
        font-size: 1.1rem;
        margin-bottom: 1.5rem;
        font-weight: 600;
    }

    .footer-links, .footer-contact {
        list-style: none;
        padding: 0;
        margin: 0;
    }

    .footer-links li {
        margin-bottom: 0.75rem;
    }

    .footer-links a {
        color: rgba(255, 255, 255, 0.8);
        text-decoration: none;
        transition: color var(--transition-fast);
    }

    .footer-links a:hover {
        color: var(--color-logo-orange);
    }

    .footer-contact li {
        display: flex;
        gap: 0.75rem;
        margin-bottom: 1rem;
        color: rgba(255, 255, 255, 0.8);
        line-height: 1.5;
    }

    .footer-contact a {
        color: rgba(255, 255, 255, 0.8);
        text-decoration: none;
    }

    .footer-bottom {
        background-color: rgba(0, 0, 0, 0.2);
        padding: 1.5rem 0;
        text-align: center;
        font-size: 0.875rem;
        color: rgba(255, 255, 255, 0.6);
    }

    @media (max-width: 992px) {
        .footer-grid {
            grid-template-columns: 1fr 1fr;
        }
    }

    @media (max-width: 576px) {
        .footer-grid {
            grid-template-columns: 1fr;
        }
    }
/* WhatsAppWidget.razor */
.mobile-menu { display: none; }
.mobile-menu summary { cursor: pointer; padding: .75rem; font-weight: 600; color: var(--color-primary); }
.mobile-menu-links { position: absolute; left: 0; right: 0; top: 100%; background: white; box-shadow: var(--shadow-md); z-index: 30; padding: 1rem; max-height: 70vh; overflow-y: auto; }
.mobile-menu-links a { display: block; padding: .75rem 1rem; border-bottom: 1px solid #e8edf2; }
@media (max-width: 992px) { .mobile-menu { display: block; } }

.whatsapp-widget {
        position: fixed;
        bottom: 30px;
        right: 30px;
        z-index: 1000;
    }

    .whatsapp-btn {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 60px;
        height: 60px;
        background-color: #25D366;
        color: white;
        border-radius: 50%;
        font-size: 2.2rem;
        text-decoration: none;
        transition: all 0.3s ease;
        position: relative;
    }

    .whatsapp-btn:hover {
        background-color: #128C7E;
        transform: scale(1.1);
        color: white;
    }

    .pulse {
        position: absolute;
        width: 100%;
        height: 100%;
        background-color: #25D366;
        border-radius: 50%;
        z-index: -1;
        animation: whatsapp-pulse 2s infinite;
        opacity: 0.7;
    }

    @keyframes whatsapp-pulse {
        0% {
            transform: scale(1);
            opacity: 0.7;
        }
        100% {
            transform: scale(1.6);
            opacity: 0;
        }
    }

    @media (max-width: 768px) {
        .whatsapp-widget {
            bottom: 20px;
            right: 20px;
        }
        .whatsapp-btn {
            width: 50px;
            height: 50px;
            font-size: 1.8rem;
        }
    }

.analytics-consent[hidden], [data-cookie-preferences][hidden] { display: none !important; }
.analytics-consent { position: fixed; inset: auto 1rem 1rem; z-index: 1100; margin: auto; max-width: 960px; padding: 1rem 1.25rem; background: #fff; color: #1b3a5c; border: 1px solid #b5c6d6; border-radius: 12px; box-shadow: 0 4px 24px #0003; display: flex; align-items: center; gap: 1rem; }
.analytics-consent h2 { font-size: 1.1rem; margin: 0 0 .4rem; }
.analytics-consent p { font-size: .9rem; line-height: 1.5; margin: 0; }
.analytics-consent-actions { display: flex; flex-wrap: wrap; gap: .5rem; flex-shrink: 0; }
.analytics-consent-actions button { min-height: 44px; }
.cookie-preferences { background: transparent; border: 0; color: inherit; text-decoration: underline; cursor: pointer; margin-left: .75rem; min-height: 44px; }
@media (max-width: 767px) { .analytics-consent { flex-direction: column; align-items: stretch; inset: auto .5rem .5rem; max-height: 75vh; overflow-y: auto; } .analytics-consent-actions button { flex: 1; } }

.footer-bottom a { color: inherit; text-decoration: underline; text-underline-offset: 3px; }
.footer-bottom a:hover, .footer-bottom a:focus-visible { color: #fff; }