
/* =====================================================================
   Site footer — modern heritage redesign (aligned with home/app shell).
   HTML + CSS only. All content, links, routes and translations preserved.
   Rules are prefixed with #footer-wrapper.ft so they win over theme.css.
   ===================================================================== */
#footer-wrapper.ft{
    --ft-gold:#c6a052; --ft-gold-2:#e9dcc0;
    --ft-serif:'Noto Serif Armenian','Noto Serif',Georgia,serif;
    --ft-sans:'Noto Sans Armenian','Noto Sans',system-ui,-apple-system,'Segoe UI',sans-serif;
    position:relative;margin-top:3rem;padding:0 !important;
    background:linear-gradient(160deg,#15402f 0%,#123c2c 45%,#0d2c20 100%)!important;
    color:#cfe0d7;font-family:var(--ft-sans);
    border-top:1px solid rgba(198,160,82,.35);
    border-radius:22px 22px 0 0;overflow:hidden;
}
#footer-wrapper.ft::before{
    content:"";position:absolute;left:0;right:0;top:0;height:3px;
    background:linear-gradient(90deg,transparent,var(--ft-gold),transparent);
}
#footer-wrapper.ft::after{
    content:"";position:absolute;inset:0;pointer-events:none;
    background:radial-gradient(70% 120% at 85% 0%,rgba(198,160,82,.10),transparent 55%);
}
#footer-wrapper.ft .ft__wrap{
    position:relative;z-index:1;max-width:1100px;
    padding:clamp(2.25rem,5vw,3.5rem) clamp(1rem,4vw,2rem) 1.75rem !important;
}

/* intro / mission */
#footer-wrapper.ft .ft__intro{ text-align:center;max-width:820px;margin:0 auto; }
#footer-wrapper.ft .ft__mark{
    font-family:var(--ft-serif);font-size:clamp(1.5rem,3.5vw,2rem);font-weight:700;
    color:#fff;letter-spacing:.5px;display:inline-flex;align-items:center;gap:.6rem;
}
#footer-wrapper.ft .ft__mark i{ color:var(--ft-gold); }
#footer-wrapper.ft .ft__mission{ margin-top:1rem;color:#c2d3c9;font-size:.98rem;line-height:1.9; }
#footer-wrapper.ft .ft__mission code{
    font-family:var(--ft-sans)!important;background:none!important;color:#c2d3c9!important;
    padding:0!important;border-radius:0!important;font-size:inherit!important;
}

#footer-wrapper.ft .ft__divider{
    height:1px;max-width:820px;margin:2rem auto;
    background:linear-gradient(90deg,transparent,rgba(198,160,82,.4),transparent);
}

/* contact */
#footer-wrapper.ft .ft__title{
    font-family:var(--ft-serif);color:#fff;font-size:1.35rem;text-align:center;margin:0 0 1.5rem;
}
#footer-wrapper.ft .ft__title::after{
    content:"";display:block;width:46px;height:2px;background:var(--ft-gold);
    margin:.65rem auto 0;border-radius:2px;
}
#footer-wrapper.ft .ft__cards{
    display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));
    gap:clamp(1rem,3vw,1.75rem);max-width:820px;margin:0 auto;
}
#footer-wrapper.ft .ft__dl{
    margin:0;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.09);
    border-radius:14px;padding:1.2rem 1.4rem;
}
#footer-wrapper.ft .ft__dl dt{
    display:flex;align-items:center;gap:.55rem;margin:1.1rem 0 0;
    font-family:var(--ft-sans);font-size:.72rem;font-weight:700;letter-spacing:.12em;
    text-transform:uppercase;color:var(--ft-gold-2);
}
#footer-wrapper.ft .ft__dl dt:first-child{ margin-top:0; }
#footer-wrapper.ft .ft__dl dt i{ color:var(--ft-gold);width:1.15rem;text-align:center;font-size:.95rem; }
#footer-wrapper.ft .ft__dl dd{
    margin:.35rem 0 0;padding-left:1.7rem;color:#e7f0ea;font-size:.98rem;line-height:1.65;
}
#footer-wrapper.ft a.ft__fb{
    color:var(--ft-gold-2)!important;font-size:1rem!important;text-shadow:none!important;
    text-decoration:none;border-bottom:1px solid rgba(198,160,82,.4);transition:color .18s ease,border-color .18s ease;
}
#footer-wrapper.ft a.ft__fb:hover{ color:#fff!important;border-color:#fff; }

