/*
Theme Name: Messerscheibe24
Theme URI: https://messerscheibe24.de
Description: Modernes, schnelles WooCommerce-Theme für Messerscheibe24 — Messerscheiben & Ersatzklingen für Mähroboter. Eigenes Design, SEO-optimiert, kein Page-Builder.
Author: Messerscheibe24
Version: 1.0.0
Requires at least: 6.0
Tested up to: 7.0
Requires PHP: 7.4
License: GNU General Public License v2 or later
Text Domain: messerscheibe24
WC requires at least: 6.0
WC tested up to: 10.7
*/

/* ============================================================
   DESIGN SYSTEM — messerscheibe24 (blau / tech / vertrauen)
   ============================================================ */
:root{
  /* paleta: granat + cieply bursztyn (amazon-style, wlasna) */
  --navy:#131a26; --navy-2:#1d2738; --navy-light:#2b3a52;
  --amber:#f59e0b; --amber-dark:#d97706; --amber-50:#fffbeb; --amber-100:#fef3c7;
  --accent:#1e40af;            /* linki/akcenty - stonowany granat-niebieski */
  --accent-50:#eff4ff;
  /* aliasy zgodnosci wstecznej (stary kod uzywal --blue*) -> mapuje na nowa palete */
  --blue:var(--amber); --blue-dark:var(--amber-dark); --blue-light:var(--amber); --blue-50:var(--amber-50);
  --ink:#0f172a; --gray:#475569; --gray-light:#94a3b8; --line:#e5e7eb; --bg:#f6f7f9;
  --green:#067d62; --green-light:#e3f4ef; --red:#dc2626;
  --radius:10px; --radius-sm:7px; --radius-lg:14px;
  --shadow:0 1px 3px rgba(15,23,42,.08),0 1px 2px rgba(15,23,42,.04);
  --shadow-md:0 4px 12px rgba(15,23,42,.10);
  --shadow-lg:0 14px 34px rgba(19,26,38,.14);
  --container:1280px;
  --font:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;
}

*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{
  margin:0;font-family:var(--font);color:var(--ink);background:#fff;
  font-size:15px;line-height:1.6;-webkit-font-smoothing:antialiased;
}
a{color:var(--accent);text-decoration:none;transition:color .15s;}
a:hover{color:var(--amber-dark);}
img{max-width:100%;height:auto;display:block;}
h1,h2,h3,h4{margin:0 0 .5em;line-height:1.25;letter-spacing:-.01em;color:var(--ink);font-weight:800;}
.container{max-width:var(--container);margin:0 auto;padding:0 20px;}

/* ============================================================
   BUTTONS
   ============================================================ */
