/* ==========================================================================
   Prido — cabecero de archivo con aparición fluida r2 (2026-10-24; igual a r1, va en par con el JS r2)
   Un solo bloque se mueve: #prido-hs (franja 42 + barra 72) lleva dentro la
   barra de colección (56, en absoluto bajo la barra), y solo se anima su
   transform. Estados (los pone el JS en --ah-y): arriba 0 · oculto −114 ·
   asomado −42. Nada cambia de alto, así que nada se re-mide ni salta.
   Solo ≥1025 px y con html.prido-ah (mu prido-cabecero-archivo.php).
   Anula, sin editarlos: el condensado del header-system (alturas), su
   autohide y la §v6.1 de prido-filtros.r12 (transform), y el sticky/is-stuck
   de la cornisa de archive v3.
   ========================================================================== */

.prido-ah-bar { display: none; }

@media (min-width: 1025px) {

    /* ---------- 1 · el bloque ---------- */
    html.prido-ah #prido-hs.prido-hs {
        transform: translate3d(0, var(--ah-y, 0px), 0) !important;
        transition: transform .34s cubic-bezier(.2, .8, .2, 1) !important;
        pointer-events: auto !important;
        will-change: transform;
    }
    /* alturas fijas: la franja no se pliega y la barra no se achica al condensar
       (el cristal del modo compacto se queda: es solo pintura) */
    html.prido-ah #prido-hs.prido-hs.is-compact .prido-hs3-topbar,
    html.prido-ah #prido-hs.prido-hs.is-condensed .prido-hs3-topbar {
        position: relative !important; top: auto !important; left: auto !important; right: auto !important;
        height: var(--hs3-topbar-h) !important; max-height: var(--hs3-topbar-h) !important;
        opacity: 1 !important; pointer-events: auto !important; transform: none !important;
    }
    html.prido-ah #prido-hs.prido-hs.is-compact .prido-hs3-navbar > .prido-hs3-container { height: var(--hs3-nav-h) !important; }
    html.prido-ah #prido-hs.prido-hs.is-compact .prido-hs3-logo-img { height: 60px !important; }

    /* ---------- 2 · barra de colección (la crea el JS dentro de #prido-hs) ---------- */
    html.prido-ah .prido-ah-bar {
        display: block; position: absolute; top: 100%; left: 0; right: 0; height: 56px;
        background: var(--hs3-glass, rgba(255, 255, 255, .88));
        -webkit-backdrop-filter: saturate(150%) blur(18px); backdrop-filter: saturate(150%) blur(18px);
        box-shadow: inset 0 -1px 0 var(--hs3-glass-border, rgba(188, 201, 212, .7)), 0 10px 24px -18px rgba(18, 29, 42, .45);
        color: var(--hs3-ink, #1a2a3a); font-family: var(--hs3-font-ui, 'Noto Sans', system-ui, sans-serif);
        opacity: 0; visibility: hidden; transform: translateY(-10px); pointer-events: none;
        transition: opacity .22s ease, transform .34s cubic-bezier(.2, .8, .2, 1), visibility 0s linear .34s;
    }
    html.prido-ah .prido-ah-bar.is-on {
        opacity: 1; visibility: visible; transform: none; pointer-events: auto;
        transition: opacity .22s ease, transform .34s cubic-bezier(.2, .8, .2, 1), visibility 0s;
    }
    html.prido-ah[data-theme="dark"] .prido-ah-bar { box-shadow: inset 0 -1px 0 var(--hs3-glass-border, rgba(255, 255, 255, .1)), 0 12px 28px -18px rgba(0, 0, 0, .7); }
    .prido-ah-bar__in {
        display: flex !important; align-items: center; gap: 14px; height: 100%;
    }
    .prido-ah-bar__title {
        margin: 0; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
        font-family: var(--hs3-font-heading, 'Outfit', system-ui, sans-serif); font-size: 16px; font-weight: 600; letter-spacing: -.01em;
    }
    .prido-ah-bar__count { flex: none; font-size: 13px; font-weight: 500; color: var(--hs3-muted, #607287); font-variant-numeric: tabular-nums; white-space: nowrap; }
    .prido-ah-bar__sp { flex: 1 1 auto; }
    .prido-ah-bar__btn,
    .prido-ah-bar__sort {
        display: inline-flex; align-items: center; gap: 8px; flex: none; min-height: 36px; margin: 0; padding: 0 12px;
        border: 1px solid var(--hs3-border-strong, rgba(188, 201, 212, .9)); border-radius: 999px;
        background: var(--hs3-surface, #fff); color: var(--hs3-ink, #1a2a3a);
        font-family: inherit; font-size: 13px; font-weight: 500; line-height: 1; cursor: pointer;
        transition: border-color .2s ease;
    }
    .prido-ah-bar__btn:hover, .prido-ah-bar__sort:hover { border-color: var(--hs3-ink, #1a2a3a); }
    .prido-ah-bar__btn[hidden] { display: none; }
    .prido-ah-bar__top { width: 36px; padding: 0; justify-content: center; }
    .prido-ah-bar__badge {
        display: inline-flex; align-items: center; justify-content: center; min-width: 20px; height: 20px; padding: 0 6px;
        border-radius: 10px; background: #B84F17; color: #fff; font-size: 11px; font-weight: 700;
    }
    .prido-ah-bar__badge[hidden] { display: none; }
    .prido-ah-bar__sort { position: relative; padding: 0 30px 0 12px; color: var(--hs3-muted, #607287); cursor: default; }
    .prido-ah-bar__sort select {
        appearance: none; -webkit-appearance: none; margin: 0; padding: 0 0 0 2px; height: 34px; border: 0; background: transparent;
        font-family: inherit; font-size: 13px; font-weight: 500; color: var(--hs3-ink, #1a2a3a); cursor: pointer;
    }
    .prido-ah-bar__sort svg { position: absolute; right: 11px; top: 50%; transform: translateY(-50%); pointer-events: none; }
    .prido-ah-bar__btn:focus-visible, .prido-ah-bar__sort:focus-within { outline: 2px solid #B84F17; outline-offset: 2px; }
    .prido-ah-bar__progress {
        position: absolute; left: 0; right: 0; bottom: 0; height: 2px; transform-origin: 0 50%; transform: scaleX(0);
        background: var(--hs3-teal-deep, #0e7e7a); pointer-events: none;
    }

    /* ---------- 3 · cornisa: en flujo, sin pegarse ni encogerse ---------- */
    html.prido-ah body.prido-archive-v3 .prido-cornice {
        position: relative !important; top: auto !important; z-index: auto !important;
        margin-bottom: 0 !important; box-shadow: none !important; transition: none !important;
    }
    html.prido-ah body.prido-archive-v3 .prido-cornice::before { content: none !important; }

    /* ---------- 4 · columna de filtros: se pega bajo la barra de colección ----------
       `top` fijo (bajo los 56 px de la barra) y, cuando vuelve la barra principal, se baja
       con transform (--ah-push = 72 px): cambiar `top` en un sticky cuenta como CLS al
       hacer scroll; el transform no. /0.9 por el zoom del inner. */
    html.prido-ah body.prido-archive-v3 .prido-catalog-archive .prido-shop-sidebar {
        top: calc((56px + 16px) / 0.9) !important;
        transform: translate3d(0, calc(var(--ah-push, 0px) / 0.9), 0);
        transition: transform .34s cubic-bezier(.2, .8, .2, 1) !important;
    }
    html.prido-ah body.prido-archive-v3 .prido-catalog-archive .prido-filters-panel.prido-filters-panel {
        max-height: calc((100vh - 56px - 72px - 32px) / 0.9) !important;
    }
}

@media (min-width: 1025px) and (prefers-reduced-motion: reduce) {
    html.prido-ah #prido-hs.prido-hs,
    html.prido-ah .prido-ah-bar,
    html.prido-ah .prido-ah-bar.is-on,
    html.prido-ah body.prido-archive-v3 .prido-catalog-archive .prido-shop-sidebar { transition: none !important; }
}