/*
Theme Name: Meteo24
Description: Ciemny motyw redakcyjny spójny z portalem Meteo24.
Version: 1.1.0
Author: Meteo24
Requires PHP: 8.0
License: GPL-2.0-or-later
Text Domain: meteo24
*/
:root{color-scheme:dark;--ink:#edf4ff;--muted:#a5b6cb;--line:#2a3a50;--accent:#8dceef}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse 1100px 800px at 15% 0%,#17273c,transparent),#080f1d;background-repeat:no-repeat;color:var(--ink);font:16px/1.75 Arial,sans-serif}a{color:var(--accent);text-underline-offset:5px}a:hover{color:#fff}img{max-width:100%;height:auto}.wrap{width:min(1280px,calc(100% - 48px));margin:auto}.site-header{border-bottom:1px solid var(--line);background:#091220e6}.header-row{min-height:105px;display:flex;align-items:center;justify-content:space-between;gap:24px}.logo img{width:230px;display:block}.nav{display:flex;flex-wrap:wrap;gap:30px}.nav a{text-decoration:none;color:#c4d0e0;font-size:14px}.nav a[aria-current]{color:var(--accent);border-bottom:2px solid}.eyebrow{text-transform:uppercase;font-size:11px;letter-spacing:2px;color:var(--accent)}h1,h2,h3{line-height:1.15;letter-spacing:-.035em}h1{font-size:clamp(36px,5vw,66px);margin:14px 0 24px}h2{font-size:28px}main{min-height:65vh;padding:55px 0 80px}.intro{max-width:780px;margin-bottom:45px}.intro p{color:var(--muted)}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}.card{overflow:hidden;border:1px solid var(--line);border-radius:16px;background:linear-gradient(140deg,#18273c,#101b2b)}.cover{display:block;aspect-ratio:16/10;overflow:hidden;background:#20354b}.cover img{width:100%;height:100%;object-fit:cover;transition:transform .25s}.cover:hover img{transform:scale(1.03)}.placeholder{display:grid;place-items:center;height:100%;padding:35px}.placeholder img{object-fit:contain}.card-body{padding:25px}.card h2{font-size:24px;margin:12px 0}.card h2 a{color:var(--ink);text-decoration:none}.card p{color:var(--muted);font-size:14px}.meta{color:var(--muted);font-size:12px}.article{max-width:820px;margin:auto}.article-header{max-width:1000px;margin:0 auto 40px}.article-image{margin:30px 0 45px}.article-image img{width:100%;max-height:600px;object-fit:cover;border-radius:18px}.entry{font-size:18px;overflow-wrap:anywhere}.entry p{margin:0 0 1.5em}.entry h2,.entry h3{margin-top:1.6em}.entry blockquote{border-left:3px solid var(--accent);margin:30px 0;padding:10px 28px;color:#c4d9ea}.entry figcaption{color:var(--muted);font-size:13px}.entry iframe,.entry video{max-width:100%}.entry table{display:block;max-width:100%;overflow:auto}.entry input,.entry textarea{max-width:100%}.post-navigation,.pagination{margin-top:45px;padding-top:25px;border-top:1px solid var(--line)}footer{background:#060c16;border-top:1px solid var(--line);padding:40px 0;color:var(--muted);font-size:13px}.footer-row{display:flex;justify-content:space-between;gap:30px;flex-wrap:wrap}.skip{position:absolute;top:-100px}.skip:focus{top:10px;background:#fff;color:#000;padding:12px;z-index:10000}:focus-visible{outline:3px solid var(--accent);outline-offset:5px}.screen-reader-text{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}@media(max-width:900px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.wrap{width:calc(100% - 32px)}.header-row{padding:20px 0;flex-direction:column;align-items:flex-start}.logo img{width:190px}.nav{gap:24px}.grid{grid-template-columns:1fr}main{padding-top:35px}.entry{font-size:17px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}

/* Full photographs and editorial typography. */
.entry p{text-align:justify;hyphens:auto;text-justify:inter-word;overflow-wrap:break-word}
.article-image img{display:block;width:100%;height:auto;max-height:none;object-fit:contain}
.article-image figcaption{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px 24px;margin-top:12px;color:#c1cddd;font-size:13px;line-height:1.6}
.photo-credit{margin-left:auto}
.cover{aspect-ratio:auto}
.cover img{display:block;width:100%;height:auto;object-fit:contain;transform:none!important}
.entry .wp-block-image img{height:auto;object-fit:contain}
