/* Dopasowanie treści Betheme / Elementor / WooCommerce do ciemnego wyglądu Way2Champ. */
body.w2c{background:var(--bg);color:var(--fg);font-family:var(--f-body)}
body.w2c #Wrapper,body.w2c #Content,body.w2c .content_wrapper{background:var(--bg)!important;max-width:none}
body.w2c #Content{padding-top:0}
body.w2c #Content section{padding-block:0}
body.w2c #Content .section_wrapper,body.w2c .woocommerce .section_wrapper{max-width:var(--wrap)}
body.w2c #Content,body.w2c #Content p,body.w2c #Content li,body.w2c #Content td{color:var(--fg)}
body.w2c #Content h1,body.w2c #Content h2,body.w2c #Content h3,body.w2c #Content h4,body.w2c #Content h5,body.w2c #Content h6{color:var(--fg);font-family:var(--f-display);letter-spacing:-.01em}
body.w2c #Content a:not(.button):not(.btn):not(.elementor-button){color:var(--accent)}
body.w2c #Content img{display:inline-block;height:auto}
body.w2c #Content .section[style*="background-color: #fff"],body.w2c #Content .section[style*="background-color:#fff"]{background-color:var(--bg-2)!important}
body.w2c .w2c-home section{padding-block:clamp(64px,9vw,120px)}

/* Przyciski: Betheme, WooCommerce, Elementor */
body.w2c .button,body.w2c button.button,body.w2c a.button,body.w2c input[type=submit],body.w2c .elementor-button,
body.w2c .woocommerce #respond input#submit,body.w2c .woocommerce a.button.alt,body.w2c .woocommerce button.button.alt{
  background:var(--accent)!important;color:#111!important;border:0;border-radius:999px;font-weight:700;box-shadow:none}
body.w2c .button:hover,body.w2c .elementor-button:hover{filter:brightness(1.08)}

/* Formularze w treści (Contact Form 7, WooCommerce) */
body.w2c #Content input[type=text],body.w2c #Content input[type=email],body.w2c #Content input[type=tel],body.w2c #Content input[type=number],
body.w2c #Content input[type=password],body.w2c #Content select,body.w2c #Content textarea{
  background:var(--bg-2)!important;color:var(--fg)!important;border:1px solid var(--line)!important;border-radius:12px}

/* WooCommerce */
body.w2c ul.products li.product,body.w2c .woocommerce div.product{background:transparent}
body.w2c ul.products li.product .price,body.w2c .woocommerce div.product p.price,body.w2c .woocommerce div.product span.price{color:var(--accent)!important}
body.w2c .woocommerce table.shop_table,body.w2c .woocommerce-checkout #payment{background:var(--bg-2);border-color:var(--line);color:var(--fg)}
body.w2c .woocommerce-message,body.w2c .woocommerce-info,body.w2c .woocommerce-error{background:var(--bg-2);color:var(--fg);border-top-color:var(--accent)}

/* Stopka i pasek kopii testowej nie mogą zasłaniać treści */
body.w2c .w2c-footer{margin-top:0}
body.w2c #Footer,body.w2c #Header_wrapper,body.w2c #Top_bar{display:none}

/* Kroje: Betheme i Elementor wstawiają własne (Lato, Open Sans) – nadpisujemy na nasze. */
body.w2c,body.w2c p,body.w2c li,body.w2c td,body.w2c th,body.w2c label,body.w2c input,body.w2c textarea,body.w2c select,
body.w2c button,body.w2c .elementor-widget-text-editor,body.w2c .elementor-widget-text-editor *:not(i){font-family:var(--f-body)!important}
body.w2c h1,body.w2c h2,body.w2c h3,body.w2c h4,body.w2c h5,body.w2c h6,body.w2c .elementor-heading-title{font-family:var(--f-display)!important}

/* Betheme nadaje nagłówkom własny ciemny kolor; u nas dziedziczą kolor sekcji (jasny na ciemnym, ciemny na pomarańczowym). */
body.w2c h1,body.w2c h2,body.w2c h3,body.w2c h4,body.w2c h5,body.w2c h6{color:inherit!important}

