/* ===================================================================
   AIDIWAY — HEADER & FOOTER REDESIGN OVERRIDES
   Adds the new landing-page header/footer look on top of the existing
   iq-navbar / mobile-offcanvas design system. Does not touch layout
   for any other shared component.
   =================================================================== */

/* ---- Header additions ---- */
.landing-header {
    flex-wrap: nowrap !important;
}
@media (min-width: 1200px) {
    .landing-header #navbar_main.mobile-offcanvas {
        min-width: 0;
        overflow-x: auto;
    }
    .landing-header #header-menu {
        flex-wrap: nowrap !important;
    }
}

.aidi-brand-wordmark {
    font-size: 1.4rem;
    font-weight: 700;
    color: #f7941d !important;
    letter-spacing: -0.3px;
    line-height: 1;
    white-space: nowrap;
}

#header-menu .nav-link,
.iq-nav-menu .nav-link {
    color: #333 !important;
    font-weight: 500 !important;
    padding: 8px 10px !important;
    font-size: 0.92rem;
}
#header-menu .nav-link:hover,
#header-menu .nav-link.active,
.iq-nav-menu .nav-link:hover,
.iq-nav-menu .nav-link.active {
    color: #f7941d !important;
}

.right-panel #navbarSupportedContent .navbar-nav {
    gap: 2px;
}
.right-panel #navbarSupportedContent .navbar-nav > li.nav-item {
    margin-left: 4px !important;
}

.lang-toggle-btn {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 6px 2px !important;
    font-weight: 500 !important;
    font-size: 0.92rem;
    color: #333 !important;
}
.lang-toggle-btn:hover { color: #f7941d !important; }

.aidi-header-btn {
    border-radius: 50px !important;
    padding: 7px 16px !important;
    font-size: 0.9rem;
    font-weight: 600 !important;
    border-width: 1.5px !important;
    white-space: nowrap;
}

.for-pros {
    font-weight: 500 !important;
    color: #666 !important;
    font-size: 0.92rem;
    white-space: nowrap;
    padding: 8px 6px !important;
}
.for-pros:hover { color: #f7941d !important; }

/* ---- Footer ---- */
.aidi-footer { background: #1c1c1c; color: #ccc; font-size: 0.9rem; }
.aidi-footer a { color: #ccc; text-decoration: none; transition: color 0.2s; }
.aidi-footer a:hover { color: #f7941d; }
.aidi-footer-top { padding: 60px 0 40px; border-bottom: 1px solid rgba(255,255,255,0.08); }
.aidi-footer-brand { margin-bottom: 16px; }
.aidi-footer-brand img { max-height: 36px; }
.aidi-footer-desc { color: #999; line-height: 1.7; margin-bottom: 6px; max-width: 320px; }
.aidi-footer-desc:not(.expanded) { display: -webkit-box; -webkit-line-clamp: 3; line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.aidi-footer-desc.expanded { display: block; }
.aidi-read-toggle { background: none; border: none; color: #fff; font-size: 0.85rem; font-weight: 500; cursor: pointer; padding: 0; margin-bottom: 20px; display: inline-flex; align-items: center; gap: 4px; text-decoration: underline; text-underline-offset: 3px; }
.aidi-read-toggle:hover { color: #f7941d; }
.aidi-read-toggle svg { transition: transform 0.2s; }
.aidi-read-toggle.expanded svg { transform: rotate(180deg); }
.aidi-social { display: flex; gap: 12px; }
.aidi-social a { width: 36px; height: 36px; border-radius: 50%; background: rgba(255,255,255,0.08); display: flex; align-items: center; justify-content: center; color: #ccc; transition: background 0.2s, color 0.2s; }
.aidi-social a:hover { background: #f7941d; color: #fff; }
.aidi-footer-title { color: #fff; font-size: 1rem; font-weight: 600; margin-bottom: 20px; }
.aidi-footer-links { list-style: none; padding: 0; margin: 0; }
.aidi-footer-links li { margin-bottom: 10px; }
.aidi-footer-links a { color: #999; font-size: 0.88rem; }
.aidi-footer-links a:hover { color: #f7941d; padding-left: 4px; }
.aidi-contact-item { display: flex; align-items: flex-start; gap: 12px; margin-bottom: 14px; color: #999; }
.aidi-contact-item svg { flex-shrink: 0; margin-top: 2px; color: #f7941d; }
.aidi-contact-item a { color: #999; }
.aidi-contact-item a:hover { color: #f7941d; }
.aidi-footer-apps { display: flex; gap: 10px; margin-top: 16px; flex-wrap: wrap; }
.aidi-footer-app-btn { display: inline-flex; align-items: center; gap: 8px; background: rgba(255,255,255,0.08); color: #fff !important; padding: 10px 16px; border-radius: 8px; font-size: 0.82rem; font-weight: 500; transition: background 0.2s; }
.aidi-footer-app-btn:hover { background: #f7941d; color: #fff !important; }
.aidi-footer-app-btn svg { flex-shrink: 0; }
.aidi-footer-bottom { padding: 20px 0; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 12px; }
.aidi-footer-copyright { color: #777; font-size: 0.82rem; margin: 0; }
.aidi-footer-copyright a { color: #f7941d; }
.aidi-footer-bottom-links { display: flex; flex-wrap: wrap; gap: 8px 20px; }
.aidi-footer-bottom-links a { color: #777; font-size: 0.82rem; }
.aidi-footer-bottom-links a:hover { color: #f7941d; }

@media (max-width: 767px) {
    .aidi-footer-top { padding: 40px 0 30px; }
    .aidi-footer-bottom { justify-content: center; text-align: center; }
    .aidi-footer-bottom-links { justify-content: center; }
}