/*
Theme Name: FCA Akademia
Template: storefront
Description: Motyw Football Club Academy (fcacademy.pl): strona glowna, blog, dokumenty, sklep. Motyw potomny Storefront.
Version: 1.0.0
Author: Football Club Academy
Text Domain: fca-akademia
*/
:root{
  --czern:#111111; --czern-2:#1C1C1C;
  --nieb:#1B5FD1; --nieb-cien:#12409A;
  --zolty:#F2C230;            /* tylko na czerni */
  --ochra:#B0830E;            /* akcent na jasnym tle */
  --papier:#F7F6F3; --bialy:#FFFFFF;
  --tekst:#1E1E1E; --szary:#5E5E5E; --linia:#DEDBD3;
  --zak:#F2C230; --por:#1C6BB0; --zub:#4CA332; --swi:#5A7C00;
  --f-nag:"Barlow Condensed","Arial Narrow",Arial,sans-serif;
  --f-txt:"Rubik",system-ui,-apple-system,"Segoe UI",sans-serif;
  color-scheme:light;
}
*{box-sizing:border-box}
body{margin:0;background:var(--papier);color:var(--tekst);font-family:var(--f-txt);font-weight:300;font-size:16px;line-height:1.55}
h1,h2,h3{font-family:var(--f-nag);font-weight:700;line-height:1.05;margin:0;text-wrap:balance}
p{margin:0}
a{color:inherit}
img{max-width:100%;display:block}
/* wspólne elementy makiety */
.w{max-width:1080px;margin:0 auto;padding-left:20px;padding-right:20px}
.nag{background:var(--czern);color:#fff}
.nag .w{display:flex;align-items:center;gap:14px;padding-block:12px;flex-wrap:wrap}
.nag img{width:46px;height:46px}
.nag .nazwa{font-family:var(--f-nag);font-weight:700;font-size:21px;text-transform:uppercase;letter-spacing:.4px;line-height:1}
.nag .nazwa small{display:block;font-family:var(--f-txt);font-weight:300;font-size:12px;text-transform:none;letter-spacing:0;color:#BDBDBD;margin-top:3px}
.menu{margin-left:auto;display:flex;gap:18px;flex-wrap:wrap;font-family:var(--f-nag);font-size:16px;letter-spacing:.4px;text-transform:uppercase}
.menu a{text-decoration:none;color:#E8E8E8}
.menu a.sklep{color:var(--zolty)}
.btn{display:inline-block;font:500 15px var(--f-txt);text-decoration:none;padding:12px 22px;border-radius:6px;border:2px solid transparent}
.btn-n{background:var(--nieb);color:#fff}
.btn-z{background:var(--zolty);color:#111}
.btn-o{border-color:currentColor}
.nad{font-family:var(--f-nag);font-weight:600;font-size:15px;letter-spacing:1.6px;text-transform:uppercase;color:var(--ochra)}
.sek{padding-block:52px}
.sek h2{font-size:clamp(28px,4vw,40px);text-transform:uppercase;margin:6px 0 22px}
.przyk{font-size:12px;color:var(--szary)}

.oddz{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.od{background:var(--bialy);border:1px solid var(--linia);border-top:6px solid var(--a);padding:18px;display:flex;flex-direction:column;gap:10px}
.od img{width:76px;height:76px}
.od h3{font-size:24px;text-transform:uppercase}
.od p{font-size:14px;color:var(--szary)}
.od .lk{margin-top:auto;font-weight:500;font-size:14px;color:var(--nieb-cien)}
.zak{--a:var(--zak)} .por{--a:var(--por)} .zub{--a:var(--zub)} .swi{--a:var(--swi)}

.prod{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.pr{background:var(--bialy);border:1px solid var(--linia);display:flex;flex-direction:column}
.pr .fot{aspect-ratio:1/1;max-width:100%;background:#ECEAE4;display:grid;place-items:center;font-family:var(--f-nag);font-size:15px;color:#9A968C;text-transform:uppercase;letter-spacing:1px}
.pr div.t{padding:12px 14px;display:flex;justify-content:space-between;gap:8px;font-size:14px}
.pr b{font-weight:500;font-variant-numeric:tabular-nums;white-space:nowrap}

.stopka{background:var(--czern);color:#C9C9C9;font-size:13px}
.stopka .w{padding-block:28px;display:flex;flex-wrap:wrap;gap:10px 28px;justify-content:space-between}
.stopka strong{color:#fff;font-weight:500}

/* ===== WARIANT C ===== */
.c-hero{color:#fff;overflow:hidden;background:linear-gradient(90deg,rgba(18,64,154,.94) 0,rgba(27,95,209,.82) 42%,rgba(27,95,209,0) 78%),var(--nieb) url(assets/trening-nogi.jpg) 70% 60%/cover no-repeat}
.c-hero .w{display:grid;grid-template-columns:1fr;gap:20px;align-items:end;padding-top:72px;min-height:300px}
.c-hero .w>div{max-width:560px}
.c-hero h1{font-size:clamp(42px,6.4vw,76px);text-transform:uppercase}
.c-hero p.lead{font-size:18px;color:#E3ECFB;margin:16px 0 0;max-width:40ch}
.c-hero .hugo{width:170px;margin-bottom:-4px}
.c-dwa{display:grid;grid-template-columns:1fr 1fr;gap:0;margin-top:30px}
.c-dwa a{text-decoration:none;padding:24px 22px;display:flex;flex-direction:column;gap:6px}
.c-dwa a:first-child{background:var(--czern);color:#fff}
.c-dwa a:last-child{background:var(--zolty);color:#111}
.c-dwa h3{font-size:30px;text-transform:uppercase}
.c-dwa p{font-size:15px}
.c-lista{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.c-lista .od{flex-direction:row;align-items:center;padding:12px;border-top-width:1px;border-left:6px solid var(--a)}
.c-lista .od img{width:54px;height:54px}
.c-lista .od h3{font-size:20px}
.c-lista .od p{font-size:12px}
.c-akt{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.c-akt article{background:var(--bialy);border:1px solid var(--linia);padding:18px}
.c-akt time{font-size:12px;color:var(--ochra);font-weight:500;text-transform:uppercase;letter-spacing:1px}
.c-akt h3{font-size:21px;margin:6px 0;text-transform:uppercase}
.c-akt p{font-size:14px;color:var(--szary)}

.menu a.nowa{border-bottom:2px solid var(--nieb)}
.paszport{background:var(--bialy);border-top:1px solid var(--linia)}
.pasz-uklad{display:grid;grid-template-columns:1.25fr .75fr;gap:40px;align-items:center}
.paszport .lead{font-size:17px;color:var(--szary);max-width:56ch}
.pasz-kroki{list-style:none;padding:0;margin:22px 0 26px;display:grid;grid-template-columns:1fr 1fr;gap:14px 24px}
.pasz-kroki li{border-left:4px solid var(--nieb);padding-left:12px}
.pasz-kroki b{display:block;font-family:var(--f-nag);font-size:20px;text-transform:uppercase}
.pasz-kroki span{font-size:14px;color:var(--szary)}
.pasz-hugo{background:#fff;border:1px solid var(--linia);border-bottom:8px solid var(--nieb);padding:24px;display:flex;flex-direction:column;align-items:center;gap:14px}
.pasz-hugo img{width:170px}
.pieczatki{display:flex;gap:10px}
.pieczatki i{width:34px;height:34px;border-radius:50%;border:2px dashed #9A968C}
.pieczatki i.ok{border:2px solid var(--zolty);background:var(--czern);box-shadow:inset 0 0 0 5px var(--czern),inset 0 0 0 9px var(--zolty)}

/* ===== SEKCJE WSPÓLNE ===== */
.glowa{display:flex;justify-content:space-between;align-items:end;gap:12px;flex-wrap:wrap}
.lk-wiecej{font-weight:500;font-size:15px;color:var(--nieb-cien);margin-bottom:22px}
.wsp-blog,.wsp-faq{background:var(--bialy)}
.blog{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.wpis{border:1px solid var(--linia);background:var(--papier);display:flex;flex-direction:column}
.foto-slot{aspect-ratio:3/2;max-width:100%;background:#2B2B2B repeating-linear-gradient(135deg,#2B2B2B 0 14px,#333 14px 28px);display:grid;place-items:center}
.foto-slot span{font-family:var(--f-nag);font-size:15px;letter-spacing:1.2px;text-transform:uppercase;color:#CFCFCF;background:rgba(0,0,0,.55);padding:6px 12px}
.foto-slot span:empty{display:none}
.wpis .tr{padding:16px 18px 20px}
.wpis time{font-size:12px;color:var(--ochra);font-weight:500;text-transform:uppercase;letter-spacing:1px}
.wpis h3{font-size:22px;text-transform:uppercase;margin:6px 0}
.wpis p{font-size:14px;color:var(--szary)}
.dok{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.pl{display:flex;gap:14px;align-items:center;background:var(--bialy);border:1px solid var(--linia);padding:14px 16px;text-decoration:none}
.pl:hover{border-color:var(--nieb)}
.pl .typ{flex:none;width:58px;height:58px;display:grid;place-items:center;background:var(--czern);color:var(--zolty);font-family:var(--f-nag);font-weight:700;font-size:16px;letter-spacing:.5px}
.pl b{display:block;font-weight:500}
.pl small{display:block;color:var(--szary);font-size:13px}
.faq-uklad{display:grid;grid-template-columns:.8fr 1.2fr;gap:36px}
.faq details{border-bottom:1px solid var(--linia);padding:14px 0}
.faq summary{cursor:pointer;font-weight:500;font-size:17px;list-style:none;display:flex;justify-content:space-between;gap:14px}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";font-family:var(--f-nag);font-size:26px;line-height:.8;color:var(--nieb)}
.faq details[open] summary::after{content:"–"}
.faq p{margin-top:10px;color:var(--szary);font-size:15px;max-width:62ch}
.patron{background:var(--czern);color:#fff}
.patron-uklad{display:grid;grid-template-columns:.8fr 1.2fr;gap:40px;align-items:center;padding-block:56px}
.patron-foto img{width:100%;aspect-ratio:4/5;object-fit:cover;object-position:50% 30%;max-width:100%}
.patron h2{font-size:clamp(32px,4.6vw,50px);text-transform:uppercase;margin:8px 0 14px}
.patron .lead{color:#D2D2D2;font-size:17px;max-width:46ch}
.patron-lista{margin:18px 0 24px;padding:0;list-style:none;display:grid;gap:8px}
.patron-lista li{padding-left:22px;position:relative;color:#E6E6E6}
.patron-lista li::before{content:"";position:absolute;left:0;top:.6em;width:10px;height:10px;background:var(--zolty)}

@media (max-width:860px){
  .blog,.dok{grid-template-columns:1fr 1fr}
  .faq-uklad,.patron-uklad,.pasz-uklad{grid-template-columns:1fr}
  .patron-foto img{aspect-ratio:16/9}
  .prod{grid-template-columns:repeat(2,minmax(0,1fr))}
  .oddz,.c-lista{grid-template-columns:1fr}
  .a-hero .w{grid-template-columns:1fr}
  .a-hero .foto{justify-self:start;width:220px}
  .a-rodz,.c-akt{grid-template-columns:1fr}
  .b-kroki{grid-template-columns:1fr 1fr}
  .b-kroki li:nth-child(2){border-right:0}
  .b-kroki li:nth-child(-n+2){border-bottom:1px solid var(--linia)}
  .menu{display:none}
}
@media (max-width:520px){
  .blog,.dok,.pasz-kroki{grid-template-columns:1fr}
  .oddz,.prod,.c-lista,.b-kroki,.c-dwa{grid-template-columns:1fr}
  .b-kroki li{border-right:0;border-bottom:1px solid var(--linia)}
  .c-hero{background:linear-gradient(180deg,rgba(18,64,154,.9),rgba(27,95,209,.78)),var(--nieb) url(assets/trening-nogi.jpg) 60% 60%/cover no-repeat}
}

/* ===== dopasowanie do Storefront / WooCommerce ===== */
body{background:var(--papier)}
html,body{background:var(--papier)}
.site-content{padding:0;margin:0}
#tresc>.site-main,#primary.content-area{max-width:1080px;margin:0 auto;padding:40px 20px 60px;float:none;width:auto}
#tresc .woocommerce-products-header__title{font-size:clamp(34px,5vw,54px);text-transform:uppercase}
#tresc ul.products li.product{text-align:left}
#tresc ul.products li.product .woocommerce-loop-product__title{font-size:22px}
.fca-tresc{max-width:1080px;margin:0 auto;padding:40px 20px 60px}
.fca-tresc h1{font-size:clamp(34px,5vw,54px);text-transform:uppercase;margin-bottom:18px}
.fca-tresc .entry-content,.fca-tresc .entry-summary{font-size:17px;line-height:1.65}
.fca-tresc a{color:var(--nieb-cien)}
.menu a:hover,.menu a:focus-visible{color:#fff;text-decoration:underline}
.nag{position:relative;z-index:10}
.nag .nazwa a{color:inherit;text-decoration:none}
.nag-logo{display:flex;align-items:center;gap:14px;text-decoration:none;color:#fff}
.menu-przycisk{display:none;margin-left:auto;background:none;border:1px solid #666;color:#fff;font:500 15px var(--f-txt);padding:8px 14px;border-radius:6px}
@media (max-width:860px){
  .menu-przycisk{display:inline-block}
  .menu{display:none;width:100%;margin-left:0;flex-direction:column;gap:0}
  .menu.otwarte{display:flex}
  .menu a{padding:12px 0;border-top:1px solid #333}
}
.fca-wpis-karta{background:var(--bialy);border:1px solid var(--linia);padding:22px;margin-bottom:16px}
.fca-wpis-karta h2{font-size:28px;text-transform:uppercase}
.fca-wpis-karta h2 a{text-decoration:none;color:inherit}
.fca-wpis-karta time{font-size:12px;color:var(--ochra);font-weight:500;text-transform:uppercase;letter-spacing:1px}
.wpis .tr h3 a{text-decoration:none;color:inherit}
.wpis img.wp-post-image{width:100%;aspect-ratio:3/2;object-fit:cover}
.btn:focus-visible,.menu a:focus-visible,.pl:focus-visible{outline:3px solid var(--zolty);outline-offset:2px}
.site-footer,.site-header{display:none}
.stopka a{color:#E6E6E6}
.woocommerce-products-header{text-align:left}
.fca-komunikat{background:var(--bialy);border:1px solid var(--linia);border-left:6px solid var(--zolty);padding:16px 20px;margin:0 0 26px;font-size:17px;color:var(--tekst)}
h1,h2,h3,h4,h5,h6{color:inherit}
.c-hero,.c-hero h1,.c-hero .lead{color:#fff}.c-hero .lead{color:#E3ECFB}.c-dwa a:first-child,.c-dwa a:first-child h3,.c-dwa a:first-child p{color:#fff}.c-dwa a:last-child,.c-dwa a:last-child h3,.c-dwa a:last-child p{color:#111}
.pl,.pl:hover{color:var(--tekst)}.pl b{color:var(--tekst)}
.patron,.patron h2{color:#fff}.nag a{color:#E8E8E8}.nag .nag-logo{color:#fff}.menu a.sklep{color:var(--zolty)}
.btn-n,.btn-n:hover{color:#fff}.btn-z,.btn-z:hover{color:#111}
.faq summary{color:var(--tekst)}
.entry-content h2{font-size:30px;text-transform:uppercase;margin:34px 0 12px}
.entry-content .lid{font-size:19px;color:var(--czern);font-weight:400;border-left:5px solid var(--nieb);background:var(--bialy);padding:18px 21px;margin:0 0 29px}
.entry-content .dziekujemy{background:var(--bialy);border:1px solid var(--linia);border-left:5px solid var(--zolty);padding:18px 21px;margin:28px 0}
.entry-content .cta-wrap{text-align:center;margin:42px 0 8px}
.entry-content img{max-width:100%;height:auto}
.entry-content p,.entry-content ul,.entry-content ol,.entry-content table{margin:0 0 1.15em}
.entry-content a.btn-n,.entry-content a.btn-n:hover,.entry-content a.btn-n:visited{color:#fff;text-decoration:none}
.entry-content a.btn-z,.entry-content a.btn-z:hover,.entry-content a.btn-z:visited{color:#111;text-decoration:none}
.storefront-product-pagination,.product_meta .sku_wrapper{display:none}