/* FariDocs 1.22.6 — Product navigation, human-readable sitemap, and SEO verification UI. */
.nav-product-menu {
    position: relative;
    color: var(--muted);
}

.nav-product-menu > summary {
    min-height: 76px;
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 0 13px;
    color: inherit;
    font-size: 13px;
    font-weight: 650;
    cursor: pointer;
    list-style: none;
    white-space: nowrap;
}

.nav-product-menu > summary::-webkit-details-marker { display: none; }
.nav-product-menu > summary i { width: 15px; height: 15px; display: grid; place-items: center; transition: transform .18s ease; }
.nav-product-menu > summary i svg { width: 14px; height: 14px; fill: none; stroke: currentColor; stroke-width: 2; }
.nav-product-menu[open] > summary i { transform: rotate(180deg); }
.nav-product-menu.active > summary { box-shadow: inset 0 -2px #18a394; color: var(--navy); }

.nav-product-dropdown {
    position: absolute;
    z-index: 180;
    top: calc(100% - 8px);
    left: 50%;
    width: 238px;
    display: grid;
    gap: 5px;
    padding: 9px;
    transform: translateX(-50%);
    border: 1px solid #d7e3e9;
    border-radius: 12px;
    background: #fff;
    box-shadow: 0 18px 42px rgba(15, 53, 84, .17);
}

.nav-product-menu:not([open]) .nav-product-dropdown { display: none; }
.main-nav .nav-product-dropdown a { min-height: 44px; display: grid; grid-template-columns: 31px 1fr; align-items: center; gap: 10px; padding: 7px 9px !important; border: 0 !important; border-radius: 8px; color: #40576a; text-align: left; }
.main-nav .nav-product-dropdown a > span { width: 31px; height: 31px; display: grid; place-items: center; border-radius: 8px; background: #eaf6f4; color: #138778; }
.main-nav .nav-product-dropdown a svg { width: 17px; height: 17px; fill: none; stroke: currentColor; stroke-width: 1.8; }
.main-nav .nav-product-dropdown a b { font-size: 11px; }
.main-nav .nav-product-dropdown a:hover,
.main-nav .nav-product-dropdown a.active { background: #edf7f6; color: #0d5e64; }
.main-nav .nav-product-dropdown a::after { display: none !important; }

html[data-theme="dark"] .nav-product-menu { color: #9eb3c0; }
html[data-theme="dark"] .nav-product-menu.active > summary { color: #f0f8fc; }
html[data-theme="dark"] .nav-product-dropdown { border-color: #315061; background: #0d2331; box-shadow: 0 20px 44px rgba(0, 0, 0, .38); }
html[data-theme="dark"] .main-nav .nav-product-dropdown a { color: #d6e6ed; }
html[data-theme="dark"] .main-nav .nav-product-dropdown a > span { background: #173b43; color: #65d8ca; }
html[data-theme="dark"] .main-nav .nav-product-dropdown a:hover,
html[data-theme="dark"] .main-nav .nav-product-dropdown a.active { background: #153444; color: #fff; }

.sitemap-main { min-height: 70vh; padding-bottom: 90px; background: linear-gradient(180deg, #f3fafb 0, #fff 410px); }
.sitemap-hero { width: min(1120px, calc(100% - 48px)); margin: auto; display: flex; align-items: end; justify-content: space-between; gap: 40px; padding: 82px 0 55px; }
.sitemap-hero > div { max-width: 760px; }
.sitemap-hero h1 { max-width: 760px; margin: 13px 0 17px; color: #0b2c43; font-size: clamp(35px, 4vw, 52px); line-height: 1.08; letter-spacing: -.045em; }
.sitemap-hero p { max-width: 700px; margin: 0; color: #63788a; font-size: 15px; line-height: 1.75; }
.sitemap-xml-button { flex: 0 0 auto; border-color: #b9d9d5; background: #fff; color: #0e5e67; box-shadow: 0 12px 30px rgba(15, 70, 82, .09); }
.sitemap-xml-button > span { width: 20px; height: 20px; display: grid; place-items: center; }
.sitemap-xml-button svg { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 1.8; }
.sitemap-directory { width: min(1120px, calc(100% - 48px)); margin: auto; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; }
.sitemap-card { padding: 27px; border: 1px solid #dbe7eb; border-radius: 15px; background: rgba(255,255,255,.96); box-shadow: 0 14px 36px rgba(15, 53, 84, .055); }
.sitemap-card-heading { display: flex; align-items: center; gap: 12px; margin-bottom: 17px; }
.sitemap-card-heading > span { width: 38px; height: 38px; display: grid; place-items: center; border-radius: 10px; background: #e7f5f3; color: #148e82; }
.sitemap-card-heading svg { width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 1.8; }
.sitemap-card-heading h2 { margin: 0; color: #14364e; font-size: 17px; }
.sitemap-card ul { margin: 0; padding: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 7px 12px; list-style: none; }
.sitemap-card li a { min-height: 41px; display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 8px 11px; border-radius: 8px; background: #f6f9fa; color: #4b6373; font-size: 11px; font-weight: 720; transition: .18s ease; }
.sitemap-card li a:hover { transform: translateX(2px); background: #e9f6f4; color: #0e756c; }
.sitemap-card li b { color: #26a89b; }
.sitemap-card-main ul,
.sitemap-card-resources ul { grid-template-columns: 1fr; }

.admin-verification-block { margin-top: 8px; padding-top: 22px; border-top: 1px solid #dce6eb; }
.admin-verification-block > h2 { margin: 0 0 5px; font-size: 17px; }
.admin-verification-block > p { margin: 0 0 18px; color: #6a7f8d; font-size: 11px; }
.admin-verification-block label small { display: block; margin-top: 5px; color: #758895; font-size: 9px; }

html[data-theme="dark"] .sitemap-main { background: linear-gradient(180deg, #091d29 0, #071723 430px); }
html[data-theme="dark"] .sitemap-hero h1 { color: #eff9fc; }
html[data-theme="dark"] .sitemap-hero p { color: #9db4c0; }
html[data-theme="dark"] .sitemap-xml-button { border-color: #315463; background: #102b38; color: #dff8f4; }
html[data-theme="dark"] .sitemap-card { border-color: #294653; background: #0d2532; box-shadow: 0 15px 35px rgba(0,0,0,.2); }
html[data-theme="dark"] .sitemap-card-heading > span { background: #173d43; color: #65d8ca; }
html[data-theme="dark"] .sitemap-card-heading h2 { color: #eff8fb; }
html[data-theme="dark"] .sitemap-card li a { background: #102c39; color: #c2d5dd; }
html[data-theme="dark"] .sitemap-card li a:hover { background: #173c44; color: #fff; }
html[data-theme="dark"] .admin-verification-block { border-color: #31505e; }
html[data-theme="dark"] .admin-verification-block > p,
html[data-theme="dark"] .admin-verification-block label small { color: #9bb2bd; }

@media (max-width: 900px) {
    .main-nav .nav-product-menu { position: relative; }
    .main-nav .nav-product-menu > summary { min-height: 42px; justify-content: center; padding: 8px 10px; border-radius: 8px; text-align: center; }
    .main-nav .nav-product-menu.active > summary { box-shadow: none; background: #edf4f7; }
    .main-nav .nav-product-menu[open] { grid-column: 1 / -1; }
    .main-nav .nav-product-dropdown { position: static; width: 100%; grid-template-columns: repeat(3, minmax(0, 1fr)); margin-top: 5px; transform: none; box-shadow: none; }
    .main-nav .nav-product-dropdown a { grid-template-columns: 27px minmax(0,1fr); text-align: left; }
    .main-nav .nav-product-dropdown a > span { width: 27px; height: 27px; }
    html[data-theme="dark"] .main-nav .nav-product-menu.active > summary { background: #17384b; }
}

@media (max-width: 720px) {
    .sitemap-hero { align-items: flex-start; flex-direction: column; padding: 58px 0 38px; }
    .sitemap-xml-button { width: 100%; }
    .sitemap-directory { grid-template-columns: 1fr; }
}

@media (max-width: 520px) {
    .main-nav .nav-product-dropdown { grid-template-columns: 1fr; }
    .sitemap-main { padding-bottom: 60px; }
    .sitemap-hero,
    .sitemap-directory { width: calc(100% - 28px); }
    .sitemap-hero h1 { font-size: 34px; }
    .sitemap-card { padding: 20px 17px; }
    .sitemap-card ul { grid-template-columns: 1fr; }
}