/* copyright bar */
#footer-wrapper.ft #copyright.ft__bar{
    position:relative;z-index:1;margin-top:.5rem;padding:1.15rem 1rem !important;
    background:rgba(0,0,0,.24);border-top:1px solid rgba(255,255,255,.08);
}
#footer-wrapper.ft #copyright.ft__bar .ft__copy{ color:#bcccc3;font-size:.9rem; }
#footer-wrapper.ft #copyright.ft__bar a.text-white{
    color:#eef4ef !important;text-decoration:none;font-weight:600;transition:color .18s ease;
}
#footer-wrapper.ft #copyright.ft__bar a.text-white:hover{ color:var(--ft-gold-2)!important; }
#footer-wrapper.ft #copyright.ft__bar a.ft__author{ color:var(--ft-gold-2)!important;font-size:.9rem !important; }

@media (max-width:520px){
    #footer-wrapper.ft{ border-radius:16px 16px 0 0; }
    #footer-wrapper.ft .ft__cards{ grid-template-columns:1fr; }
}





/* =====================================================================
   Navbar — modern heritage refinement (HTML/CSS only; no logic changed).
   Loads after the app head styles, so these refinements are authoritative.
   ===================================================================== */
#nav.navbar{
    --nv-green:#123c2c; --nv-green-2:#0d2c20; --nv-gold:#b0863a; --nv-gold-2:#e9dcc0;
    --nv-sans:'Noto Sans Armenian','Noto Sans',system-ui,-apple-system,'Segoe UI',sans-serif;
    background:linear-gradient(118deg,#0d2c20 0%,#123c2c 55%,#15402f 100%)!important;
    border:1px solid rgba(176,134,58,.22)!important;
    border-radius:16px!important;
    padding:.5rem 1.1rem!important;
    box-shadow:0 20px 44px -26px rgba(13,44,32,.85), 0 1px 0 rgba(255,255,255,.05) inset;
    margin-top:.85rem;position:fixed;font-family:var(--nv-sans);
}
#nav.navbar > .container{ position:relative; align-items:center; }
#nav.navbar::after{
    content:"";position:absolute;left:20px;right:20px;bottom:6px;height:1px;
    background:linear-gradient(90deg,transparent,rgba(176,134,58,.5),transparent);pointer-events:none;
}

/* alignment + spacing (replaces the removed inline margins) */
#nav .navbar-collapse{ background:transparent!important; }
#nav .navbar-nav{ align-items:center; gap:.15rem; }
#nav .navbar-nav.me-auto{ margin-left:1rem; }
#nav .navbar-nav.ml-auto{ gap:.2rem; }
#nav .navbar-nav .navbar-nav{ flex-direction:row; align-items:center; }
#nav .navbar-nav > li{ display:flex; align-items:center; }

/* nav links + hover / open / focus states */
#nav .nav-link{
    color:#eef4ef!important; font-weight:500; font-size:.98rem; line-height:1.2;
    display:inline-flex; align-items:center; gap:.5rem;
    padding:.55rem .85rem!important; border-radius:9px; position:relative;
    transition:color .18s ease, background .18s ease;
}
#nav .nav-link .blue-color{ color:var(--nv-gold-2)!important; transition:color .18s ease; }
#nav .nav-link::after{
    content:"";position:absolute;left:.85rem;right:.85rem;bottom:.26rem;height:2px;border-radius:2px;
    background:var(--nv-gold);transform:scaleX(0);transform-origin:left;transition:transform .22s ease;opacity:.95;
}
#nav .nav-link:hover, #nav .nav-link:focus-visible{ background:rgba(255,255,255,.08)!important; color:#fff!important; }
#nav .nav-link:hover .blue-color, #nav .nav-link.show .blue-color, #nav .nav-link[aria-expanded="true"] .blue-color{ color:#fff!important; }
#nav .nav-link:hover::after, #nav .nav-link.show::after, #nav .nav-link[aria-expanded="true"]::after{ transform:scaleX(1); }
#nav .nav-link.show, #nav .nav-link[aria-expanded="true"]{ background:rgba(255,255,255,.07)!important; color:#fff!important; }
#nav .nav-link:focus-visible{ outline:2px solid var(--nv-gold-2); outline-offset:2px; }
#nav .nav-link.medium{ text-transform:none; letter-spacing:normal; }

/* count badges on icons */
#nav .nav-item .nav-link{ position:relative; }
#nav .navbar-badge{
    background:var(--nv-gold)!important; color:#20180a!important; font-weight:700;
    font-size:.6rem; line-height:1; padding:.18em .38em; border-radius:999px;
    position:absolute; top:.1rem; right:.15rem; min-width:1rem; text-align:center;
    box-shadow:0 0 0 2px var(--nv-green-2);
}
#nav .fa-comments + .navbar-badge:empty{ padding:0; width:9px; height:9px; min-width:0; top:.25rem; right:.3rem; }