.btn,button,input[type=submit],.button,
.wc-block-components-button,.added_to_cart,
.woocommerce a.button,.woocommerce button.button,.woocommerce input.button,
.woocommerce .button.alt,.woocommerce #respond input#submit,
.woocommerce button.button.alt,.single_add_to_cart_button{
  display:inline-flex!important;align-items:center;justify-content:center;gap:8px;
  background:var(--amber)!important;background-color:var(--amber)!important;color:var(--navy)!important;border:1px solid var(--amber-dark)!important;cursor:pointer;
  padding:13px 24px;border-radius:var(--radius)!important;font-weight:800!important;font-size:15px;
  font-family:var(--font);letter-spacing:.01em;transition:all .15s ease;
  box-shadow:0 2px 6px rgba(217,119,6,.28)!important;text-decoration:none;text-shadow:none!important;
}
.btn:hover,button:hover,.button:hover,input[type=submit]:hover,
.woocommerce a.button:hover,.woocommerce button.button:hover,
.woocommerce .button.alt:hover,.single_add_to_cart_button:hover{
  background:var(--amber-dark)!important;background-color:var(--amber-dark)!important;transform:translateY(-1px);
  box-shadow:0 6px 16px rgba(217,119,6,.40)!important;color:var(--navy)!important;
}
.btn-outline{background:#fff!important;background-color:#fff!important;color:var(--navy)!important;border:1.5px solid var(--navy-light)!important;box-shadow:none!important;white-space:nowrap;}
.btn-outline:hover{background:var(--navy)!important;background-color:var(--navy)!important;color:#fff!important;border-color:var(--navy)!important;}
.btn-lg{padding:16px 32px;font-size:17px;}
.btn-block{display:flex;width:100%;}

/* ============================================================
   HEADER
   ============================================================ */
.site-header{position:sticky;top:0;z-index:200;background:var(--navy);box-shadow:0 2px 8px rgba(0,0,0,.18);}
/* top bar — najciemniejszy granat */
.header-top{background:#0b1018;color:#c7d0dd;font-size:13px;}
.header-top .container{display:flex;justify-content:space-between;align-items:center;height:36px;gap:20px;}
.header-top a{color:#c7d0dd;}
.header-top a:hover{color:#fff;}
.header-top-trust{display:flex;gap:22px;align-items:center;}
.header-top-trust span{display:flex;align-items:center;gap:6px;}
.header-top-trust svg{width:15px;height:15px;stroke:var(--amber);}
/* main bar — granat, logo+search+ikony jasne */
.header-main{background:var(--navy);}
.header-main .container{display:flex;align-items:center;gap:28px;height:74px;}
.site-logo{font-size:24px;font-weight:900;color:#fff;letter-spacing:-.02em;flex-shrink:0;display:flex;align-items:center;gap:10px;}
.site-logo b{color:var(--amber);}
.site-logo img{max-height:44px;width:auto;}
.logo-mark{display:inline-flex;width:38px;height:38px;flex-shrink:0;}
.logo-mark svg{width:100%;height:100%;display:block;filter:drop-shadow(0 2px 4px rgba(0,0,0,.35));transition:transform .25s ease;}
.site-logo:hover .logo-mark svg{transform:rotate(30deg);}
.logo-text{line-height:1;}
.header-search{flex:1;max-width:620px;display:flex;border:2px solid transparent;border-radius:var(--radius);overflow:hidden;background:#fff;transition:border-color .15s,box-shadow .15s;}
.header-search:focus-within{border-color:var(--amber);box-shadow:0 0 0 3px rgba(245,158,11,.35);}
.header-search input{flex:1;border:none;outline:none;padding:12px 16px;font-size:14px;font-family:var(--font);color:var(--ink);}
.header-search button{border-radius:0!important;box-shadow:none!important;padding:0 22px;}
.header-actions{display:flex;gap:4px;align-items:center;margin-left:auto;}
.header-icon{display:flex;flex-direction:column;align-items:center;gap:2px;padding:7px 12px;border-radius:var(--radius-sm);color:#e7ebf2;font-size:11px;font-weight:600;position:relative;transition:background .15s,color .15s;border:1px solid transparent;}
.header-icon:hover{background:rgba(255,255,255,.08);color:#fff;border-color:rgba(255,255,255,.18);}
.header-icon svg{width:24px;height:24px;stroke:currentColor;}
.header-icon .badge{position:absolute;top:-2px;right:4px;background:var(--amber);color:var(--navy);font-size:10px;font-weight:800;min-width:18px;height:18px;border-radius:9px;display:flex;align-items:center;justify-content:center;padding:0 5px;border:2px solid var(--navy);}

/* MAIN NAV (kategorie marek) — jasniejszy granat pod headerem */
.main-nav{background:var(--navy-light);}
.main-nav .container{display:flex;gap:4px;align-items:center;height:46px;overflow-x:auto;scrollbar-width:none;}
.main-nav .container::-webkit-scrollbar{display:none;}
.main-nav a{padding:7px 15px;border-radius:var(--radius-sm);font-weight:600;font-size:14px;color:#e7ebf2;white-space:nowrap;transition:all .15s;}
.main-nav a:hover{background:rgba(255,255,255,.10);color:#fff;}
.main-nav a.nav-all{background:var(--amber);color:var(--navy);font-weight:800;}
.main-nav a.nav-all:hover{background:var(--amber-dark);color:var(--navy);}

/* ============================================================
   HERO
   ============================================================ */
.hero{background:linear-gradient(135deg,#0b1018 0%,#131a26 45%,#1d2738 100%);color:#fff;padding:66px 0 60px;position:relative;overflow:hidden;}
.hero::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 78% 12%,rgba(245,158,11,.20),transparent 42%),radial-gradient(circle at 8% 95%,rgba(245,158,11,.10),transparent 50%);pointer-events:none;}
.hero::after{content:"";position:absolute;right:-90px;top:-90px;width:360px;height:360px;background:rgba(255,255,255,.04);border-radius:50%;}
.hero .container{position:relative;z-index:2;max-width:760px;text-align:center;margin:0 auto;}
.hero h1{color:#fff;font-size:40px;line-height:1.12;margin-bottom:14px;}
.hero p{font-size:18px;color:rgba(255,255,255,.92);margin:0 0 28px;}
.hero-search{display:flex;max-width:540px;margin:0 auto;border-radius:var(--radius);overflow:hidden;box-shadow:0 12px 36px rgba(0,0,0,.25);background:#fff;}
.hero-search select,.hero-search input{flex:1;border:none;outline:none;padding:0 18px;height:56px;font-size:15px;font-family:var(--font);color:var(--ink);}
.hero-search button{border-radius:0;height:56px;padding:0 30px;font-size:16px;}
.hero-trust{display:flex;gap:28px;justify-content:center;margin-top:26px;flex-wrap:wrap;}
.hero-trust span{display:flex;align-items:center;gap:7px;font-size:14px;font-weight:600;color:rgba(255,255,255,.95);}
.hero-trust svg{width:18px;height:18px;stroke:#fff;}

/* ============================================================
   SECTIONS
   ============================================================ */
.section{padding:56px 0;}
.section-bg{background:var(--bg);border-top:1px solid var(--line);border-bottom:1px solid var(--line);}
.section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:30px;gap:16px;flex-wrap:wrap;}
.section-title{font-size:28px;font-weight:800;color:var(--ink);margin:0;position:relative;padding-bottom:12px;}
.section-title::after{content:"";position:absolute;left:0;bottom:0;width:52px;height:4px;border-radius:4px;background:var(--blue);}
.section-sub{color:var(--gray);font-size:15px;margin:10px 0 0;}

/* BRAND GRID — czyste biale karty (produkt na bialym tle + nazwa) */
.brand-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:18px;}
.brand-card{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:var(--radius-lg);overflow:hidden;background:#fff;box-shadow:var(--shadow);transition:transform .2s,box-shadow .2s,border-color .2s;}
.brand-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--blue-light);}
.brand-thumb{display:flex;align-items:center;justify-content:center;aspect-ratio:1;background:#fff;padding:18px;}
.brand-thumb img{position:static;width:100%;height:100%;object-fit:contain;}
.brand-name{display:block;text-align:center;padding:14px 12px;font-weight:700;font-size:15px;color:var(--ink);border-top:1px solid var(--line);background:#fff;transition:color .15s,background .15s;}
.brand-card:hover .brand-name{color:var(--blue);background:var(--blue-50);}

/* ============================================================
   PRODUCT CARDS (loop) — amazon-like
   ============================================================ */
/* reset domyslnego WooCommerce float-layoutu (psul szerokosc kart) */
.woocommerce ul.products,.woocommerce-page ul.products,ul.products{list-style:none!important;margin:0!important;padding:0!important;display:grid!important;grid-template-columns:repeat(auto-fill,minmax(220px,1fr))!important;gap:18px!important;}
.woocommerce ul.products li.product,.woocommerce-page ul.products li.product,ul.products li.product{width:auto!important;min-width:0!important;float:none!important;margin:0!important;clear:none!important;}
.woocommerce ul.products::before,.woocommerce ul.products::after,ul.products::before,ul.products::after{display:none!important;content:none!important;}
.product-card,ul.products li.product{
  background:#fff;border:1px solid var(--line);border-radius:var(--radius-lg);
  overflow:hidden;transition:box-shadow .2s,transform .2s,border-color .2s;
  display:flex;flex-direction:column;
}
ul.products li.product:hover{box-shadow:var(--shadow-lg);transform:translateY(-3px);border-color:var(--blue-light);}
ul.products li.product a.woocommerce-LoopProduct-link{display:block;padding:0;}
ul.products li.product img{width:100%;aspect-ratio:1;object-fit:cover;background:var(--bg);}
ul.products li.product .product-body{padding:14px 16px 16px;display:flex;flex-direction:column;flex:1;}
ul.products li.product .woocommerce-loop-product__title{font-size:14px!important;font-weight:600;color:var(--ink);line-height:1.4;margin:0 0 8px;min-height:38px;padding:0;}
.loop-rating{display:flex;align-items:center;gap:5px;margin-bottom:8px;}
.loop-rating .stars{color:var(--amber);font-size:14px;letter-spacing:1px;}
.loop-rating .count{color:var(--gray-light);font-size:12px;}
ul.products li.product .price{font-size:20px!important;font-weight:800;color:var(--ink)!important;margin:0 0 4px;}
ul.products li.product .price del{color:var(--gray-light);font-weight:400;font-size:14px;margin-right:6px;}
ul.products li.product .price ins{text-decoration:none;}
.loop-delivery{display:inline-flex;align-items:center;gap:5px;background:var(--green-light);color:var(--green);font-size:11.5px;font-weight:700;padding:4px 9px;border-radius:var(--radius-sm);margin-bottom:12px;align-self:flex-start;}
.loop-delivery svg{width:13px;height:13px;}
ul.products li.product .button,ul.products li.product .add_to_cart_button{margin-top:auto;width:100%;}

/* ============================================================
   SINGLE PRODUCT
   ============================================================ */
/* SINGLE PRODUCT — uklad AMAZON 3 kolumny: galeria | info | buy-box */
.woocommerce div.product{display:grid!important;grid-template-columns:minmax(0,.95fr) minmax(0,1.25fr);gap:34px;align-items:start;padding:26px 0;float:none!important;}
.woocommerce div.product .woocommerce-product-gallery{width:100%!important;margin:0!important;float:none!important;align-self:start;}
/* summary = grid wewnetrzny: info (lewo) | buy-col (prawo) -> razem z galeria = 3 kolumny */
.woocommerce div.product .summary{width:100%!important;margin:0!important;float:none!important;display:grid!important;grid-template-columns:minmax(0,1fr) minmax(290px,.78fr);gap:30px;align-items:start;}
.woocommerce div.product .woocommerce-product-gallery .flex-viewport,.woocommerce div.product .woocommerce-product-gallery figure{margin:0!important;}
.woocommerce-product-gallery__wrapper{margin:0!important;}
.woocommerce-product-gallery__image{border:none;border-radius:0;overflow:visible;background:#fff;margin:0!important;}
.woocommerce-product-gallery__image img{border-radius:0;display:block;}
/* bez lupy/zoom-triggera */
.woocommerce-product-gallery__trigger{display:none!important;}
.woocommerce div.product .flex-control-thumbs{margin-top:14px;}
.woocommerce div.product .flex-control-thumbs img{border:1px solid var(--line);border-radius:var(--radius-sm);opacity:.7;transition:all .15s;}
.woocommerce div.product .flex-control-thumbs img.flex-active,.woocommerce div.product .flex-control-thumbs img:hover{opacity:1;border-color:var(--amber);}

/* przypisanie kolumn w summary-grid: info->lewo (kol1), buy-col->prawo (kol2, cala wysokosc) */
.woocommerce div.product .summary > *{grid-column:1;min-width:0;}
.woocommerce div.product .summary > .buy-col{grid-column:2;grid-row:1 / 7;align-self:start;position:-webkit-sticky;position:sticky;top:96px;height:max-content;}

/* KOLUMNA SRODKOWA (info): tytul, opis-bullets */
.woocommerce div.product .product_title,.woocommerce div.product .summary .product_title{font-size:24px!important;font-weight:800!important;margin:0 0 12px!important;line-height:1.32;color:var(--ink);grid-row:1;}
/* domyslna cena WooCommerce ukryta wszedzie w summary — cena jest w buy-boxie (jak Amazon) */
.woocommerce div.product .summary p.price,.woocommerce div.product .summary > .price{display:none!important;}
.woocommerce div.product .woocommerce-product-details__short-description{color:var(--gray);font-size:14.5px;line-height:1.7;}
.woocommerce div.product .woocommerce-product-details__short-description ul{padding-left:0;list-style:none;margin:0;}
.woocommerce div.product .woocommerce-product-details__short-description li{position:relative;padding-left:26px;margin-bottom:9px;}
.woocommerce div.product .woocommerce-product-details__short-description li::before{content:"";position:absolute;left:0;top:3px;width:17px;height:17px;border-radius:50%;background:var(--green-light) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23067d62' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3.5 8.5l3 3 6-7'/%3E%3C/svg%3E") center/12px no-repeat;}

/* BUY-BOX — wydzielona ramka jak na Amazon (cena, stock, qty, przycisk, meta) */
.buy-col{border:1px solid var(--line);border-radius:var(--radius-lg);background:#fff;box-shadow:var(--shadow-md);padding:20px;margin:22px 0 0;}
.buybox-price{font-size:30px;font-weight:800;color:var(--ink);line-height:1;margin-bottom:8px;}
.buybox-stock{display:flex;align-items:center;gap:7px;color:var(--green);font-weight:700;font-size:15px;margin-bottom:16px;}
.buybox-stock svg{width:18px;height:18px;stroke:var(--green);}
.buy-col form.cart{display:block!important;margin:0!important;padding:0!important;border:none!important;background:none!important;box-shadow:none!important;}
.buy-col form.cart .quantity{margin:0 0 12px!important;display:block;}
.buy-col form.cart .quantity input.qty{width:100%!important;height:46px!important;border:2px solid var(--line)!important;border-radius:var(--radius)!important;text-align:center;font-size:16px;font-weight:700;padding:0;}
.buy-col form.cart .single_add_to_cart_button{display:flex!important;width:100%!important;height:52px!important;font-size:16px!important;white-space:nowrap;float:none!important;margin:0!important;}
.buybox-meta{margin-top:14px;padding-top:14px;border-top:1px solid var(--line);font-size:12.5px;color:var(--gray);line-height:1.6;}
.buybox-meta .row{display:flex;justify-content:space-between;gap:10px;margin-bottom:5px;}
.buybox-meta .row b{color:var(--ink);font-weight:700;}

/* PASEK ZAUFANIA — wewnatrz buy-boxu, na dole, pionowo */
.buy-col .trust-row{display:flex!important;flex-direction:column;gap:10px;width:100%!important;clear:both!important;float:none!important;margin:16px 0 0!important;padding:16px 0 0;border-top:1px solid var(--line);background:none;}
.trust-item{display:flex;align-items:center;gap:10px;font-size:12.5px;font-weight:600;color:var(--gray);line-height:1.3;}
.trust-item svg{width:19px;height:19px;stroke:var(--amber-dark);flex-shrink:0;}

/* meta (SKU/kategoria) */
.woocommerce div.product .product_meta{margin-top:18px;padding-top:16px;border-top:1px solid var(--line);font-size:13px;color:var(--gray);}
.delivery-box{background:var(--amber-50);border:1px solid var(--amber-100);border-radius:var(--radius);padding:14px 18px;display:flex;align-items:center;gap:12px;margin:16px 0;}
.delivery-box svg{width:24px;height:24px;stroke:var(--amber-dark);}
.delivery-box b{color:var(--ink);}

/* tabsy/opis na pelnej szerokosci pod gridem */
.woocommerce div.product .woocommerce-tabs,.woocommerce div.product .up-sells,.woocommerce div.product .related{grid-column:1 / -1;}

/* product tabs */
.woocommerce-tabs{margin-top:36px;}
.wc-tabs{display:flex;gap:6px;list-style:none;padding:0;margin:0 0 20px;border-bottom:2px solid var(--line);}
.wc-tabs li a{padding:12px 20px;font-weight:700;color:var(--gray);display:block;border-bottom:3px solid transparent;margin-bottom:-2px;}
.wc-tabs li.active a{color:var(--blue);border-bottom-color:var(--blue);}

/* ============================================================
   CATEGORY / SHOP HEADER
   ============================================================ */
.shop-hero{background:var(--bg);padding:32px 0;border-bottom:1px solid var(--line);}
.shop-hero h1{font-size:30px;margin-bottom:8px;}
.shop-hero p{color:var(--gray);font-size:16px;max-width:760px;margin:0;}
.breadcrumb{font-size:13px;color:var(--gray-light);margin-bottom:14px;}
.breadcrumb a{color:var(--gray);}

/* ============================================================
   FOOTER
   ============================================================ */
.site-footer{background:var(--ink);color:#cbd5e1;margin-top:56px;}
.footer-trust{border-bottom:1px solid #1e293b;padding:28px 0;}
.footer-trust .container{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:24px;}
.footer-trust-item{display:flex;align-items:center;gap:12px;}
.footer-trust-item svg{width:30px;height:30px;stroke:var(--blue-light);flex-shrink:0;}
.footer-trust-item b{color:#fff;display:block;font-size:14px;}
.footer-trust-item span{font-size:12px;color:#94a3b8;}
.footer-main{padding:40px 0;}
.footer-main .container{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:32px;}
.footer-col h4{color:#fff;font-size:14px;text-transform:uppercase;letter-spacing:.05em;margin-bottom:14px;}
.footer-col ul{list-style:none;padding:0;margin:0;}
.footer-col li{margin-bottom:9px;}
.footer-col a{color:#cbd5e1;font-size:14px;}
.footer-col a:hover{color:#fff;}
.footer-pay{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px;}
.footer-pay span{background:#1e293b;border-radius:6px;padding:6px 10px;font-size:11px;font-weight:700;color:#cbd5e1;}
.footer-bottom{border-top:1px solid #1e293b;padding:18px 0;font-size:13px;color:#94a3b8;text-align:center;}

/* ============================================================
   RESPONSIVE
   ============================================================ */
/* tablet: galeria | (info+buy obok siebie w summary) */
@media(max-width:1100px) and (min-width:981px){
  .woocommerce div.product .summary{grid-template-columns:minmax(0,1fr) minmax(250px,.85fr);gap:22px;}
}
@media(max-width:980px){
  .woocommerce div.product{grid-template-columns:1fr!important;gap:24px;}
  .woocommerce div.product .woocommerce-product-gallery{position:static!important;}
  /* summary spowrotem w jedna kolumne: info nad buy-boxem */
  .woocommerce div.product .summary{grid-template-columns:1fr!important;gap:20px;}
  .woocommerce div.product .summary > .buy-col{grid-column:1!important;grid-row:auto!important;position:static!important;}
  .footer-main .container{grid-template-columns:1fr 1fr;}
  .header-search{display:none;}
}
@media(max-width:680px){
  .hero h1{font-size:30px;}
  .hero p{font-size:16px;}
  .header-main .container{height:64px;gap:14px;}
  .header-top-trust{display:none;}
  ul.products{grid-template-columns:repeat(2,1fr);gap:12px;}
  .footer-main .container{grid-template-columns:1fr;}
  .section{padding:28px 0;}
  .section-title{font-size:21px;}
  .header-icon span{display:none;}
}