/* Sklep: siatka kart jak w naszej wersji */
body.w2c ul.products{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px;margin:24px 0!important;padding:0}
body.w2c ul.products::before,body.w2c ul.products::after{display:none}
body.w2c ul.products li.product{width:auto!important;float:none!important;margin:0!important;padding:0 0 18px!important;background:var(--bg-2)!important;border:1px solid var(--line);border-radius:18px;overflow:hidden;text-align:left;display:flex;flex-direction:column}
body.w2c ul.products li.product img{width:100%!important;aspect-ratio:4/3;object-fit:cover;margin:0 0 14px!important;border-radius:0}
body.w2c ul.products li.product .desc,body.w2c ul.products li.product h2,body.w2c ul.products li.product h4,
body.w2c ul.products li.product .price{padding:0 18px;text-align:left}
body.w2c ul.products li.product h2,body.w2c ul.products li.product h4{font-size:1.35rem!important;line-height:1.05;text-transform:uppercase;margin:0 0 8px}
body.w2c ul.products li.product a{color:var(--fg)!important;text-decoration:none}
body.w2c ul.products li.product .price{font-family:var(--f-mono)!important;font-size:.95rem}
body.w2c .woocommerce .woocommerce-result-count,body.w2c .woocommerce .woocommerce-ordering{color:var(--muted)}
body.w2c #Content .page-title,body.w2c .woocommerce-products-header__title{font-size:clamp(2.2rem,5vw,3.6rem);margin:40px 0 16px}
/* Betheme układa produkty skryptem isotope (pozycje absolutne); wyłączamy to na rzecz siatki */
body.w2c ul.products{height:auto!important}
body.w2c ul.products li.product{position:static!important;transform:none!important;left:auto!important;top:auto!important}
body.w2c ul.products li.product .image_frame,body.w2c ul.products li.product .image_wrapper{margin:0;border:0;background:none}
body.w2c ul.products li.product .mfn-li-product-row{padding:0;margin:0}
body.w2c ul.products li.product .mfn-li-product-row-image{order:-1}
body.w2c ul.products li.product .mfn-li-product-row:not(.mfn-li-product-row-image){padding:0 18px}
body.w2c ul.products li.product .mask{display:none}

