/* templates/landing/nav_footer.css */
/* ── NAV ─────────────────────────────────────────── */
.lp-nav {
    position: sticky; top: 0; z-index: 1000;
    background: rgba(255,255,255,.92);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border-bottom: 1px solid transparent;
    transition: border-color .2s, box-shadow .2s;
}
.lp-nav.scrolled {
    border-color: #e4ecf8;
    box-shadow: 0 2px 20px rgba(19,75,161,.07);
}
.lp-nav__inner {
    display: flex; align-items: center; gap: 24px;
    height: 66px; position: relative;
}
.lp-nav__logo {
    display: flex; align-items: center; gap: 8px;
    font-family: "Urbanist", sans-serif; font-weight: 800;
    font-size: 1.25rem; color: var(--primary-color); text-decoration: none;
    white-space: nowrap;
}
.lp-nav__logo-icon { font-size: 1.4rem; }
.lp-nav__links {
    display: flex; align-items: center; gap: 4px;
    list-style: none; margin: 0 auto 0 32px; padding: 0;
}
.lp-nav__links > li > a {
    display: block; padding: 8px 12px; border-radius: 8px;
    font-size: 0.9rem; font-weight: 500; color: var(--text-color);
    text-decoration: none; transition: background .15s, color .15s;
    white-space: nowrap;
}
.lp-nav__links > li > a:hover,
.lp-nav__links > li > a.active { background: #eef3ff; color: var(--primary-color); }
.lp-nav__has-dropdown { cursor: pointer; user-select: none; }
.lp-nav__chevron { font-size: 0.65rem; opacity: .6; transition: transform .2s; }
.lp-nav__dropdown-wrap.open .lp-nav__chevron { transform: rotate(180deg); }

/* Desktop dropdown */
.lp-nav__dropdown {
    display: none; position: absolute; top: calc(100% + 8px);
    background: #fff; border: 1px solid #e4ecf8;
    border-radius: 14px; padding: 8px;
    box-shadow: 0 12px 40px rgba(19,75,161,.12);
    min-width: 260px; list-style: none; margin: 0;
}
.lp-nav__dropdown-wrap.open .lp-nav__dropdown { display: block; }
.lp-nav__dropdown li a {
    display: flex; align-items: flex-start; gap: 12px; padding: 10px 12px;
    border-radius: 10px; text-decoration: none; transition: background .15s;
}
.lp-nav__dropdown li a:hover { background: #f0f5ff; }
.lp-nav__dropdown .dd-icon { font-size: 1.2rem; flex-shrink: 0; margin-top: 2px; }
.lp-nav__dropdown strong { display: block; font-size: 0.875rem; color: var(--text-color); }
.lp-nav__dropdown small  { display: block; font-size: 0.775rem; color: #888; margin-top: 1px; }

.lp-nav__actions { display: flex; align-items: center; gap: 10px; flex-shrink: 0; }
.lp-nav__login   { display: inline-flex; }

/* Burger */
.lp-nav__burger {
    display: none; flex-direction: column; justify-content: center;
    gap: 5px; width: 36px; height: 36px; background: none; border: none;
    cursor: pointer; padding: 4px;
}
.lp-nav__burger span {
    display: block; height: 2px; width: 100%; background: var(--text-color);
    border-radius: 2px; transition: transform .2s, opacity .2s;
}

/* Mobile drawer */
.lp-nav__drawer {
    display: none; flex-direction: column; gap: 0;
    background: #fff; border-top: 1px solid #e4ecf8;
    padding: 16px 20px 24px; max-height: 0; overflow: hidden;
    transition: max-height .3s ease;
}
.lp-nav__drawer.open { display: flex; max-height: 100vh; }
.lp-nav__drawer ul   { list-style: none; padding: 0; margin: 0; }
.lp-nav__drawer > ul > li > a,
.lp-nav__drawer .drawer-group__label {
    display: block; padding: 10px 0;
    font-weight: 600; font-size: 0.95rem; color: var(--text-color);
    text-decoration: none; border-bottom: 1px solid #f0f5ff;
}
.lp-nav__drawer .drawer-group { padding-top: 4px; }
.lp-nav__drawer .drawer-group__label { color: var(--primary-color); font-size: 0.78rem; text-transform: uppercase; letter-spacing: .06em; }
.lp-nav__drawer .drawer-group ul li a {
    display: block; padding: 8px 12px; font-size: 0.9rem;
    color: #555; text-decoration: none;
}
.drawer-actions { display: flex; flex-direction: column; gap: 10px; margin-top: 20px; }

@media (max-width: 991px) {
    .lp-nav__links  { display: none; }
    .lp-nav__login  { display: none; }
    .lp-nav__burger { display: flex; }
    body.nav-open   { overflow: hidden; }
}

/* ── FOOTER ──────────────────────────────────────── */
.lp-footer {
    background: #0b0e1a;
    padding: 72px 0 0;
    color: rgba(255,255,255,.65);
}
.lp-footer__grid {
    display: grid;
    grid-template-columns: 2fr 1fr 1fr 1fr;
    gap: 40px;
    padding-bottom: 56px;
    border-bottom: 1px solid rgba(255,255,255,.08);
}
.lp-footer__logo {
    display: flex; align-items: center; gap: 8px;
    font-family: "Urbanist", sans-serif; font-weight: 800;
    font-size: 1.3rem; color: #fff; text-decoration: none;
    margin-bottom: 16px;
}
.lp-footer__brand p { font-size: 0.875rem; line-height: 1.75; max-width: 240px; margin-bottom: 0; }

.lp-footer__col h4 {
    font-size: 0.78rem; font-weight: 700; text-transform: uppercase;
    letter-spacing: .1em; color: rgba(255,255,255,.4);
    margin-bottom: 16px;
}
.lp-footer__col ul { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 10px; }
.lp-footer__col ul li a {
    font-size: 0.875rem; color: rgba(255,255,255,.65);
    text-decoration: none; transition: color .15s;
}
.lp-footer__col ul li a:hover { color: #fff; }

/* Bottom bar */
.lp-footer__bottom {
    display: flex; align-items: center; justify-content: space-between;
    padding: 24px 0; gap: 16px; flex-wrap: wrap;
}
.lp-footer__copy { font-size: 0.82rem; color: rgba(255,255,255,.35); margin: 0; }

/* Language picker */
.lp-lang-picker { position: relative; }
.lp-lang-picker__btn {
    display: flex; align-items: center; gap: 7px;
    padding: 8px 14px; border-radius: 8px;
    background: rgba(255,255,255,.07); border: 1px solid rgba(255,255,255,.12);
    color: rgba(255,255,255,.75); font-size: 0.84rem; font-weight: 500;
    cursor: pointer; transition: background .15s; font-family: var(--font-family);
}
.lp-lang-picker__btn:hover { background: rgba(255,255,255,.12); }
.lp-lang-picker__arrow { font-size: 0.65rem; opacity: .6; transition: transform .2s; }
.lp-lang-picker.open .lp-lang-picker__arrow { transform: rotate(180deg); }
.lp-lang-picker__menu {
    display: none; position: absolute; bottom: calc(100% + 8px); right: 0;
    background: #1a2035; border: 1px solid rgba(255,255,255,.1);
    border-radius: 12px; padding: 6px; list-style: none; margin: 0;
    min-width: 160px; box-shadow: 0 -8px 32px rgba(0,0,0,.4);
}
.lp-lang-picker.open .lp-lang-picker__menu { display: block; }
.lp-lang-picker__menu li a {
    display: block; padding: 9px 14px; border-radius: 8px;
    font-size: 0.875rem; color: rgba(255,255,255,.7);
    text-decoration: none; transition: background .12s, color .12s;
}
.lp-lang-picker__menu li a:hover   { background: rgba(255,255,255,.08); color: #fff; }
.lp-lang-picker__menu li a.selected { background: rgba(19,75,161,.4); color: #fff; font-weight: 600; }

@media (max-width: 991px) {
    .lp-footer__grid { grid-template-columns: 1fr 1fr; }
    .lp-footer__brand { grid-column: 1 / -1; }
}
@media (max-width: 575px) {
    .lp-footer__grid { grid-template-columns: 1fr; }
    .lp-footer__bottom { flex-direction: column; align-items: flex-start; }
}