/* ==========================================================================
   TimeSpot – Egyedi template CSS: reddeath-tattoo
   --------------------------------------------------------------------------
   CSAK a .ts-template-reddeath-tattoo alatt érvényesek a szabályok!
   Ez a fájl NEM érinti más sablon megjelenését.
   
   (Ha új egyedi template kell: másold ezt a fájlt neve át:
    public/css/templates/{új-template-id}.css, és add hozzá a
    views/templates/dynamic.ejs L49 allowlist-hez az új id-t.)
   ========================================================================== */

/* === RedDeath Tattoo alapváltozók (alapértelmezett) === */
.ts-template-reddeath-tattoo {
    --rd-accent: #991b1b;       /* vörös (gombok, bordók, szegélyek) */
    --rd-bg-dark: #0b0908;      /* fekete hátterek */
    --rd-bg-surface: #111010;   /* kártya/szakasz hátterek */
    --rd-bg-elevated: #1c1917;  /* magasabb réteg */
    --rd-text: #ffffff;
    --rd-text-muted: #d6d3d1;
    --rd-text-faint: #a8a29e;
    --rd-border: #292524;
}

/* === Példa (később kicserélhető): Navbar custom hover === */
.ts-template-reddeath-tattoo .ts-block-type-navbar a:hover { /* color: var(--rd-accent); */ }

/* === Section heading – egyedi alsó húzás (pl. rózsa vagy vörös vonal) ===
.ts-template-reddeath-tattoo .ts-block-type-section-heading h2::after {
    content: '';
    display: block;
    height: 3px;
    width: 60px;
    background: var(--rd-accent);
    margin-top: 12px;
    border-radius: 2px;
}
*/

/* === Gombok – egyedi sötét box-shadow ===
.ts-template-reddeath-tattoo .ts-block-type-buttons-row .br-btn-primary {
    letter-spacing: .02em;
    text-transform: uppercase;
    font-size: .875rem;
}
*/

/* === Footer Instagram hover – sötétítés vörös átmenettel ===
.ts-template-reddeath-tattoo .ts-block-type-gallery .gallery-item:hover img {
    filter: grayscale(30%) brightness(.9);
    transform: scale(1.04);
}
*/