/* Lista bloga: kategorie i stronicowanie */
body.w2c .chips{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 28px}
body.w2c .chips a{border:1px solid var(--line);border-radius:999px;padding:6px 14px;font-size:.85rem;color:var(--muted);text-decoration:none}
body.w2c .chips a:hover{color:var(--fg);border-color:var(--accent)}
body.w2c .pager ul{display:flex;gap:8px;list-style:none;padding:0;margin:36px 0 0;flex-wrap:wrap}
body.w2c .pager a,body.w2c .pager span{display:block;padding:8px 14px;border:1px solid var(--line);border-radius:10px;text-decoration:none}
body.w2c .pager .current{background:var(--accent);color:#111;border-color:var(--accent)}

/* Formularz zakupu WooCommerce w bocznej karcie produktu */
body.w2c .w2c-cart-form table.variations{width:100%;border:0;margin:0 0 14px}
body.w2c .w2c-cart-form table.variations tr{display:flex;flex-direction:column;gap:6px;margin-bottom:12px}
body.w2c .w2c-cart-form table.variations th,body.w2c .w2c-cart-form table.variations td{padding:0;border:0;text-align:left;background:none}
body.w2c .w2c-cart-form label{font-size:.85rem;color:var(--muted);font-weight:500}
body.w2c .w2c-cart-form select{width:100%;background:var(--bg)!important;color:var(--fg);border:1px solid var(--line);border-radius:12px;padding:12px 14px;font:inherit}
body.w2c .w2c-cart-form .reset_variations{font-size:.8rem;color:var(--muted)}
body.w2c .w2c-cart-form .woocommerce-variation-price{margin:8px 0;font-family:var(--f-mono);color:var(--accent);font-size:1.3rem}
body.w2c .w2c-cart-form .quantity{display:none}
body.w2c .w2c-cart-form .single_add_to_cart_button{width:100%;padding:14px 22px!important;font-size:1rem;margin-top:6px}
body.w2c .buy .price del{opacity:.5}
body.w2c .buy .price ins{text-decoration:none}

/* Okienko „English version available” */
#w2c-lang-popup{position:fixed;inset:0;background:rgba(0,0,0,.65);z-index:999999;display:flex;align-items:center;justify-content:center;padding:16px}
#w2c-lang-popup[hidden]{display:none}
#w2c-lang-popup .w2c-lang-box{background:var(--bg-2);color:var(--fg);border:1px solid var(--line);border-radius:18px;padding:30px;max-width:500px;width:100%;text-align:center}
#w2c-lang-popup .w2c-lang-buttons{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:20px}

/* Filmy z opiniami (miniatura + przycisk odtwarzania) */
body.w2c .videos{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px;margin:24px 0 40px}
body.w2c .videos .yt,body.w2c .videos iframe{position:relative;display:block;width:100%;aspect-ratio:16/9;border:0;border-radius:14px;overflow:hidden;background:#000;padding:0;cursor:pointer}
body.w2c .videos .yt img{width:100%;height:100%;object-fit:cover;margin:0;opacity:.85;transition:opacity .2s}
body.w2c .videos .yt:hover img{opacity:1}
body.w2c .videos .yt-play{position:absolute;left:50%;top:50%;width:60px;height:60px;margin:-30px 0 0 -30px;border-radius:50%;background:var(--accent)}
body.w2c .videos .yt-play::after{content:"";position:absolute;left:24px;top:18px;border-style:solid;border-width:12px 0 12px 19px;border-color:transparent transparent transparent #111}
body.w2c .videos .yt-title{position:absolute;left:0;right:0;bottom:0;padding:24px 12px 10px;background:linear-gradient(transparent,rgba(0,0,0,.85));color:#fff;font:600 .9rem/1.3 var(--f-body);text-align:left}

/* Pasek WordPressa (tylko dla zalogowanych): menu przykleja się pod nim, pasek mieści się w jednym wierszu */
body.w2c.admin-bar .nav{top:32px}
@media (max-width:782px){body.w2c.admin-bar .nav{top:46px}}
@media (max-width:600px){body.w2c.admin-bar .nav{top:0}}
body.w2c #wpadminbar #wp-admin-bar-customize,body.w2c #wpadminbar #wp-admin-bar-duplicate-post,body.w2c #wpadminbar #wp-admin-bar-new_draft{display:none}
/* Filmy z telefonu: wysokie kafelki 9:16; miniatura przycięta do środka, więc bez rozmytej kopii po bokach */
body.w2c .videos.reels{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));margin-top:0}
body.w2c .videos.reels .yt,body.w2c .videos.reels iframe{aspect-ratio:9/16}

/* Sklep pogrupowany według celu */
body.w2c section.plan-group{padding-block:32px 8px;scroll-margin-top:110px}
body.w2c .plan-group h2{font-size:clamp(1.6rem,3vw,2.2rem);margin:0 0 6px;text-transform:uppercase}
body.w2c .plan-group .plan-lead{color:var(--muted);margin:0 0 18px;max-width:60ch}
body.w2c .plan-group .grid-cards{margin-bottom:24px}
body.w2c .pcard .price{display:block;margin-top:8px;font-family:var(--f-mono);color:var(--accent);font-size:.95rem}
body.w2c .pcard .price del{opacity:.5;margin-right:6px}
body.w2c .pcard .price ins{text-decoration:none}
body.w2c .shop-intro{margin-top:48px;padding-top:32px;border-top:1px solid var(--line);max-width:75ch}
/* Zdjęcia produktów mają wpisany tekst, więc pokazujemy je w całości (są kwadratowe) */
body.w2c .plan-group .pcard .ph{aspect-ratio:1/1}
body.w2c .plan-group .pcard .ph img{width:100%;height:100%;object-fit:cover}

/* Postęp w watach: klikalne kafelki podopiecznych + wykres obok */
body.w2c .profiles button{border:1px solid var(--line);border-radius:14px;padding:14px 16px;display:grid;gap:4px;text-align:left;background:transparent;color:var(--fg);cursor:pointer;font:inherit}
body.w2c .profiles button:hover{border-color:var(--accent)}
body.w2c .profiles button[aria-pressed="true"]{border-color:var(--accent);background:var(--accent-soft)}
body.w2c .profiles button b{font-weight:600}
body.w2c .profiles button span{font:400 .78rem var(--f-mono);color:var(--muted)}
body.w2c .results-quote{margin-top:40px;max-width:70ch}
body.w2c .results-grid{grid-template-columns:1fr 1.25fr;align-items:center}
@media (max-width:900px){body.w2c .results-grid{grid-template-columns:1fr}}

/* Oryginalne logo Way2Champ (prośba Arka 2026-10-20) */
.logo img{display:block;height:24px;width:auto}
.footer .logo img,footer .logo img{height:22px}

/* Oferta na telefonie: kolumny nie mogą być szersze niż ekran */
.offer-grid{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr)}
.offer-grid>*{min-width:0}
@media (max-width:860px){.offer-grid{grid-template-columns:minmax(0,1fr)}}
@media (max-width:480px){.plan{grid-template-columns:minmax(0,1fr) auto;padding:18px}.plan h3{font-size:1.15rem}.plan .price{font-size:1.1rem}}

/* Sekcja YouTube na stronie głównej */
body.w2c .yt-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:20px 32px}
body.w2c .yt-head .lead{margin-top:12px}
body.w2c .yt-cta{display:flex;flex-wrap:wrap;gap:12px}
body.w2c .videos.yt-row{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));margin-bottom:0}
@media (max-width:600px){
  body.w2c .videos.yt-row{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px;margin-inline:-16px;padding:0 16px 8px;scrollbar-width:none}
  body.w2c .videos.yt-row::-webkit-scrollbar{display:none}
  body.w2c .videos.yt-row>*{flex:0 0 82%;scroll-snap-align:start}
}