/* toggler */
#nav .navbar-toggler{ border:1px solid rgba(233,220,192,.4); border-radius:9px; padding:.4rem .55rem; }
#nav .navbar-toggler:focus{ box-shadow:0 0 0 .2rem rgba(176,134,58,.35); }

/* language pill */
#nav .btn-outline-info{
    display:inline-flex; align-items:center; gap:.45rem; border-radius:999px;
    border-color:rgba(233,220,192,.45)!important; color:#eef4ef!important; font-weight:600;
    padding:.35rem .8rem; background:rgba(255,255,255,.04);
}
#nav .btn-outline-info img{ height:16px; border-radius:2px; }
#nav .btn-outline-info:hover, #nav .btn-outline-info.show{ background:var(--nv-gold)!important; border-color:var(--nv-gold)!important; color:#20180a!important; }

/* offcanvas trigger (right) */
#nav .btn-info{
    background:var(--nv-gold)!important; border-color:var(--nv-gold)!important; color:#20180a!important;
    border-radius:10px; padding:.4rem .6rem; margin-top:0!important; box-shadow:0 8px 18px -10px rgba(176,134,58,.9);
}
#nav .btn-info:hover{ background:#946e28!important; border-color:#946e28!important; color:#fff!important; }

/* dropdown menus */
#nav .dropdown-menu{
    border:1px solid rgba(18,60,44,.12); border-radius:12px; box-shadow:0 24px 50px -20px rgba(13,44,32,.5);
    padding:.4rem; margin-top:.5rem; background:#fff;    position: absolute;    max-height: 666px;
    overflow: auto;
}
#nav .dropdown-item{ border-radius:8px; padding:.5rem .7rem; color:#2b332a; font-weight:500; }
#nav .dropdown-item:hover, #nav .dropdown-item:focus{ background:#f3ead6; color:var(--nv-green); }
#nav .dropdown-item .red-color{ color:#c0392b!important; }
#nav .dropdown-header{ color:#7d8479; font-weight:700; text-transform:uppercase; font-size:.68rem; letter-spacing:.08em; }
#nav .dropdown-footer{ text-align:center; font-weight:600; color:var(--nv-green); }
#nav .dropdown-divider{ border-color:rgba(18,60,44,.1); }
#nav .dropdown-item-title{ font-size:.92rem; color:var(--nv-green); font-weight:600; margin:0; }

/* offcanvas menu polish (heritage accents) */
#offcanvasScrolling .offcanvas-body > div > h2,
#offcanvasScrolling .offcanvas-body > h2{ color:#946e28; }
#offcanvasScrolling .offcanvas-body a:hover{ background:#f3ead6!important; color:#123c2c!important; }

/* ---- mobile ---- */
@media (max-width:767.98px){
    #nav.navbar{ padding:.5rem .7rem!important; border-radius:12px!important; }
    #nav .navbar-collapse.bg-dark, #nav .navbar-collapse{
        background:rgba(0,0,0,.18)!important; border:1px solid rgba(255,255,255,.08);
        border-radius:12px; margin-top:.6rem; padding:.5rem;
    }
    #nav .navbar-collapse.bg-dark, #nav .navbar-collapse {
        background: var(--nv-green) !important;
        border: 1px solid rgba(255, 255, 255, .08);
        border-radius: 12px;
        margin-top: .6rem;
        padding: .5rem;
    }           
    #nav .navbar-nav{ align-items:stretch; gap:2px; width:100%; }
    #nav .navbar-nav.me-auto{ margin-left:0; }
    #nav .navbar-nav.ml-auto{ border-top:1px solid rgba(255,255,255,.1); margin-top:.4rem; padding-top:.4rem; }
    #nav .navbar-nav > li{ width:100%; }
    #nav .nav-link{ padding:.7rem .85rem!important; border-radius:9px; width:100%; }
    #nav .nav-link::after{ display:none; }
    #nav .nav-link:hover, #nav .nav-link.show{ background:rgba(176,134,58,.16)!important; }
    #nav .navbar-badge{ position:static; box-shadow:none; margin-left:.5rem; }
    #nav .navbar-nav .navbar-nav{ width:100%; }
    #nav .btn-outline-info{ width:100%; justify-content:center; }
    #nav .dropdown-menu{ max-width:92vw; }
   
}
