/* ===========================================================
   MOTYW EWOR — wierny port 1:1 z OpenCart 2.3 (theme "ewor")
   na OpenCart 4 / Bootstrap 5.  Źródło: template.less (OC2).
   Paleta:  #404040 tekst, #00B0F0 akcent, #5B9BD5 niebieski,
            #262626 grafit, #CF2832 czerwony, #00B050 zielony
   =========================================================== */
@import url('https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,700|Open+Sans:300,400,600,700,800&subset=latin-ext');

:root{
  --ewor-color:#404040; --ewor-colorblue:#00B0F0; --ewor-blue:#5B9BD5;
  --ewor-dark:#262626; --ewor-red:#CF2832; --ewor-green:#00B050;
  --ewor-border:#666; --ewor-light:#ddd; --ewor-lighten:#eee;
}
body{color:#404040;background-image:url('img/bg.png');font-family:'Open Sans',sans-serif;font-size:12px;}  /* baza jak OC2 (nie 16/13px BS5) */
/* SIATKA jak Bootstrap 3 (OC2): kontener 1170px, gutter 15px (nie BS5 1140/12px) */
@media (min-width:1200px){ .container{max-width:1170px;} }
@media (min-width:992px) and (max-width:1199.98px){ .container{max-width:970px;} }
@media (min-width:768px) and (max-width:991.98px){ .container{max-width:750px;} }
.row{--bs-gutter-x:30px;}
a{color:#404040;} a:hover{color:#404040;text-decoration:underline;}

/* ---------- PRZYCISKI ---------- */
.btn,.btn-lg{padding:8px 12px;height:auto;line-height:1;color:#fff !important;
  font-family:'Open Sans Condensed','Open Sans',sans-serif;font-weight:600;font-size:1.2em;
  background-image:none;background-color:#5B9BD5 !important;border:1px solid #5B9BD5;
  text-transform:uppercase;text-decoration:none !important;box-shadow:2px 2px 4px rgba(0,0,0,.1);border-radius:4px;}
.btn:hover{background-color:#4a8ac9 !important;border-color:#5B9BD5;color:#fff !important;box-shadow:3px 3px 6px rgba(0,0,0,.1);}
.btn-primary{background-color:#5B9BD5 !important;border-color:#5B9BD5 !important;}
.btn.btn-danger,.btn-danger{background-color:#CF2832 !important;border-color:#CF2832;}
.btn-success,#button-cart{background-color:#00B050 !important;border-color:#00B050 !important;color:#fff !important;text-transform:uppercase;font-weight:700;}

/* ---------- HEADER (karbon: top-bar + logo/search/cart) ---------- */
.header{background-image:url('img/bg_top.jpg');background-size:cover;background-position:center center;
  box-shadow:2px 2px 4px rgba(0,0,0,.4);margin-bottom:20px;}
nav#top{background:transparent;border:0;padding:4px 0 3px;min-height:0;margin:0 0 11px;}   /* OC2: 4/3px + ~20px odstęp do logo */
nav#top .container{padding:0 15px;}
nav#top #top-links{margin:0;}
nav#top a,nav#top span,nav#top .list-inline-item{color:#fff;text-shadow:none;}
nav#top #top-links li a{display:inline-block;padding:5px 10px;border-radius:4px;color:#fff;transition:.2s;}
nav#top #top-links li a:hover{background-color:#4a8ac9 !important;box-shadow:2px 2px 4px rgba(0,0,0,.1);text-decoration:none;color:#fff;}
nav#top .dropdown-menu{padding:0;}
nav#top .dropdown-menu a{color:#404040 !important;background:transparent !important;box-shadow:none !important;border-radius:0;padding:6px 12px;}
nav#top .dropdown-menu a:hover{text-decoration:underline;background:transparent !important;}

header{padding:0 0 35px;background:transparent;margin:0;box-shadow:none;}
#logo{margin:0;} #logo img{display:inline-block;width:300px;max-width:100%;}
#search{margin:0;box-shadow:2px 2px 4px rgba(0,0,0,.1);}
#search input.form-control{box-shadow:none;border:0;color:#fff;background-color:rgba(255,255,255,.2);height:40px;min-height:40px;font-size:1rem;}
#search input.form-control::placeholder{color:rgba(255,255,255,.75);}
#search .btn{background-color:#5B9BD5 !important;border-color:#5B9BD5 !important;height:40px;border-radius:0 4px 4px 0;}
header .row{align-items:center;}                 /* logo/szukajka/koszyk w jednej linii, wyśrodkowane */
#cart{margin:0 !important;text-align:right;}
/* Tylko główny przełącznik koszyka (nie przyciski wewnątrz mini-koszyka!) */
#cart>.dropdown>button.dropdown-toggle{background-color:#CF2832 !important;border-color:#CF2832 !important;color:#fff !important;font-size:1.2em;font-weight:600;height:40px;padding:0 35px;}
#cart>.dropdown>button.dropdown-toggle:hover{background-color:#b8232c !important;}
#cart>.dropdown>button.dropdown-toggle::after{margin-left:8px;}
#cart .dropdown-menu{color:#404040;text-align:left;}
/* Przycisk usuwania pozycji w mini-koszyku — mały, ikonowy (nie dziedziczy wielkiego przycisku) */
#cart .dropdown-menu td button{padding:5px 9px;font-size:1em;height:auto;line-height:1;}
#cart .dropdown-menu td.text-center{width:56px;}
#cart .dropdown-menu img.img-thumbnail{max-width:48px;min-width:0;width:48px;height:auto;padding:2px;}

/* ---------- MENU — OC2 nie renderuje paska menu ---------- */
#menu{display:none !important;}

/* ---------- BANERY Ford / BMW (nad treścią, szerokość kontenera) ---------- */
.container.car-btns{margin-bottom:20px;}
.car-btns .panel{position:relative;height:100px;background-size:contain;background-position:left center;
  background-repeat:no-repeat;background-color:#262626;display:table;width:100%;border:1px solid #fff;
  box-shadow:2px 2px 4px rgba(0,0,0,.1);}
.car-btns .panel:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;
  background-image:url('img/bg_btn.png');background-size:100% 100%;}
.car-btns .panel>div{position:relative;display:table-cell;vertical-align:middle;text-align:center;}
.car-btns .panel .empty{width:25%;}
.car-btns .panel .text{width:50%;}
.car-btns .panel .text span{display:inline-block;width:100%;color:#fff;text-transform:uppercase;font-weight:600;font-size:1.4em;}
.car-btns .panel .text img{margin-top:10px;max-height:32px;width:auto;height:auto;}
.car-btns .panel .link{width:25%;}
.car-btns .panel.ford{background-image:url('img/ford_btn.jpg');}
.car-btns .panel.bmw{background-image:url('img/bmw_btn.jpg');}
.car-btns .panel.bmw .text img{margin-top:8px;max-height:36px;}

/* ---------- SLIDESHOW (bez bocznych odstępów, jak OC2) ---------- */
#content .carousel{border:1px solid #fff;box-shadow:2px 2px 4px rgba(0,0,0,.1);margin-bottom:20px;overflow:hidden;}
#content .carousel .carousel-inner{margin:0;}
#content .carousel .row{margin:0;--bs-gutter-x:0;}
#content .carousel [class*="col-"]{padding:0;}
#content .carousel .carousel-item img{width:100%;display:block;max-width:none;}
#content .carousel .carousel-indicators [data-bs-target]{width:14px;height:14px;border-radius:50%;border:3px solid #fff;background-color:#fff;opacity:1;}
#content .carousel .carousel-indicators .active{background-color:#5B9BD5;}

/* Obrazki w opisach (OC2 wstawia twardy width="750") nie wychodzą poza kontener.
   Karuzela wyżej ma większą specyficzność, więc slideshow zostaje pełnoszerokościowy. */
#content img{max-width:100%;height:auto;}

/* ---------- NAGŁÓWKI ---------- */
#content h1,main .container h1{position:relative;padding:10px 0;margin:0;font-size:2.5em;font-weight:600;
  text-transform:none;color:#262626;font-family:'Open Sans Condensed','Open Sans',sans-serif;}
#content h2,main .container h2{position:relative;padding:10px 0;margin:0;
  font-family:'Open Sans Condensed','Open Sans',sans-serif;font-size:2em;text-transform:uppercase;font-weight:600;color:#262626;}
#content h3,main .container h3{position:relative;padding:10px 0;margin:20px 0;
  font-family:'Open Sans Condensed','Open Sans',sans-serif;font-size:1.5em;text-transform:uppercase;
  font-weight:600;border-bottom:1px solid #404040;color:#262626;}

/* ---------- KARTY PRODUKTÓW (markup OC4: .content .description) ---------- */
.product-thumb{background-color:#fff;border:1px solid #fff;box-shadow:2px 2px 4px rgba(0,0,0,.1);height:100%;
  display:flex;flex-direction:column;}                      /* flex column — przycisk w normalnym flow */
.product-thumb .image a{padding:10px;display:block;}
.product-thumb .image img{margin:0 auto;}
.product-thumb .content{padding:0;flex:1 1 auto;display:flex;flex-direction:column;}
.product-thumb .description{padding:0 10px;min-height:80px;margin-bottom:0 !important;}   /* zeruj 45px rezerwacji z default OC4 */
.product-thumb form{margin-top:auto;}                        /* dociśnij przycisk do dołu karty */
.product-thumb .description>p{display:none;}           /* OC2 ukrywa opis w kafelku */
.product-thumb .description h4{text-align:center;margin:10px 0;font-size:15px;}   /* OC2: h4 15px -> a .9em = 13.5px */
.product-thumb .description h4 a{color:#404040;font-size:.9em;text-align:center;font-weight:600;text-transform:none;}
.product-thumb .description h4 a:hover{text-decoration:underline;}
.product-thumb .price{text-align:center;font-weight:700;font-size:1.2em;padding:0;line-height:1.4;}   /* OC2: bez paddingu */
.product-thumb .price .price-new{color:#5B9BD5;font-weight:700;}
.product-thumb .price .price-old{color:#999;font-weight:400;text-decoration:line-through;font-size:.8em;margin-left:5px;}
.product-thumb .price .price-tax{display:none;}        /* OC2 nie pokazuje Ex Tax */
.product-thumb .rating{text-align:center;}
.product-thumb .button{position:static !important;border:0;background:transparent;display:flex;justify-content:center;gap:3px;padding:0;width:100%;}   /* pełna szerokość jak OC2 (button-group 187/189) */
.product-thumb .button button{border:0;background-color:#404040 !important;color:#fff !important;transition:.2s;
  text-transform:uppercase;font-weight:600;font-size:12px;padding:2px 6px;min-height:40px;line-height:1;white-space:nowrap;
  display:inline-flex;align-items:center;justify-content:center;gap:4px;}   /* OC2: przyciski 40px */
.product-thumb .button button.btn-cart{flex:1 1 auto;}                 /* DO KOSZYKA — szeroki, jak OC2 */
.product-thumb .button button:not(.btn-cart){flex:0 0 auto;width:37px;font-size:14px;}   /* ikony 37px jak OC2 */
.product-thumb .button button:hover{background-color:#262626 !important;color:#00B0F0 !important;}

/* ---------- KOLUMNA LEWA (moduły html: KONTAKT / DOSTAWA / KATEGORIE) ---------- */
#column-left>div{background-color:#fff;border:1px solid #fff;box-shadow:2px 2px 4px rgba(0,0,0,.1);margin:0 0 15px;padding:0 0 15px;line-height:20px;}  /* line-height jak OC2 (nie 21.6) */
/* TWOJE AUTO: wrapper html przezroczysty — panel-cars ma własne tło/ramkę; usuwa biały pasek pod Mazdą */
#column-left>div:has(.panel-cars){background:transparent;border:0;box-shadow:none;padding:0;margin:0 0 20px;}
#column-left>div>h2{border:0;background-color:#262626;color:#00B0F0;
  font-family:'Open Sans Condensed','Open Sans',sans-serif;font-size:1.5em;text-transform:uppercase;
  font-weight:600;padding:10px 15px;margin:0 0 20px;}
#column-left>div p,#column-left>div ul,#column-left>div ol{padding-left:15px;padding-right:15px;}
#column-left .list-group{border-radius:0;margin:0;}
#column-left .list-group>a,#column-left .list-group>.list-group-item{border:0;border-bottom:1px solid #eee;border-radius:0 !important;padding:8px 15px;color:#404040;background:#fff;}
#column-left .list-group>a.active{background-color:#5B9BD5;color:#fff;}

/* KATEGORIE (moduł html .ewor-kat) — odwzorowanie modułu kategorii OC2 */
#column-left>div:has(.ewor-kat){margin:0 0 20px;padding:0;}   /* panel 20px, bez dolnego paddingu jak OC2 */
#column-left>div:has(.ewor-kat)>h2{margin:0;}            /* nagłówek bez odstępu — itemy tuż pod */
#column-left .ewor-kat{padding:0;margin:0;list-style:none;}
#column-left .ewor-kat>li>a{display:block;padding:8px 12px;border-bottom:1px solid #ddd;color:#404040;
  font-size:12px;line-height:20px;text-decoration:none;background:#fff;}
#column-left .ewor-kat>li:last-child>a{border-bottom:0;}
#column-left .ewor-kat>li>a:hover{color:#5B9BD5;}

/* ---------- WIDGET TWOJE AUTO (panel-cars z Mazdą) ---------- */
#column-left .panel{border:1px solid #fff;box-shadow:2px 2px 4px rgba(0,0,0,.1);background:#fff;margin:0 0 15px;border-radius:0;padding:0 0 15px;}
#column-left .panel .panel-heading{border:0;background-color:#262626;color:#00B0F0;
  font-family:'Open Sans Condensed','Open Sans',sans-serif;font-size:1.5em;text-transform:uppercase;
  font-weight:600;padding:10px 15px;margin:0 0 15px;}
#column-left .panel.panel-cars{position:relative;min-height:400px;background-image:url('img/car_btn.jpg');
  background-size:contain;background-position:center bottom;background-repeat:no-repeat;background-color:transparent;overflow:hidden;padding-bottom:0;}
#column-left .panel.panel-cars:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;
  background-image:url('img/bg_car.png');background-size:100% 100%;}
#column-left .panel.panel-cars .panel-heading{background-color:transparent;position:relative;}
#column-left .panel.panel-cars form.cars{position:relative;margin:0;}
#column-left .panel.panel-cars{margin-bottom:20px;}   /* OC2 = 20px, nie 15 */
#column-left .panel.panel-cars .list-group{margin-bottom:90px;background:transparent;box-shadow:none;border:0;}
#column-left .panel.panel-cars .list-group-item{border:0;background:transparent;padding:0 15px;}
#column-left .panel.panel-cars .select{margin-bottom:10px;}
#column-left .panel.panel-cars .select label{font-family:'Open Sans Condensed','Open Sans',sans-serif;color:#fff;font-weight:600;font-size:1.2em;width:100%;margin:0 0 5px;}
#column-left .panel.panel-cars .select select{font-family:'Open Sans',sans-serif;padding:6px 12px 6px 6px;width:100%;height:34px;font-size:12px;line-height:1;background-position:right .5rem center;}
#column-left .panel.panel-cars .input{width:100%;text-align:right;padding:0 15px;}

/* ---------- STOPKA ---------- */
footer{background-color:#303030;color:#ccc;padding-top:15px;margin-top:30px;}   /* OC2: #303030, 15/30px */
footer a{color:#ccc;} footer a:hover{color:#00B0F0;text-decoration:none;}
footer h5{color:#fff;text-transform:none;font-weight:600;font-family:'Open Sans Condensed','Open Sans',sans-serif;}

/* ---------- STRONA PRODUKTU ---------- */
.price-tax{display:none !important;}                    /* OC2 nigdzie nie pokazuje Ex Tax */
#product-details .price,.product-info .price,#content .list-unstyled .price{color:#262626;font-weight:700;}
#button-cart{background-color:#00B050 !important;border-color:#00B050 !important;color:#fff !important;text-transform:uppercase;font-weight:700;}
.product-info .thumbnails img,.image-additional img,.thumbnails a{border:1px solid #fff;box-shadow:2px 2px 4px rgba(0,0,0,.1);}
.nav-tabs .nav-link{background-color:#eee;border:1px solid #ddd;color:#404040;border-radius:0;}
.nav-tabs .nav-link.active{background-color:#fff;border-bottom-color:#fff;box-shadow:2px 2px 4px rgba(0,0,0,.1);color:#262626;}
.tab-content{background:#fff;border:1px solid #ddd;border-top:0;box-shadow:2px 2px 4px rgba(0,0,0,.1);padding:20px 15px;}

/* ---------- BREADCRUMB ---------- */
.breadcrumb{background-color:#fff;box-shadow:2px 2px 4px rgba(0,0,0,.1);border:1px solid #fff;border-radius:0;padding:6px 15px;}

/* ---------- ZAKŁADKA ZGODNOŚĆ ---------- */
#tab-cars .tab-cars-list{padding-left:20px;margin:0;}
#tab-cars .tab-cars-list li{padding:3px 0;list-style:disc;}
#tab-cars .tab-cars-list li span{margin-right:2px;}

/* ---------- FIX: szeroka treść produktu wypychała sidebar (BS5 min-width flex) ---------- */
#content{min-width:0;}                          /* pozwól kolumnie zwęzić się zamiast zawijać wiersz */
#content .tab-content table, #content .description table, #tab-description table{max-width:100%;}
#content .tab-content, #content .description{overflow-wrap:break-word;}

/* ---------- CHECKOUT WOOCOMMERCE (2 kolumny: pola / sticky podsumowanie) + zwijane sekcje ---------- */
.ewor-block{background:#fff;border:1px solid #fff;box-shadow:2px 2px 4px rgba(0,0,0,.1);margin-bottom:20px;}
#content h3.ewor-block-title{display:flex;align-items:center;gap:10px;margin:0;padding:12px 18px;background:#262626;color:#00B0F0;font-family:'Open Sans Condensed',sans-serif;font-size:1.4em;text-transform:uppercase;font-weight:600;border:0;}
.ewor-block-num{flex:0 0 auto;width:26px;height:26px;border-radius:50%;background:#5B9BD5;color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:14px;line-height:1;}
.ewor-block-edit{margin-left:auto;font-size:.6em;color:#00B0F0;text-transform:none;text-decoration:none;display:none;}
.ewor-block-edit:hover{color:#fff;text-decoration:underline;}
.ewor-block-summary{display:none;padding:12px 18px;color:#404040;}
.ewor-block-body{padding:18px;}

/* stany sekcji: open (rozwinięta) / done (zwinięta + podsumowanie) / locked (zablokowana) */
.ewor-block.is-locked{opacity:.55;}
.ewor-block.is-locked .ewor-block-num{background:#bbb;}
.ewor-block.is-locked .ewor-block-body{display:none;}
.ewor-block.is-done .ewor-block-body{display:none;}
.ewor-block.is-done .ewor-block-summary{display:block;}
.ewor-block.is-done .ewor-block-edit{display:inline;}
.ewor-block.is-done .ewor-block-num{background:#00B050;font-size:0;position:relative;}
.ewor-block.is-done .ewor-block-num::after{content:"\2713";font-size:15px;position:absolute;inset:0;display:flex;align-items:center;justify-content:center;}

/* prawa kolumna — sticky podsumowanie */
.ewor-summary{background:#fff;border:1px solid #fff;box-shadow:2px 2px 4px rgba(0,0,0,.1);position:sticky;top:20px;}
#content h3.ewor-summary-title{margin:0;padding:12px 18px;background:#5B9BD5;color:#fff;font-family:'Open Sans Condensed',sans-serif;font-size:1.4em;text-transform:uppercase;font-weight:600;border:0;}
.ewor-summary-title i{margin-right:8px;}
.ewor-summary #checkout-confirm{padding:14px 18px 18px;}
/* pozycje z miniaturami (styl WooCommerce) */
.ewor-sum-items{margin-bottom:14px;}
.ewor-sum-item{display:flex;align-items:flex-start;gap:12px;padding:10px 0;border-bottom:1px solid #eee;}
.ewor-sum-item:first-child{padding-top:0;}
.ewor-sum-thumb{position:relative;flex:0 0 auto;}
.ewor-sum-thumb img{width:52px;height:52px;object-fit:contain;border:1px solid #ddd;border-radius:4px;background:#fff;padding:2px;}
.ewor-sum-qty{position:absolute;top:-8px;right:-8px;min-width:20px;height:20px;padding:0 5px;border-radius:10px;background:#5B9BD5;color:#fff;font-size:12px;font-weight:700;line-height:20px;text-align:center;}
.ewor-sum-info{flex:1 1 auto;min-width:0;}
.ewor-sum-name{display:block;color:#404040;font-weight:600;font-size:.92em;line-height:1.25;text-decoration:none;}
.ewor-sum-name:hover{color:#5B9BD5;text-decoration:underline;}
.ewor-sum-meta{color:#999;font-size:.8em;line-height:1.3;}
.ewor-sum-price{flex:0 0 auto;font-weight:700;color:#404040;white-space:nowrap;font-size:.92em;}

/* kupon */
.ewor-coupon{display:flex;gap:0;margin:4px 0 2px;}
.ewor-coupon input{border-radius:4px 0 0 4px;height:38px;}
.ewor-coupon .btn{border-radius:0 4px 4px 0;background:#404040 !important;border-color:#404040 !important;color:#fff !important;white-space:nowrap;height:38px;padding:0 16px;font-size:.9em;}
.ewor-coupon .btn:hover{background:#262626 !important;}

/* totale */
.ewor-sum-totals{margin:14px 0;}
.ewor-sum-total{display:flex;justify-content:space-between;padding:5px 0;color:#404040;}
.ewor-sum-total span:last-child{font-weight:600;white-space:nowrap;}
.ewor-sum-grand{margin-top:6px;padding-top:12px;border-top:2px solid #ddd;font-size:1.25em;font-weight:700;}
.ewor-sum-grand span:last-child{color:#00B050;font-weight:800;}

.ewor-summary #checkout-payment{margin-top:6px;}
.ewor-summary #checkout-payment .btn-primary{display:block;width:100%;}
@media (max-width:991.98px){.ewor-summary{position:static;margin-top:10px;}}

/* metody dostawy/płatności jako klikalne wiersze radio */
.ewor-methods{display:block;}
.ewor-method{display:flex;align-items:center;gap:10px;width:100%;padding:12px 14px;margin:0 0 8px;border:1px solid #ddd;border-radius:4px;cursor:pointer;transition:border-color .15s,background-color .15s;}
.ewor-method:hover{border-color:#5B9BD5;}
.ewor-method input[type=radio]{margin:0;flex:0 0 auto;}
.ewor-method-name{flex:1 1 auto;font-weight:600;}
.ewor-method-price{flex:0 0 auto;font-weight:700;color:#5B9BD5;white-space:nowrap;}
.ewor-method:has(input:checked){border-color:#5B9BD5;background:#f2f8fd;box-shadow:0 0 0 1px #5B9BD5 inset;}

/* przycisk potwierdzenia zamówienia — wyraźny, zielony jak "do koszyka" */
#checkout-confirm .btn-primary{background-color:#00B050 !important;border-color:#00B050 !important;font-size:1.1em;padding:10px 30px;}

/* ===== Pasek stron pod headerem (port OC2 #menu / vqmod_topmenu) ===== */
#pages-menu{margin:0;border:0;text-transform:uppercase;font-weight:600;font-size:1em;background-color:rgba(255,255,255,.15);border-radius:4px 0 0 4px;}
#pages-menu ul{display:flex;flex-wrap:wrap;list-style:none;margin:0;padding:0;}
#pages-menu ul li a{display:block;padding:12px 15px;color:#fff;text-decoration:none;transition:all .2s ease;}
#pages-menu ul li a:hover{background-color:rgba(0,0,0,.25);color:#00B0F0;}
@media (max-width: 767px){#pages-menu ul li a{padding:8px 10px;font-size:.85em;}}
#column-left .ewor-kat>li>a.active{color:#00B0F0;font-weight:600;}