/* Z trenerem łatwiej: liczby, ściana zdjęć, wyniki z opinii (prośba Arka: „żeby było widać, że jest ich bardzo dużo”) */
.ref-stats{list-style:none;margin:0 0 8px;padding:0;display:flex;flex-wrap:wrap;gap:12px}
.ref-stats li{display:flex;align-items:baseline;gap:10px;border:1px solid var(--line);border-radius:999px;padding:10px 18px;background:var(--bg)}
.ref-stats b{font:800 1.5rem/1 var(--f-display);color:var(--accent)}
.ref-stats span{color:var(--muted);font-size:.9rem}
.ref-stats b span{color:inherit;font-size:inherit}
.ref-wall{display:grid;gap:10px;margin-block:40px 64px}
.ref-row{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
.ref-track{display:flex;gap:10px;width:max-content;animation:ref-scroll 90s linear infinite}
.ref-row:nth-child(2) .ref-track{animation-direction:reverse;animation-duration:100s}
.ref-row:hover .ref-track{animation-play-state:paused}
.ref-track img{height:clamp(130px,19vw,220px);width:auto;aspect-ratio:auto 4/3;border-radius:14px;background:var(--bg);flex:none}
@keyframes ref-scroll{to{transform:translateX(calc(-50% - 5px))}}
@media (prefers-reduced-motion:reduce){.ref-row{overflow-x:auto;-webkit-mask-image:none;mask-image:none}}
.ref-sub{font-size:clamp(1.5rem,3.2vw,2.1rem);margin:0 0 24px}
.ref-res{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;margin-bottom:72px}
.ref-card{background:var(--bg);border:1px solid var(--line);border-radius:18px;padding:22px;display:grid;grid-template-rows:auto 1fr auto;gap:16px}
.ref-big{display:grid;gap:6px}
.ref-big b{font:800 clamp(1.8rem,3.2vw,2.3rem)/1 var(--f-display);color:var(--accent);text-transform:none}
.ref-big span{font:500 .72rem/1.3 var(--f-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.ref-card p{font-size:.95rem}
.ref-head2{margin-bottom:24px}
.tst-grid.clip .card:nth-child(n+10){display:none}
.ref-more{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:24px}
.ref-more [hidden]{display:none}
@media (max-width:600px){
  .ref-stats li{padding:8px 14px}
  .ref-res{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:20px;gap:12px;margin-inline:-20px;padding:0 20px 8px;scrollbar-width:none}
  .ref-res::-webkit-scrollbar{display:none}
  .ref-res>*{flex:0 0 84%;scroll-snap-align:start}
  .ref-track img{height:130px}
}