/*
Theme Name: Detektyw Blog
Description: Motyw potomny Twenty Twenty-Five - styl branzowy (grafit, stalowy blekit).
Template: twentytwentyfive
Version: 1.1.0
Text Domain: detektyw-blog
*/

:root { --grafit:#14202B; --stal:#2F6F8F; --jasny:#8FC1DB; --linia:#DCE2E8; }
body { -webkit-font-smoothing: antialiased; }
.wp-site-blocks > * + * { margin-block-start: 0; }

/* Naglowek */
.naglowek-strony { background: var(--grafit); border-bottom: 1px solid #22313F; }
.naglowek-strony a, .naglowek-strony .wp-block-navigation-item__content { color:#E8EDF1; text-decoration:none; }
.naglowek-strony .wp-block-site-title a { font-family: var(--wp--preset--font-family--sora); font-weight:700; letter-spacing:.01em; }
.naglowek-strony .wp-block-navigation-item__content { padding-block:.35rem; border-bottom:2px solid transparent; }
.naglowek-strony .wp-block-navigation-item__content:hover { color:var(--jasny); border-bottom-color:var(--stal); }
.naglowek-strony .wp-block-navigation__responsive-container-open svg,
.naglowek-strony .wp-block-navigation__responsive-container-close svg { fill:#E8EDF1; }
.naglowek-strony .wp-block-navigation__responsive-container.is-menu-open { background: var(--grafit); color:#E8EDF1; }

/* Hero */
.hero-strony { background: var(--grafit) url(assets/img/hero.jpg) center/cover no-repeat; color:#E8EDF1; position:relative; }
.hero-strony::before { content:""; position:absolute; inset:0; background:linear-gradient(90deg, rgba(10,18,26,.88) 0%, rgba(10,18,26,.55) 60%, rgba(10,18,26,.2) 100%); }
.hero-strony > * { position:relative; }
.hero-archiwum { background: linear-gradient(135deg,#0E1A24 0%,#17303F 100%); color:#E8EDF1; border-bottom:3px solid var(--stal); }
.hero-tytul, .hero-tytul a { color:#fff !important; font-family: var(--wp--preset--font-family--sora); line-height:1.2; margin:0; }
.hero-opis { color:#B5C3CE; font-size:1.1rem; margin-top:1.1rem; }
.hero-nadtytul, .hero-kat a { font-family: var(--wp--preset--font-family--sora); text-transform:uppercase; letter-spacing:.14em; font-size:.75rem; font-weight:600; color:var(--jasny) !important; text-decoration:none; margin-bottom:.8rem; }
.meta-wpisu { color:#9AA8B4; font-size:.9rem; margin-top:1.2rem; gap:.6rem; }
.meta-wpisu p, .meta-wpisu time, .meta-wpisu div { margin:0; color:#9AA8B4; }

/* Sekcje */
.sekcja-tytul { font-size:1.5rem; padding-bottom:.8rem; margin-bottom:2rem; border-bottom:1px solid var(--linia); position:relative; }
.sekcja-tytul::after { content:""; position:absolute; left:0; bottom:-1px; width:64px; height:3px; background:var(--stal); }

/* Karty wpisow */
.wp-block-post-template.is-layout-grid { gap:2rem; }
.wp-block-post-template.is-layout-grid > li { background:#fff; border:1px solid var(--linia); border-radius:4px; overflow:hidden; display:flex; flex-direction:column; transition:box-shadow .2s, transform .2s; margin:0; }
.wp-block-post-template.is-layout-grid > li:hover { box-shadow:0 10px 28px rgba(20,32,43,.12); transform:translateY(-2px); }
.wp-block-post-template.is-layout-grid > li .wp-block-post-featured-image { margin:0; }
.wp-block-post-template.is-layout-grid > li .wp-block-post-featured-image img { width:100%; transition:transform .4s; }
.wp-block-post-template.is-layout-grid > li:hover .wp-block-post-featured-image img { transform:scale(1.03); }
.karta-tresc { flex:1; }
.karta-tresc .wp-block-post-title a { text-decoration:none; color:var(--grafit); }
.karta-tresc .wp-block-post-title a:hover { color:var(--stal); }
.karta-tresc .wp-block-post-excerpt__more-link { font-weight:600; font-size:.9rem; text-decoration:none; color:var(--stal); }
.data-wpisu { color:var(--wp--preset--color--szary); font-size:.8rem; }
.wp-block-post-terms a { font-family:var(--wp--preset--font-family--sora); font-size:.72rem; font-weight:600; letter-spacing:.1em; text-transform:uppercase; text-decoration:none; color:var(--stal); }
.wp-block-query-pagination { margin-top:3rem; gap:1rem; }
.wp-block-query-pagination a { text-decoration:none; font-weight:600; }

/* Wpis */
.obraz-wpisu img { border-radius:4px; width:100%; }
.tresc-wpisu { font-size:1.08rem; }
.tresc-wpisu h2 { font-size:1.6rem; margin-top:2.6rem; margin-bottom:.8rem; }
.tresc-wpisu li { margin-bottom:.5rem; }
.tresc-wpisu a { text-underline-offset:3px; }
.wp-block-quote { border-left:4px solid var(--stal); background:#fff; padding:1.2rem 1.5rem; margin:2rem 0; font-size:1.15rem; font-family:var(--wp--preset--font-family--sora); color:var(--grafit); }
.wp-block-quote p { margin:0; }
.wp-block-separator { border-color:var(--linia); margin-block:2.5rem; }
.wp-block-post-navigation-link a { text-decoration:none; font-weight:600; }

/* Przyciski */
.wp-block-button__link { border-radius:3px; font-family:var(--wp--preset--font-family--sora); }

/* Stopka */
.stopka-strony { background:var(--grafit); color:#B5C0C9; }
.stopka-strony a { color:#E8EDF1; text-decoration:none; }
.stopka-strony a:hover { color:var(--jasny); }
.stopka-strony .wp-block-site-title a { font-family:var(--wp--preset--font-family--sora); font-weight:700; }
.stopka-strony .wp-block-site-tagline { color:var(--jasny); margin-block:.3rem 1rem; }
.stopka-naglowek { color:#fff !important; font-size:.8rem; text-transform:uppercase; letter-spacing:.12em; }
.stopka-strony ul { list-style:none; padding:0; margin:0; }
.stopka-strony li { margin-bottom:.45rem; }
.stopka-linia { border-color:#2A3A48 !important; opacity:1; }

@media (max-width:781px){ .hero-strony{padding-top:4rem !important;padding-bottom:4rem !important;} }

/* Menu w naglowku: wymuszenie jasnych kolorow (ciemne tlo) */
.naglowek-strony .wp-block-navigation .wp-block-navigation-item__content,
.naglowek-strony .wp-block-navigation .wp-block-navigation-item__content span { color:#E8EDF1 !important; }
.naglowek-strony .wp-block-navigation .wp-block-navigation-item__content:hover { color:var(--jasny) !important; }
.naglowek-strony .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content { color:#E8EDF1 !important; }