/* ==========================================================================
   Site nav (resources/views/home/includes/nav-v4.blade.php)
   Every selector is tag-qualified (div.x, a.x): the inline styles these replace
   used to beat single-class rules such as revideo.css `.rv-scope a`.
   Prefix: nv-{section}__{role}. Values are the design's own declarations, moved
   out of style="" attributes (2026-09-11). Responsive / dark variants at the end.
   ========================================================================== */

/* ---- main ---- */
div.nv-main__row { position:sticky; top:0; z-index:50; display:flex; justify-content:center; padding:16px 24px 0; pointer-events:none; }
nav.nv-main__nav { position:relative; z-index:1; pointer-events:auto; display:flex; align-items:center; justify-content:center; flex-wrap:wrap; gap:6px 8px; max-width:100%; box-sizing:border-box; background:rgba(255,255,255,.82); backdrop-filter:blur(18px); border:1px solid rgba(22,22,29,.07); border-radius:32px; padding:8px 12px; box-shadow:0 12px 40px -12px rgba(80,63,205,.18); }
a.nv-main__link { display:flex; align-items:center; gap:9px; margin-right:16px; color:#16161d; text-decoration:none; }
img.nv-main__img { width:30px; height:30px; object-fit:contain; transition:transform .25s cubic-bezier(.23,1,.32,1); }
span.nv-main__strong { font-family:'Plus Jakarta Sans',sans-serif; letter-spacing:-.02em; font-size:19px; font-weight:800; }
span.nv-main__label { color:#6d5ce6; }

/* ---- shared ---- */
div.nv-shared__box { position:relative; }
a.nv-shared__btn { color:#5c5c70; font-size:14.5px; font-weight:500; padding:8px 14px; border-radius:999px; white-space:nowrap; transition:all .18s cubic-bezier(.23,1,.32,1); }
span.nv-shared__label { font-size:9px; opacity:.5; margin-left:5px; }
div.nv-shared__layer { position:absolute; top:100%; left:50%; transform:translateX(-50%); padding-top:16px; z-index:60; }
div.nv-shared__anim { width:540px; background:rgba(255,255,255,.96); backdrop-filter:blur(18px); border:1px solid #ececf4; border-radius:22px; padding:10px; box-shadow:0 30px 80px -24px rgba(80,63,205,.35),0 4px 16px -8px rgba(22,22,29,.1); display:grid; grid-template-columns:1fr 190px; gap:10px; transform-origin:top center; animation:rv-menuin .22s cubic-bezier(.23,1,.32,1); }
div.nv-shared__stack { display:flex; flex-direction:column; gap:1px; padding:4px; }
span.nv-shared__eyebrow { font-size:11px; font-weight:800; letter-spacing:.12em; text-transform:uppercase; color:#8e8ea3; padding:6px 12px 8px; }
a.nv-shared__link { display:flex; align-items:center; gap:13px; padding:11px 12px; border-radius:14px; transition:background .16s; }
span.nv-shared__row { width:52px; height:38px; border-radius:10px; background:#fafaff; border:1px solid #ececf4; display:flex; align-items:center; justify-content:center; flex-shrink:0; overflow:hidden; }
img.nv-shared__img { height:17px; }

/* ---- every-published ---- */
span.nv-every-published__row-2 { display:flex; flex-direction:column; gap:2px; min-width:0; }
span.nv-every-published__strong { font-size:14px; font-weight:700; color:#16161d; letter-spacing:-.01em; }
span.nv-every-published__label { font-size:12.5px; color:#8e8ea3; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
a.nv-every-published__link-2 { background:#16161d; border-radius:16px; padding:18px; display:flex; flex-direction:column; justify-content:space-between; gap:14px; transition:transform .16s cubic-bezier(.23,1,.32,1); }
span.nv-every-published__eyebrow { display:flex; align-items:center; gap:7px; font-size:10.5px; font-weight:800; letter-spacing:.1em; color:#34d399; text-transform:uppercase; }
span.nv-every-published__dot { width:6px; height:6px; border-radius:999px; background:#34d399; animation:rv-pulse 1.6s ease infinite; }
span.nv-every-published__row-3 { display:flex; flex-direction:column; gap:3px; }
span.nv-every-published__big { font-size:26px; font-weight:800; letter-spacing:-.03em; color:#fff; }
span.nv-every-published__label-2 { font-size:12px; color:#a3a3b8; line-height:1.5; }
span.nv-every-published__strong-2 { font-size:12.5px; font-weight:700; color:#c4b5fd; }
span.nv-every-published__row-4 { width:52px; height:38px; border-radius:10px; background:#fafaff; border:1px solid #ececf4; display:flex; align-items:center; justify-content:center; gap:3px; flex-shrink:0; overflow:hidden; }
span.nv-every-published__label-3 { width:20px; height:20px; border-radius:999px; background-position:center; background-size:cover; background-repeat:no-repeat; border:1.5px solid #fff; }
span.nv-every-published__label-4 { width:20px; height:20px; border-radius:999px; background-position:center; background-size:cover; background-repeat:no-repeat; border:1.5px solid #fff; margin-left:-8px; }
span.nv-every-published__strong-3 { width:20px; height:20px; border-radius:999px; background:#ececf4; border:1.5px solid #fff; margin-left:-8px; display:inline-flex; align-items:center; justify-content:center; font-size:8px; font-weight:800; color:#8e8ea3; }
span.nv-every-published__label-5 { font-size:12.5px; color:#8e8ea3; white-space:nowrap; }
img.nv-every-published__img-2 { height:20px; }
a.nv-every-published__link-3 { background:linear-gradient(160deg,#f4f2ff,#e9e5fc); border:1px solid #e3e1f7; border-radius:16px; padding:18px; display:flex; flex-direction:column; justify-content:space-between; gap:14px; transition:transform .16s cubic-bezier(.23,1,.32,1); }
span.nv-every-published__eyebrow-2 { font-size:10.5px; font-weight:800; letter-spacing:.1em; color:#6d5ce6; text-transform:uppercase; }
span.nv-every-published__big-2 { font-size:26px; font-weight:800; letter-spacing:-.03em; color:#16161d; }
span.nv-every-published__label-6 { font-size:12px; color:#5c5c70; line-height:1.5; }
span.nv-every-published__strong-4 { font-size:12.5px; font-weight:700; color:#6d5ce6; }
div.nv-every-published__anim { width:400px; background:rgba(255,255,255,.96); backdrop-filter:blur(18px); border:1px solid #ececf4; border-radius:22px; padding:10px; box-shadow:0 30px 80px -24px rgba(80,63,205,.35),0 4px 12px -4px rgba(22,22,29,.08); animation:rv-menuin .2s cubic-bezier(.23,1,.32,1); }
span.nv-every-published__row-5 { width:44px; height:36px; border-radius:10px; background:#fafaff; border:1px solid #ececf4; display:flex; align-items:center; justify-content:center; flex-shrink:0; }
span.nv-every-published__eyebrow-3 { font-size:11px; font-weight:800; letter-spacing:.12em; text-transform:uppercase; color:#8e8ea3; padding:10px 12px 8px; border-top:1px solid #f0f0f6; margin-top:4px; }
button.nv-every-published__btn { color:#16161d; padding:0; width:38px; height:38px; border-radius:999px; margin-left:8px; border:1px solid #e4e4ef; background:transparent; cursor:pointer; display:inline-flex; align-items:center; justify-content:center; transition:all .16s cubic-bezier(.23,1,.32,1); }
svg.nv-every-published__svg { width:16px; height:16px; }

/* ---- account-dropdown ---- */
div.nv-account-dropdown__box { position:relative; margin-left:8px; }
a.nv-account-dropdown__btn { display:inline-flex; align-items:center; gap:6px; color:#16161d; font-size:14.5px; font-weight:700; padding:9px 14px 9px 16px; border-radius:999px; white-space:nowrap; border:1px solid #e4e4ef; transition:all .16s cubic-bezier(.23,1,.32,1); }
span.nv-account-dropdown__label { font-size:9px; opacity:.55; line-height:1; }
div.nv-account-dropdown__layer { position:absolute; top:100%; right:0; padding-top:14px; z-index:60; }
div.nv-account-dropdown__card { width:220px; background:rgba(255,255,255,.96); backdrop-filter:blur(18px); border:1px solid #ececf4; border-radius:18px; padding:8px; box-shadow:0 30px 80px -24px rgba(80,63,205,.35),0 4px 16px -8px rgba(22,22,29,.1); }
a.nv-account-dropdown__link { display:flex; align-items:center; gap:11px; padding:10px 12px; border-radius:12px; transition:background .16s; }
span.nv-account-dropdown__row { width:34px; height:34px; border-radius:10px; background:#f0effa; border:1px solid #ddd6fe; display:flex; align-items:center; justify-content:center; flex-shrink:0; color:#5b4dd1; }
span.nv-account-dropdown__row-2 { display:flex; flex-direction:column; gap:1px; }
span.nv-account-dropdown__label-2 { font-size:12px; color:#8e8ea3; }
span.nv-account-dropdown__row-3 { width:34px; height:34px; border-radius:10px; background:#fafaff; border:1px solid #ececf4; display:flex; align-items:center; justify-content:center; flex-shrink:0; color:#5c5c70; }
a.nv-account-dropdown__btn-2 { color:#16161d; font-size:14.5px; font-weight:700; padding:9px 16px; border-radius:999px; white-space:nowrap; margin-left:8px; border:1px solid #e4e4ef; transition:all .16s cubic-bezier(.23,1,.32,1); }
a.nv-account-dropdown__btn-3 { display:flex; align-items:center; gap:10px; background:#16161d; color:#fff; padding:9px 8px 9px 20px; border-radius:999px; font-size:14.5px; font-weight:600; margin-left:4px; transition:transform .16s cubic-bezier(.23,1,.32,1),box-shadow .16s; }
span.nv-account-dropdown__label-3 { white-space:nowrap; }
span.nv-account-dropdown__row-4 { width:26px; height:26px; border-radius:999px; background:rgba(255,255,255,.16); display:flex; align-items:center; justify-content:center; font-size:13px; }

/* ---- phone-tablet ---- */
a.nv-phone-tablet__link { background:#16161d; color:#fff; text-align:center; margin-top:6px; }

/* ── ported from responsive-v4.css (these classes replaced inline values that file targeted) ── */
@media (max-width: 980px) {
    div.nv-every-published__anim { width: auto !important; max-width: 100% !important; }
    }

/* ── ported from dark-v4.css (these classes replaced inline values that file targeted) ── */
[data-theme="dark"] div.nv-shared__anim,
[data-theme="dark"] div.nv-every-published__anim,
[data-theme="dark"] div.nv-account-dropdown__card,
[data-theme="dark"] nav.nv-main__nav { background: var(--rv-surface) !important; }
[data-theme="dark"] span.nv-shared__row,
[data-theme="dark"] span.nv-every-published__row-4,
[data-theme="dark"] span.nv-every-published__row-5,
[data-theme="dark"] span.nv-account-dropdown__row-3 { background: var(--rv-surface-2) !important; }
[data-theme="dark"] span.nv-account-dropdown__row,
[data-theme="dark"] span.nv-every-published__strong-3 { background: var(--rv-surface-4) !important; }
[data-theme="dark"] a.nv-every-published__link-2,
[data-theme="dark"] a.nv-account-dropdown__btn-3,
[data-theme="dark"] a.nv-phone-tablet__link { background: var(--rv-surface-2) !important; box-shadow: inset 0 0 0 1px var(--rv-border) !important; }
[data-theme="dark"] div.nv-shared__anim,
[data-theme="dark"] span.nv-shared__row,
[data-theme="dark"] span.nv-every-published__row-4,
[data-theme="dark"] div.nv-every-published__anim,
[data-theme="dark"] span.nv-every-published__row-5,
[data-theme="dark"] div.nv-account-dropdown__card,
[data-theme="dark"] span.nv-account-dropdown__row-3,
[data-theme="dark"] button.nv-every-published__btn,
[data-theme="dark"] a.nv-account-dropdown__btn,
[data-theme="dark"] a.nv-account-dropdown__btn-2,
[data-theme="dark"] a.nv-every-published__link-3,
[data-theme="dark"] nav.nv-main__nav { border-color: var(--rv-border) !important; }
[data-theme="dark"] span.nv-account-dropdown__row { border-color: var(--rv-primary-pale) !important; }
[data-theme="dark"] span.nv-every-published__label-4,
[data-theme="dark"] span.nv-every-published__strong-3 { border-color: var(--rv-surface) !important; }
[data-theme="dark"] a.nv-main__link,
[data-theme="dark"] span.nv-every-published__strong,
[data-theme="dark"] span.nv-every-published__big-2,
[data-theme="dark"] button.nv-every-published__btn,
[data-theme="dark"] a.nv-account-dropdown__btn,
[data-theme="dark"] a.nv-account-dropdown__btn-2 { color: var(--rv-ink) !important; }
[data-theme="dark"] a.nv-shared__btn,
[data-theme="dark"] span.nv-every-published__label-6,
[data-theme="dark"] span.nv-account-dropdown__row-3 { color: var(--rv-body) !important; }
[data-theme="dark"] span.nv-shared__eyebrow,
[data-theme="dark"] span.nv-every-published__label,
[data-theme="dark"] span.nv-every-published__strong-3,
[data-theme="dark"] span.nv-every-published__label-5,
[data-theme="dark"] span.nv-every-published__eyebrow-3,
[data-theme="dark"] span.nv-account-dropdown__label-2 { color: var(--rv-muted-2) !important; }
[data-theme="dark"] span.nv-main__label,
[data-theme="dark"] span.nv-every-published__eyebrow-2,
[data-theme="dark"] span.nv-every-published__strong-4 { color: var(--rv-primary) !important; }
[data-theme="dark"] span.nv-account-dropdown__row { color: var(--rv-primary-bright) !important; }
[data-theme="dark"] span.nv-account-dropdown__row { color: var(--rv-primary) !important; border-color: var(--rv-primary-pale) !important; }

/* ═══ phone / tablet bar + drawer (2026-09-14 rebuild) ═══════════════════════
   Under 1080px the bar is: logo · theme · (account) · burger. The drawer is a
   full-width sheet under the bar with every header section as an accordion. */
@media (max-width: 1080px) {
    nav.nv-main__nav { position: relative; }
    .hv-mobilemenu {
        position: absolute; top: calc(100% + 8px); left: 0; right: 0;
        padding: 14px; gap: 6px; border-radius: 22px;
        max-height: calc(100vh - var(--nav-height, 72px) - 24px); overflow-y: auto; overscroll-behavior: contain;
        -webkit-overflow-scrolling: touch;
    }
    html.hv-menu-open, html.hv-menu-open body { overflow: hidden; }
    .mm-top { display: flex; flex-direction: column; gap: 10px; padding: 2px 2px 10px; border-bottom: 1px solid var(--rv-border); margin-bottom: 4px; }
    .mm-who { display: flex; align-items: center; gap: 10px; padding: 4px 2px; }
    .mm-who__avatar { width: 36px; height: 36px; border-radius: 999px; background: linear-gradient(120deg,#5850ec,#8b5cf6); color: #fff; font-weight: 800; display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; }
    .mm-who__stack { display: flex; flex-direction: column; min-width: 0; }
    .mm-who__name { font-size: 14px; font-weight: 700; color: var(--rv-ink); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
    .mm-who__mail { font-size: 12px; color: var(--rv-muted); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
    .mm-btns { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
    .hv-mobilemenu a.mm-btn { display: inline-flex; align-items: center; justify-content: center; padding: 11px 12px; border-radius: 999px; font-size: 14px; font-weight: 700; border: 1px solid var(--rv-border); background: var(--rv-surface); color: var(--rv-ink); white-space: nowrap; }
    .hv-mobilemenu a.mm-btn--ink { background: linear-gradient(120deg,#5850ec,#8b5cf6); border-color: transparent; color: #fff; }
    .mm-group { border-bottom: 1px solid var(--rv-border-soft); }
    .mm-group:last-of-type { border-bottom: 0; }
    .mm-group__head { list-style: none; display: flex; align-items: center; justify-content: space-between; padding: 12px 6px; font-family: 'Plus Jakarta Sans', sans-serif; font-size: 15px; font-weight: 800; color: var(--rv-ink); cursor: pointer; }
    .mm-group__head::-webkit-details-marker { display: none; }
    .mm-group__chev { font-size: 20px; line-height: 1; color: var(--rv-muted); transition: transform .2s; }
    .mm-group[open] .mm-group__chev { transform: rotate(90deg); }
    .mm-group__body { display: flex; flex-direction: column; gap: 2px; padding: 0 0 10px; }
    .hv-mobilemenu a.mm-link { display: flex; flex-direction: column; gap: 1px; padding: 9px 10px; border-radius: 12px; font-size: 14.5px; font-weight: 600; color: var(--rv-ink); }
    .hv-mobilemenu a.mm-link:hover, .hv-mobilemenu a.mm-link:active { background: var(--rv-surface-3); }
    .mm-link__sub { font-size: 12px; font-weight: 500; color: var(--rv-muted); }
    .hv-mobilemenu a.mm-pricing { display: flex; align-items: center; justify-content: center; gap: 8px; margin-top: 8px; padding: 12px; border-radius: 999px; background: var(--rv-surface-4); color: var(--rv-primary-deep); font-size: 14px; font-weight: 700; }
}
/* narrow phones: the bar keeps only logo · theme · burger; account lives in the drawer */
@media (max-width: 560px) {
    a.nv-main__link { margin-right: 6px; gap: 7px; }
    img.nv-main__img { width: 26px; height: 26px; }
    span.nv-main__strong { font-size: 17px; }
    button.nv-every-published__btn { width: 34px; height: 34px; margin-left: 2px; }
    .hv-burger { width: 36px; height: 36px; }
}
@media (max-width: 430px) {
    [data-hv-navwrap] nav > .hv-dd--account { display: none !important; }
}
@media (max-width: 340px) {
    span.nv-main__strong { font-size: 15px; }
    button.nv-every-published__btn { width: 32px; height: 32px; }
}
[data-theme="dark"] .hv-mobilemenu a.mm-btn { background: var(--rv-surface-2); border-color: var(--rv-border); color: var(--rv-ink); }
[data-theme="dark"] .hv-mobilemenu a.mm-btn--ink { background: linear-gradient(120deg,#5850ec,#8b5cf6); color: #fff; }
[data-theme="dark"] .hv-mobilemenu a.mm-pricing { background: rgba(139,92,246,.16); color: #c4b5fd; }
[data-theme="dark"] .mm-group__head, [data-theme="dark"] .hv-mobilemenu a.mm-link, [data-theme="dark"] .mm-who__name { color: var(--rv-ink); }