/*
Theme Name: Codem Atmosphere
Theme URI: https://codem.cba.pl/
Author: Codem
Description: Autorski, responsywny motyw dla strony artysty Codem. Zachowuje układ dotychczasowej strony: pasek aktualności, trzy kolumny i mocną ekspozycję wpisów muzycznych.
Version: 1.3.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: codem-atmosphere
*/

:root{--violet:#7eaa76;--violet-2:#eaf6e6;--blue:#507c4a;--ink:#182019;--muted:#6e7b6e;--paper:#fff;--mist:#f7fbf5;--line:#dce9d8;--green-pale:#f1f8ee;--green-soft:#dfeeda;--green:#7eaa76;--green-dark:#4f7949;--max:1600px;--shadow:0 18px 40px rgba(62,91,58,.13)}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:linear-gradient(135deg,#fff 0%,var(--mist) 45%,#eef7eb 100%);color:var(--ink);font-family:Inter,Segoe UI,Arial,sans-serif;font-size:16px;line-height:1.6}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%;height:auto}
.screen-reader-text{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.site-shell{max-width:var(--max);margin:auto}
.utility-bar{height:40px;background:linear-gradient(90deg,#fff 0%,#edf8ea 45%,#d5ebcf 100%);color:var(--green-dark);border-bottom:1px solid var(--line)}
.utility-inner{max-width:var(--max);height:100%;margin:auto;padding:0 36px;display:flex;align-items:center;justify-content:space-between;font-size:.84rem;font-weight:700}
.utility-clock{background:rgba(255,255,255,.9);color:var(--green-dark);padding:6px 14px;border-radius:0 0 4px 4px;font-variant-numeric:tabular-nums}
.social-nav,.social-menu{display:flex;gap:14px;align-items:center}.social-menu{list-style:none;margin:0;padding:0}.social-nav a{opacity:.92}.social-nav a:hover{opacity:1}
.masthead{background:linear-gradient(110deg,#fff 0%,#fbfef9 62%,#eef7eb 100%);box-shadow:0 4px 14px rgba(62,91,58,.08)}
.masthead-inner{max-width:var(--max);min-height:205px;margin:auto;padding:34px 72px;display:grid;grid-template-columns:minmax(280px,440px) 1fr;gap:40px;align-items:center}
.site-branding{align-self:center}.site-title{margin:0;color:var(--blue);font-size:clamp(2rem,3vw,2.7rem);line-height:1.35;font-weight:850;letter-spacing:.01em;max-width:390px}.site-title a{color:inherit}.site-description{margin:10px 0 0;color:#81828a;font-size:1.1rem}
.nav-wrap{display:flex;justify-content:flex-end;align-items:center;gap:24px}.primary-menu{display:flex;justify-content:flex-end;align-items:center;flex-wrap:wrap;gap:8px 30px;list-style:none;margin:0;padding:0;font-weight:750}.primary-menu a{display:block;padding:10px 0;border-bottom:2px solid transparent}.primary-menu .current-menu-item>a,.primary-menu a:hover{color:var(--violet);border-color:var(--violet)}
.menu-toggle{display:none;border:0;background:none;padding:10px;cursor:pointer}.menu-toggle span{display:block;width:28px;height:3px;margin:5px;background:#111}
.content-frame{max-width:var(--max);margin:0 auto;padding:24px 34px 60px}
.ticker{position:relative;background:linear-gradient(110deg,#fff,#f5fbf2);min-height:145px;margin-bottom:24px;padding:54px 18px 18px;overflow:hidden;border:1px solid var(--line)}.ticker-label{position:absolute;top:0;left:0;background:linear-gradient(90deg,var(--green-dark),var(--green));color:#fff;padding:8px 14px;font-size:.9rem;font-weight:850;letter-spacing:.08em;text-transform:uppercase}.ticker-label:before{content:'●';margin-right:10px;color:#fff}.ticker-track{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(280px,1fr);gap:26px;overflow:auto;scrollbar-width:none}.ticker-track::-webkit-scrollbar{display:none}.ticker-item{display:grid;grid-template-columns:112px 1fr;gap:16px;align-items:center;padding-right:24px;border-right:1px solid var(--line)}.ticker-item img{width:112px;height:100px;object-fit:cover;border-radius:10px}.ticker-item time{display:block;color:#758074;font-size:.82rem}.ticker-item h3{font-size:1rem;line-height:1.35;margin:4px 0}.ticker-pause{position:absolute;right:0;top:0;width:36px;height:39px;border:0;background:var(--green);color:#fff;font-weight:900;cursor:pointer}
.editorial-grid{display:grid;grid-template-columns:minmax(230px,.8fr) minmax(520px,2fr) minmax(430px,1.25fr);gap:24px;align-items:start}.column-title{font-size:1.55rem;line-height:1.2;margin:0 0 16px}.stack{display:grid;gap:20px}
.story-card{position:relative;background:#161720;min-height:210px;overflow:hidden;color:#fff}.story-card img{width:100%;height:100%;min-height:210px;object-fit:cover;transition:transform .45s ease}.story-card:hover img{transform:scale(1.035)}.story-card:after{content:'';position:absolute;inset:35% 0 0;background:linear-gradient(transparent,rgba(6,7,14,.9))}.story-card-content{position:absolute;z-index:2;left:22px;right:22px;bottom:18px}.story-card h3{margin:8px 0 0;font-size:1.18rem;line-height:1.35}.post-labels{display:flex;gap:6px;flex-wrap:wrap}.post-label{background:var(--violet);color:#fff;font-size:.74rem;font-weight:800;text-transform:uppercase;padding:5px 8px}
.hero-story{position:relative;min-height:590px;background:#171821;overflow:hidden;color:#fff}.hero-story img{width:100%;height:590px;object-fit:cover}.hero-story:after{content:'';position:absolute;inset:35% 0 0;background:linear-gradient(transparent,rgba(5,5,10,.93))}.hero-content{position:absolute;z-index:2;left:34px;right:34px;bottom:30px}.hero-content h2{font-size:clamp(1.8rem,3vw,3.1rem);line-height:1.07;margin:13px 0 8px}.meta{font-size:.86rem;color:#ddd}.hero-content p{max-width:760px;margin:12px 0 0;color:#ececf2}.featured-fallback{height:100%;min-height:inherit;background:radial-gradient(circle at 30% 20%,#7566ff44,transparent 34%),linear-gradient(140deg,#151622,#32324a)}
.popular-list{display:grid;gap:14px}.popular-list .story-card:first-child{min-height:265px}.popular-list .story-card:first-child img{min-height:265px}.popular-compact{background:linear-gradient(120deg,#fff,var(--green-pale));border:1px solid var(--line);padding:14px 16px}.popular-compact h3{font-size:1rem;line-height:1.35;margin:0}.popular-compact .meta{color:#71806f;margin-top:7px}
.right-sidebar{display:grid;gap:20px;min-width:0}.popular-column{min-width:0}.sidebar-section{background:linear-gradient(145deg,#fff 0%,var(--green-pale) 100%);border:1px solid var(--line);padding:20px}.sidebar-section:first-child{padding:0;border:0;background:transparent}.sidebar-title{margin:0 0 14px;padding-bottom:10px;border-bottom:3px solid var(--green);font-size:1.18rem}.sidebar-feature{position:relative;min-height:250px;background:#243124;color:#fff;overflow:hidden}.sidebar-feature img{width:100%;height:250px;object-fit:cover}.sidebar-feature:after{content:'';position:absolute;inset:30% 0 0;background:linear-gradient(transparent,rgba(14,25,14,.92))}.sidebar-feature-copy{position:absolute;z-index:2;left:17px;right:17px;bottom:16px}.sidebar-feature-copy h3{margin:8px 0 0;line-height:1.25}.sidebar-post{display:grid;grid-template-columns:86px 1fr;gap:12px;align-items:center;padding:11px 0;border-bottom:1px solid var(--line)}.sidebar-post:last-child{border-bottom:0}.sidebar-post img,.sidebar-thumb-fallback{width:86px;height:70px;object-fit:cover;background:linear-gradient(135deg,var(--green-soft),#fff)}.sidebar-post h3{font-size:.94rem;line-height:1.25;margin:0}.sidebar-post .meta{color:var(--muted);font-size:.76rem;margin-top:4px}.sidebar-links{list-style:none;margin:0;padding:0}.sidebar-links li{border-bottom:1px solid var(--line)}.sidebar-links li:last-child{border-bottom:0}.sidebar-links a{display:flex;justify-content:space-between;padding:8px 0}.sidebar-links a:hover{color:var(--green-dark)}.page-with-sidebar{max-width:var(--max);margin:0 auto;padding:30px 34px 60px;display:grid;grid-template-columns:minmax(0,1fr) 430px;gap:30px;align-items:start}.page-with-sidebar .single-wrap,.page-with-sidebar .content-frame{padding:0;margin:0;max-width:none}
.legacy-widgets{display:grid;gap:22px}.legacy-widgets .widget{margin:0;background:linear-gradient(145deg,#fff 0%,var(--green-pale) 100%);border:1px solid var(--line);padding:20px;overflow:hidden}.legacy-widgets .widget-title,.legacy-widgets .wp-block-heading{margin:0 0 18px;font-size:1.55rem;line-height:1.2;color:var(--ink)}.legacy-widgets iframe{display:block;width:100%!important;max-width:100%;border:0}.legacy-widgets .fb-page,.legacy-widgets .fb-page>span{max-width:100%!important}.legacy-widgets .spotify-embed,.legacy-widgets iframe[src*="spotify"]{border-radius:14px;min-height:152px}.legacy-widgets img{height:auto}.legacy-widgets ul{list-style:none;margin:0;padding:0}.legacy-widgets li{padding:8px 0;border-bottom:1px solid var(--line)}
.latest-section{margin-top:28px;background:#fff;padding:30px}.main-column>.latest-section{margin-top:22px}.latest-header{display:flex;justify-content:space-between;align-items:end;gap:20px;border-bottom:1px solid var(--line);padding-bottom:14px;margin-bottom:20px}.latest-header h2{margin:0}.latest-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.main-column .latest-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.latest-card{border:1px solid var(--line);background:#fff;transition:transform .2s,box-shadow .2s}.latest-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.latest-card img{width:100%;aspect-ratio:16/10;object-fit:cover}.latest-copy{padding:18px}.latest-copy h3{line-height:1.3;margin:8px 0}.latest-copy p{color:var(--muted);font-size:.94rem}
.pagination{margin-top:28px}.pagination .nav-links{display:flex;gap:8px}.pagination a,.pagination span{background:#fff;border:1px solid var(--line);padding:8px 13px}.pagination .current{background:var(--violet);color:#fff}
.site-footer{background:linear-gradient(100deg,#263525,#3e593a);color:#f4f8f2;margin-top:0}.footer-inner{max-width:var(--max);margin:auto;padding:34px;display:flex;justify-content:space-between;gap:24px}.footer-inner p{margin:0}.footer-menu{list-style:none;display:flex;gap:18px;margin:0;padding:0}.site-footer a:hover{color:#dff1da}
.single-wrap{max-width:1120px;margin:0 auto;padding:38px 24px 70px}.article{background:#fff;padding:clamp(24px,5vw,62px)}.article h1{font-size:clamp(2rem,4vw,3.5rem);line-height:1.08;margin-top:0}.article .entry-content{font-size:1.08rem}.article .entry-content>*{max-width:820px;margin-left:auto;margin-right:auto}.article .entry-content img,.article .entry-content .wp-block-image{max-width:100%}
@media(max-width:1250px){.masthead-inner{padding:30px 36px;grid-template-columns:320px 1fr}.primary-menu{gap:6px 18px}.editorial-grid{grid-template-columns:minmax(240px,1fr) minmax(0,2fr)}.popular-column{grid-column:1/-1}.popular-list{grid-template-columns:repeat(3,1fr)}.page-with-sidebar{grid-template-columns:minmax(0,1fr) 380px}}
@media(max-width:760px){.utility-inner{padding:0 16px}.utility-inner>span{display:none}.masthead-inner{min-height:auto;padding:24px 20px;grid-template-columns:1fr auto;gap:12px}.site-title{font-size:1.85rem}.site-description{font-size:.95rem}.menu-toggle{display:block}.nav-wrap{align-self:start}.primary-menu{display:none;position:absolute;z-index:20;left:0;right:0;top:var(--menu-top,145px);background:#fff;padding:15px 22px 25px;box-shadow:0 18px 30px #0002;flex-direction:column;align-items:flex-start}.primary-menu.is-open{display:flex}.content-frame{padding:14px 12px 40px}.ticker{min-height:132px}.ticker-track{grid-auto-columns:84%}.ticker-item{grid-template-columns:86px 1fr}.ticker-item img{width:86px;height:78px}.editorial-grid{grid-template-columns:1fr}.archive-column{order:2}.main-column{order:1}.popular-column{order:3;grid-column:auto}.hero-story,.hero-story img{min-height:470px;height:470px}.hero-content{left:22px;right:22px}.popular-list{grid-template-columns:1fr}.latest-section{padding:22px 16px}.latest-grid,.main-column .latest-grid{grid-template-columns:1fr}.page-with-sidebar{padding:14px 12px 40px;grid-template-columns:1fr}.footer-inner{padding:28px 20px;flex-direction:column}.footer-menu{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}