/* ===================================================================
   Frigo Menadžment — tekstualni link sa strelicom
   Stil je preslikan 1:1 sa HTML predloška (components.css → .cta).

   Klasa `.cta` je zadržana zbog predloška, a `.frigo-cta` stoji uz nju
   da bi kontrole u panelu imale za šta da se uhvate bez diranja svakog
   `.cta` na sajtu.

   Kontrole pišu u promenljive `--fc-*`, pa jedna vrednost pogađa i
   tekst, i podvlaku, i strelicu.
   =================================================================== */

.frigo-cta {
    display: inline-flex;
    align-items: center;
    gap: var(--fc-gap, 12px);
    position: relative;
    padding-bottom: var(--fc-pad, 7px);
    /* Redosled: tipografija samog elementa, pa „Tekst" iz panela,
       pa nasleđeno. Telo ne sme da bude zasebno pravilo ispod —
       pregazilo bi tipografiju koju je urednik podesio. */
    font-family: var(--fc-ff, var(--font-body, inherit));
    font-size: var(--fc-fs, 15px);
    font-weight: var(--fc-fw, 600);
    letter-spacing: -0.008em;
    line-height: 1.3;
    color: var(--fc-color, inherit);
    text-decoration: none;
    transition: color 0.25s;
}

/*
 * Podvlaka je `::after`, ne `text-decoration`: samo tako može da se
 * izduži pri prelasku miša. Puna širina, pa `scaleX(1.15)` prelazi
 * preko desne ivice teksta — to je ceo potez.
 */
.frigo-cta::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: var(--fc-line-h, 2px);
    background: var(--fc-line, var(--red, #B01F26));
    transform-origin: left;
    transition: transform 0.45s var(--ease, cubic-bezier(0.16, 1, 0.3, 1)), background 0.25s;
}
.frigo-cta:hover::after { transform: scaleX(var(--fc-grow, 1.15)); }

/* Bez podvlake link ostaje tekst sa strelicom — za mesta gde crvena
   crta pod svakim linkom postane šum. */
.frigo-cta--bare {
    padding-bottom: 0;
}
.frigo-cta--bare::after { content: none; }

.frigo-cta svg {
    width: var(--fc-arrow-w, 20px);
    height: var(--fc-arrow-h, 12px);
    flex: 0 0 auto;
    color: var(--fc-arrow, currentColor);
    transition: transform 0.35s var(--ease, cubic-bezier(0.16, 1, 0.3, 1));
}
.frigo-cta:hover svg { transform: translateX(var(--fc-shift, 6px)); }

/* Strelica unazad se pomera na svoju stranu — pomeranje udesno na
   linku „nazad" izgleda kao greška. */
.frigo-cta--back:hover svg { transform: translateX(calc(var(--fc-shift, 6px) * -1)); }

.frigo-cta:hover { color: var(--fc-hover, inherit); }

.frigo-cta:focus-visible {
    outline: 2px solid var(--fc-line, var(--red-lt, #D2323A));
    outline-offset: 4px;
}

/* Ko je u sistemu tražio manje pokreta dobija promenu boje, ne klizanje. */
@media (prefers-reduced-motion: reduce) {
    .frigo-cta::after,
    .frigo-cta svg { transition: none; }
    .frigo-cta:hover::after { transform: none; }
    .frigo-cta:hover svg { transform: none; }
}

/* =========================================================
   PODLOGA
   ========================================================= */

/* --- Svetla (predložak) --- */
.frigo-cta--light { --fc-line: var(--red, #B01F26); }

/* --- Tamna ---
   Crvena za tekst i linije na tamnom je svetlija: osnovna na #16191C
   pada ispod praga vidljivosti za tanku crtu od 2 px. */
.frigo-cta--dark {
    --fc-line: var(--red-lt, #D2323A);
    color: var(--fc-color, var(--tx-light, #F2F5F6));
}

/* ---------- Poruka uredniku ---------- */
.frigo-cta-notice {
    display: inline-block;
    padding: 6px 12px;
    border: 1px dashed #c3244a;
    background: #fff5f7;
    color: #3b2b2f;
    font-size: 13px;
}