/*
Theme Name: CHVM 2
Description: Blokové téma pre chvm.sk – tmavý, čistý a moderný dizajn s jednou červenou akcentovou farbou.
Version: 3.0
Requires at least: 6.5
Requires PHP: 8.1
License: GPL-2.0-or-later
Text Domain: chvm2
*/

:root{
	--c-base:#0b0b0c; --c-surface:#131315; --c-elev:#1b1b1f; --c-line:#2a2a30;
	--c-text:#f4f4f5; --c-muted:#9b9ba4; --c-accent:#ff3b30;
	--radius:16px; --ease:cubic-bezier(.2,.7,.2,1);
}
html{scroll-behavior:smooth}
body{-webkit-font-smoothing:antialiased;overflow-x:hidden}
::selection{background:var(--c-accent);color:#fff}
:focus-visible{outline:2px solid var(--c-accent);outline-offset:3px;border-radius:4px}
.wp-site-blocks{padding-left:0;padding-right:0}
.wp-site-blocks>*{margin-block-start:0}
img{max-width:100%;height:auto}

/* ===== Hlavička ===== */
.chvm-header{position:sticky;top:0;z-index:50;border-bottom:1px solid var(--c-line)}
/* rozmazanie je na pseudo-prvku: backdrop-filter priamo na hlavičke by zmenšil celoobrazovkové mobilné menu na jej výšku */
.chvm-header::before{content:"";position:absolute;inset:0;z-index:-1;background:rgba(11,11,12,.78);backdrop-filter:saturate(1.4) blur(14px);-webkit-backdrop-filter:saturate(1.4) blur(14px)}
.chvm-topbar{max-width:1200px;margin:0 auto;padding:.85rem 1.25rem;gap:1.25rem}
.chvm-topbar .wp-block-site-title a{color:var(--c-text);text-decoration:none}
.chvm-nav{font-size:.95rem;font-weight:500}
.chvm-nav a{text-decoration:none!important;color:var(--c-muted)}
.chvm-nav .wp-block-navigation-item__content{padding:.4rem .7rem;border-radius:999px;transition:color .2s,background .2s}
.chvm-nav .wp-block-navigation-item__content:hover,.chvm-nav .current-menu-item>.wp-block-navigation-item__content,.chvm-nav .current-menu-ancestor>.wp-block-navigation-item__content{color:var(--c-text)!important;background:var(--c-elev)}
.chvm-nav .wp-block-navigation__submenu-container{background:var(--c-surface)!important;border:1px solid var(--c-line)!important;border-radius:12px;padding:.4rem;box-shadow:0 20px 40px rgba(0,0,0,.5)}

/* ===== Hero ===== */
.chvm-hero{padding:clamp(3rem,9vw,7.5rem) 1.25rem clamp(2.5rem,6vw,5rem);position:relative;overflow:hidden;background:
	radial-gradient(60% 70% at 85% 10%,rgba(255,59,48,.22),transparent 65%),
	radial-gradient(50% 60% at 0% 100%,rgba(255,59,48,.08),transparent 70%),var(--c-base)}
.chvm-hero-cols{gap:clamp(2rem,5vw,4.5rem)}
.chvm-hero-title{font-size:clamp(5rem,17vw,12.5rem)!important;line-height:.82!important;margin-block:0!important;font-weight:900;letter-spacing:-.06em!important;
	background:linear-gradient(180deg,#fff 20%,#9b9ba4);-webkit-background-clip:text;background-clip:text;color:transparent}
.chvm-hero-sub{font-size:clamp(1.05rem,2vw,1.4rem);color:var(--c-muted);margin:1.4rem 0 2rem;letter-spacing:.01em}
.chvm-hero-buttons{gap:.75rem}
.wp-block-button__link{padding:.8rem 1.6rem;border:1px solid var(--c-accent);transition:transform .2s var(--ease),background .2s,box-shadow .2s;text-decoration:none!important}
.wp-block-button__link:hover{transform:translateY(-2px);box-shadow:0 10px 30px rgba(255,59,48,.35);color:#fff}
.is-style-outline .wp-block-button__link{background:transparent;color:var(--c-text);border:1px solid var(--c-line)}
.is-style-outline .wp-block-button__link:hover{border-color:var(--c-text);box-shadow:none;background:var(--c-elev)}
.chvm-hero-media{border-radius:24px;overflow:hidden;border:1px solid var(--c-line);background:var(--c-surface);box-shadow:0 40px 80px rgba(0,0,0,.55),0 0 0 8px rgba(255,255,255,.02);max-width:600px;margin-inline:auto}
.chvm-hero-media img{display:block;width:100%;height:auto}
.chvm-hero-media .wp-block-image,.chvm-hero-media figure{margin:0}

/* ===== Sekcie ===== */
.chvm-section{padding:clamp(2rem,5vw,4rem) 1.25rem}
.chvm-section-title,.chvm-pagetitle{font-size:clamp(2rem,5.5vw,3.6rem)!important;margin-block:0 2rem!important}
.chvm-section-title{display:flex;align-items:center;gap:1rem}
.chvm-section-title::after{content:"";flex:1;height:1px;background:var(--c-line)}
.chvm-pagehead{padding:clamp(2.5rem,6vw,5rem) 1.25rem 1.5rem;border-bottom:1px solid var(--c-line);background:radial-gradient(60% 120% at 100% 0%,rgba(255,59,48,.12),transparent 70%)}
.chvm-pagetitle{margin-block:0!important;word-break:break-word}
.chvm-pagehead .wp-block-post-date{margin-top:.9rem}
.chvm-terms{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.12em;margin:0 0 .6rem}
.chvm-terms a{color:var(--c-accent);text-decoration:none}
.chvm-pagehead .chvm-terms{margin-bottom:1rem}

/* ===== Karty ===== */
.chvm-cards{gap:1.5rem!important}
.chvm-card{background:var(--c-surface);border:1px solid var(--c-line);border-radius:var(--radius);overflow:hidden;height:100%;display:flex;flex-direction:column;transition:transform .3s var(--ease),border-color .3s,box-shadow .3s}
.chvm-card:hover{transform:translateY(-4px);border-color:#44444c;box-shadow:0 24px 48px rgba(0,0,0,.45)}
.chvm-card .wp-block-post-featured-image{margin:0;overflow:hidden;background:var(--c-elev)}
.chvm-card .wp-block-post-featured-image img{width:100%;object-fit:cover;transition:transform .6s var(--ease)}
.chvm-card:hover .wp-block-post-featured-image img{transform:scale(1.05)}
.chvm-card-body{padding:1.1rem 1.3rem 1.4rem;display:flex;flex-direction:column;flex:1}
.chvm-card .wp-block-post-title{font-size:1.3rem;margin:0 0 .55rem}
.chvm-card .wp-block-post-title a{color:var(--c-text)}
.chvm-card .wp-block-post-excerpt{color:var(--c-muted);font-size:.95rem;line-height:1.6;margin:0 0 .9rem}
.chvm-card .wp-block-post-excerpt__more-link{display:none}
.chvm-card .wp-block-post-date{margin-top:auto}

/* Stránkovanie (karty, zoznamy článkov, komentáre): tlačidlá vždy vodorovne, o 20 % menšie */
.chvm-pagination,.chvm-pp-nav,.wp-block-comments-pagination,.page-links{display:flex;flex-flow:row wrap;align-items:center;gap:.4rem;margin-top:2.5rem;font-weight:600}
.chvm-pagination{justify-content:center}
.chvm-pagination .wp-block-query-pagination-numbers,.wp-block-comments-pagination .wp-block-comments-pagination-numbers{display:flex;flex-flow:row wrap;gap:.4rem}
.chvm-pagination a,.chvm-pagination .page-numbers,.chvm-pp-nav .page-numbers,.wp-block-comments-pagination a,.wp-block-comments-pagination .page-numbers,.page-links>a,.page-links>.post-page-numbers{display:inline-block;margin:0;font-size:.8em;line-height:1.4;padding:.36rem .72rem;border:1px solid var(--c-line);border-radius:999px;color:var(--c-text);text-decoration:none;white-space:nowrap}
.chvm-pagination .current,.chvm-pp-nav .current,.wp-block-comments-pagination .current,.page-links .current{background:var(--c-accent);border-color:var(--c-accent);color:#fff}
.chvm-pagination a:hover,.chvm-pp-nav a.page-numbers:hover,.wp-block-comments-pagination a:hover{border-color:var(--c-text)}
.chvm-pagination .dots,.chvm-pp-nav .dots{border-color:transparent}
.chvm-pp-nav br,.chvm-pagination br{display:none}

/* ===== Prehrávač ===== */
.chvm-player{display:grid;grid-template-columns:minmax(0,300px) 1fr;gap:clamp(1.5rem,4vw,3rem);background:var(--c-surface);border:1px solid var(--c-line);border-radius:24px;padding:clamp(1.2rem,3vw,2rem);max-width:1200px;margin-inline:auto;box-sizing:border-box}
.chvm-player-cover img{width:100%;height:auto;aspect-ratio:1;object-fit:cover;border-radius:14px;display:block;box-shadow:0 20px 50px rgba(0,0,0,.5)}
.chvm-player-label{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.14em;color:var(--c-accent);margin:0 0 .4rem}
.chvm-player h3{font-size:clamp(1.6rem,3.5vw,2.4rem);margin:0 0 1rem}
.chvm-player h3 a{text-decoration:none}
.chvm-player ul.chvm-files{max-height:340px;overflow:auto;padding-right:.5rem}
@media (max-width:700px){.chvm-player{grid-template-columns:1fr}.chvm-player-cover{max-width:260px}}

/* ===== Články a stránky ===== */
.chvm-article{padding:2.5rem 1.25rem 5rem}
.chvm-article .wp-block-post-content>*+*{margin-top:1.25em}
.chvm-article a{color:var(--c-text);text-decoration-color:var(--c-accent);text-decoration-thickness:2px;text-underline-offset:4px}
.chvm-article a:hover{color:var(--c-accent)}
.chvm-article h2,.chvm-article h3{margin-top:2em}
.chvm-article .wp-block-image img,.chvm-article .gallery img,.chvm-article figure img{border-radius:12px}
.chvm-article blockquote{border-left:3px solid var(--c-accent);background:var(--c-surface);padding:1rem 1.4rem;margin-inline:0;border-radius:0 12px 12px 0;color:var(--c-text)}
.chvm-article table{border-collapse:collapse;width:100%;font-size:.95rem}
.chvm-article td,.chvm-article th{border-bottom:1px solid var(--c-line);padding:.6rem .7rem;text-align:left}
.chvm-article hr{border:0;height:1px;background:var(--c-line);margin:2.5em 0}
.chvm-article .gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:.8rem}
.chvm-article .gallery-item{margin:0!important;width:auto!important}
.chvm-article .gallery-item img{width:100%;aspect-ratio:1;object-fit:cover;transition:transform .3s var(--ease)}
.chvm-article .gallery-item:hover img{transform:scale(1.03)}
.chvm-article .gallery-caption{font-size:.8rem;color:var(--c-muted)}

/* Jednotný prehrávač (WordPress playlist) – tmavá úprava */
.wp-playlist.chvm-playlist,.wp-playlist{background:var(--c-surface);color:var(--c-text);border:1px solid var(--c-line);border-radius:var(--radius);padding:1.1rem 1.3rem;margin:1.5rem 0;max-width:100%}
.wp-playlist .wp-playlist-current-item{display:block;height:auto;margin-bottom:.8rem}
.wp-playlist .wp-playlist-caption{font-weight:700;font-size:1.05rem;color:var(--c-text);padding:0}
.wp-playlist .wp-playlist-item-title{font-weight:700}
.wp-playlist .mejs-container,.wp-playlist .mejs-container .mejs-controls,.wp-playlist .mejs-embed,.wp-playlist .mejs-embed body{background:var(--c-elev)}
.wp-playlist .mejs-container{border-radius:999px;overflow:hidden}
.wp-playlist .mejs-time-current,.wp-playlist .mejs-volume-current{background:var(--c-accent)!important}
.wp-playlist .mejs-time-total,.wp-playlist .mejs-time-loaded{background:var(--c-line)!important}
.wp-playlist .mejs-time,.wp-playlist .mejs-button>button{color:var(--c-text)}
.wp-playlist .wp-playlist-tracks{margin-top:.8rem;max-height:420px;overflow:auto}
.wp-playlist .wp-playlist-item{border-bottom:1px solid var(--c-line);padding:.6rem .4rem;color:var(--c-text);transition:background .2s}
.wp-playlist .wp-playlist-item:hover{background:var(--c-elev)}
.wp-playlist .wp-playlist-item a{color:inherit;text-decoration:none;border:0;padding:0}
.wp-playlist .wp-playlist-item-length{color:var(--c-muted)}
.wp-playlist .wp-playlist-playing{background:var(--c-elev);font-weight:700;box-shadow:inset 3px 0 0 var(--c-accent)}
.wp-playlist .wp-playlist-item:last-child{border-bottom:0}

/* Skladby a zoznamy súborov ([listyofiles], [chvm_player]) */
audio{width:100%;max-width:560px;height:40px;display:block;margin:.35rem 0;color-scheme:dark}
ul.chvm-files{list-style:none;padding:0;margin:0;counter-reset:trk}
ul.chvm-files li{counter-increment:trk;padding:.75rem 0 .8rem 2.6rem;border-bottom:1px solid var(--c-line);position:relative}
ul.chvm-files li::before{content:counter(trk,decimal-leading-zero);position:absolute;left:0;top:.8rem;font-size:.85rem;font-weight:700;color:var(--c-muted);font-variant-numeric:tabular-nums}
ul.chvm-files li a,.chvm-track-title{font-weight:600;text-decoration:none}
ul.chvm-files li a:hover{color:var(--c-accent)}

/* Výpis článkov na stránkach (náhrada Pages Posts) */
.chvm-pp-item{margin:0 0 1.75rem;padding:1.6rem 1.8rem;background:var(--c-surface);border:1px solid var(--c-line);border-radius:var(--radius);transition:border-color .3s}
.chvm-pp-item:hover{border-color:#44444c}
.chvm-pp-item h2{margin:0 0 .3rem;font-size:clamp(1.5rem,3.5vw,2.1rem)}
.chvm-pp-item h2 a{text-decoration:none}
.chvm-pp-date{color:var(--c-muted);font-size:.85rem;margin-bottom:.9rem}

/* Komentáre a formuláre */
.chvm-comments{margin-top:4rem;border-top:1px solid var(--c-line);padding-top:2rem}
.chvm-comments .wp-block-comment-template{list-style:none;padding:0}
.chvm-comments .wp-block-comment-template li{background:var(--c-surface);border:1px solid var(--c-line);border-radius:12px;padding:1rem 1.2rem;margin-bottom:1rem}
.chvm-comments input[type=text],.chvm-comments input[type=email],.chvm-comments input[type=url],.chvm-comments textarea,.wp-block-search__input{background:var(--c-base);color:var(--c-text);border:1px solid var(--c-line);border-radius:10px;padding:.7rem .9rem;width:100%;font:inherit}
.chvm-comments .wp-block-post-comments-form input[type=submit]{background:var(--c-accent);color:#fff;border:0;border-radius:999px;font-weight:600;padding:.7rem 1.6rem;cursor:pointer}

/* ===== Pätička ===== */
.chvm-footer{padding:2.5rem 1.25rem;border-top:1px solid var(--c-line);margin-top:2rem}
.chvm-footer-name{margin:0;font-weight:700}
.chvm-footer-links{margin:0;display:flex;gap:1.4rem;flex-wrap:wrap}
.chvm-footer-links a{color:var(--c-muted);text-decoration:none;font-size:.95rem}
.chvm-footer-links a:hover{color:var(--c-text)}

/* ===== Mobil a prístupnosť ===== */
@media (max-width:781px){
	.chvm-hero-media{margin-top:1.5rem}
	.chvm-pp-item{padding:1.2rem}
}
@media (prefers-reduced-motion:reduce){
	html{scroll-behavior:auto}
	*,*::before,*::after{transition:none!important;animation:none!important}
}

/* Prehrávač vnútri panelu albumu: bez zdvojeného rámu, tmavé posuvníky */
.chvm-player .wp-playlist{background:transparent;border:0;padding:0;margin:0}
.wp-playlist .wp-playlist-tracks{color-scheme:dark;scrollbar-color:#44444c transparent}

/* Starý obsah: pevne zadaná červená (#ff0000) sa zjednotí s farbou webu */
.chvm-article [style*="ff0000"]{color:var(--c-accent)!important}