/* =========================================================
   1) OGÓLNE / DROBNE
========================================================= */
.out-of-stock { color: red; }
.op-7 { color: #00A7E3; }

.bg-top { background-position: center; }

.demo_store { background-color: #fff; }
.woocommerce-store-notice__dismiss-link { display: none; }

.message-wrapper { padding-top: 1.5em; padding-bottom: 1em; }

div.breadcrumbs { font-size: 13px; }

.banner.has-hover { overflow: hidden; }

.has-dropdown .icon-angle-down { visibility: hidden; }

/* Badge – Uwaga: to jest globalne. Jeśli nie chcesz globalnie, powiedz. */
.badge-container { margin: 0; }
.badge{
  height: 45px;
  width: 139px;
  padding: 8px;
  margin: 0;
  box-sizing: border-box;
  border-radius: 10px !important;
}

/* Label OUT OF STOCK na zdjęciu */
.box-image .out-of-stock-label{
  top: 6%;
  padding: 33%;
  opacity: .99;
}

/* Kafelki produktow: .box jest flex-column (snippet "kafelki produktow"), a .box-image ma margin auto,
   przez co dostawal szerokosc 0 i zdjecia znikaly na listach. Poprawka 2026-09-03. */
.product-small .col-inner > .box > .box-image{ width: 100%; margin-left: 0; margin-right: 0; }

/* ==========================================================
   1c) KAFELKI - typografia (nazwa / stopien palenia i data / nuty / cena)
   dziala ze snippetem "Kafelki - nuty smakowe i data palenia" (Code Snippets)
   ========================================================== */
.product-small .box-text .category{ display: none !important; }
.product-small .box-text{ padding-top: 8px !important; }
.product-small .box-text .product-title{
  font-size: 16px !important;
  line-height: 1.25 !important;
  font-weight: 700 !important;
  margin: 0 !important;
  padding: 0 !important;
}
.product-small .box-text .product-title a{
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  color: #111 !important;
}
.product-small .box-text .cc-tile-meta{
  display: block;
  margin: 3px 0 0;
  font-size: 12px;
  line-height: 1.3;
  color: #7a8590;
  min-height: 16px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.product-small .box-text .cc-tile-sub{
  display: block;
  margin: 2px 0 8px;
  font-size: 13px;
  line-height: 1.35;
  color: #444;
  min-height: 18px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
/* nazwa nie rozciaga sie w dol - cena zawsze tuz pod nutami, wolne miejsce idzie nad przycisk */
.product-small .box-text .title-wrapper{ flex: 0 0 auto !important; }
.product-small .box-text .price-wrapper{ margin: 0; padding: 0; min-height: 24px; justify-content: flex-start; }
.product-small .box-text .price .amount{ font-size: 17px !important; }
/* pusty kontener TrustMate w price-wrapper (produkty proste) przesuwal cene o 6 px w prawo */
.product-small .box-text .price-wrapper > .tm-widget-hornet-wrapper{ display: none !important; }
@media (max-width: 549px){
  .product-small .box-text .product-title{ font-size: 15px !important; }
  .product-small .box-text .cc-tile-meta{ font-size: 11px; white-space: normal; }
  .product-small .box-text .cc-tile-sub{ font-size: 12px; white-space: normal; -webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical; min-height: 32px; }
  .product-small .box-text .price .amount{ font-size: 18px !important; }
}
/* karta produktu: linia "jasno palona · palona 28.08" pod tytulem */
.product-info .cc-product-roast{ margin: -8px 0 14px; font-size: 14px; line-height: 1.4; color: #7a8590; }
.cc-tile-fields{ background: #f6f8fa; border-top: 1px solid #e6ebef; }

/* =========================================================
   2) BLOG – featured title
========================================================= */
.page-title.blog-featured-title.featured-title.no-overflow{ min-height: 400px; }
.page-title-inner.container.flex-row.dark.is-large[style]{ min-height: 400px !important; }
.flex-col.flex-center.text-center{ font-size: 1.5em; }

/* =========================================================
   3) YITH FILTERS / SORT
========================================================= */
.yith-wcan-filter .filter-item .term-label{
  border-width: 1px;
  padding: 3px 8px;
  border-radius: 3px;
  font-size: 14px;
  border-color: #ccc;
}

.yith-wcan-filter .filter-title{
  border-width: 1px;
  padding: 5px 10px;
  border-radius: 5px;
  border-color: #ccc;
  font-size: 14px;
}

.woocommerce-ordering .orderby{
  border-width: 1px;
  padding: 5px 10px;
  border-radius: 3px;
  border-color: #ccc;
  font-size: 14px;
}
.woocommerce-ordering .orderby:focus,
.woocommerce-ordering .orderby:hover{
  border-color: #0073aa;
}

/* =========================================================
   4) SCROLLING BAR (m-scroll)
========================================================= */
.m-scroll{
  overflow: hidden;
  background-color: #F6E7D9;
  padding: 20px 0;
  font-size: 18px;
  text-transform: uppercase;
  display: flex;
  align-items: center;
}
.m-scroll__title{
  display: flex;
  overflow: hidden;
  white-space: nowrap;
}
.scroll-content{
  display: inline-block;
  white-space: nowrap;
  animation: scroll-left 30s linear infinite;
}
.scroll-content:hover{ animation-play-state: paused; }
.scroll-content span{
  display: inline-block;
  margin: 0 15px;
  color: #333;
  font-weight: bold;
}
.separator{
  color: #d97926 !important;
  font-size: 20px;
  margin: 0 10px;
}
@keyframes scroll-left{
  0% { transform: translateX(0); }
  100% { transform: translateX(-50%); }
}

/* =========================================================
   5) LISTA INFO (infopage-top)
===============================
========================== */
.infopage-top__list{
  display: flex;
  align-items: center;
  list-style: none;
  padding: 10px;
  margin: 0 auto;
  overflow-x: auto;
  scrollbar-width: thin;
  scrollbar-color: #888 #f0f0f0;
  scroll-padding-left: 20px;
}
.infopage-top__list::-webkit-scrollbar{ height: 6px; }
.infopage-top__list::-webkit-scrollbar-thumb{
  background-color: #888; border-radius: 10px;
}
.infopage-top__list::-webkit-scrollbar-track{ background: #f0f0f0; }

.infopage-item{
  display: flex;
  align-items: center;
  margin-right: 20px;
  white-space: nowrap;
}
.infopage-item:first-child{ margin-left: 0; }
.infopage-item img{
  width: 50px; height: 50px; object-fit: contain; border-radius: 0;
}
.infopage-item span{
  font-size: 14px; color: #333; font-weight: 600; margin-left: 10px;
}
@media (max-width: 767px){
  .infopage-top__list{ padding: 10px 20px; padding-left: 10px; }
  .infopage-item img{ width: 40px; height: 40px; }
  .infopage-item span{ margin-left: 15px; }
}

/* ==========================================================
   6) CHECKOUT - Colbergcoffee, wersja "bez rozpraszaczy"
   Zastępuje starą sekcję 6) CHECKOUT / ONE PAGE w Custom CSS
   ========================================================== */

/* --- 6.1 Strona zamówienia: schowaj wszystko, co nie jest zamówieniem --- */
body.woocommerce-checkout:not(.woocommerce-order-received) .woocommerce-store-notice,
body.woocommerce-checkout:not(.woocommerce-order-received) #top-bar,
body.woocommerce-checkout:not(.woocommerce-order-received) #wide-nav,
body.woocommerce-checkout:not(.woocommerce-order-received) .header-nav-main,
body.woocommerce-checkout:not(.woocommerce-order-received) .header-inner .flex-right,
body.woocommerce-checkout:not(.woocommerce-order-received) .header-inner .nav-right,
body.woocommerce-checkout:not(.woocommerce-order-received) #footer .footer-widgets,
body.woocommerce-checkout:not(.woocommerce-order-received) #footer > br,
body.woocommerce-checkout:not(.woocommerce-order-received) .absolute-footer .footer-nav,
body.woocommerce-checkout:not(.woocommerce-order-received) .absolute-footer .nav,
body.woocommerce-checkout:not(.woocommerce-order-received) #edrone--main--banner--container-116520,
body.woocommerce-checkout:not(.woocommerce-order-received) .grecaptcha-badge{
  display: none !important;
}
body.woocommerce-checkout:not(.woocommerce-order-received) #header .header-wrapper{
  box-shadow: 0 1px 0 #e6ebef;
}
body.woocommerce-checkout:not(.woocommerce-order-received) #masthead{
  height: 84px !important;
}
body.woocommerce-checkout:not(.woocommerce-order-received) #masthead .header-inner{
  min-height: 84px;
}
body.woocommerce-checkout:not(.woocommerce-order-received) #logo img{
  max-height: 64px;
}
/* prawa strona nagłówka: kontakt zamiast menu (tekst z CSS, link dodamy snippetem) */
body.woocommerce-checkout:not(.woocommerce-order-received) .header-inner::after{
  content: "Pomoc: sklep@colbergcoffee.pl · pon.-pt. 9:00-16:00";
  margin-left: auto;
  font-size: 14px;
  color: #444;
  white-space: nowrap;
}
body.woocommerce-checkout:not(.woocommerce-order-received) .absolute-footer{
  background: #fff;
  color: #777;
  padding: 18px 0;
}
body.woocommerce-checkout:not(.woocommerce-order-received) .absolute-footer .copyright-footer{
  font-size: 13px;
}
body.woocommerce-checkout:not(.woocommerce-order-received) .absolute-footer .payment-icons{
  margin-bottom: 8px;
}

/* --- 6.2 Góra formularza --- */
body.woocommerce-checkout #content > .woocommerce{
  padding-top: 8px;
}
.woocommerce-billing-fields{ border-top: 0 !important; padding-top: 0 !important; }
/* "Masz konto? Zaloguj się" - zostaje, ale spokojnie */
body.woocommerce-checkout .woocommerce-form-login-toggle .woocommerce-info{
  display: block;
  background: none;
  border: 0;
  padding: 0 0 10px;
  font-size: 14px;
  color: #555;
}

/* --- 6.3 Kupon: schowany na górze, zwinięty w podsumowaniu --- */
body.woocommerce-checkout .woocommerce-form-coupon-toggle{ display: none; }   /* "Masz kupon? Kliknij tutaj" nad formularzem */
form.checkout_coupon{                                /* domyślnie WooCommerce chowa formularz - tu go tylko stylujemy */
  border: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
}
.cc-coupon{
  margin: 14px 0 0;
  border-top: 1px solid #e6ebef;
  padding-top: 12px;
}
.cc-coupon summary{
  cursor: pointer;
  font-size: 14px;
  font-weight: 700;
  color: #222;
  list-style: none;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.cc-coupon summary::-webkit-details-marker{ display: none; }
.cc-coupon summary::after{
  content: "";
  width: 8px; height: 8px;
  border-right: 2px solid #666; border-bottom: 2px solid #666;
  transform: rotate(45deg);
  transition: transform .2s;
}
.cc-coupon[open] summary::after{ transform: rotate(-135deg); }
.cc-coupon form.checkout_coupon{
  display: flex !important;
  gap: 8px;
  margin-top: 10px !important;
}
.cc-coupon form.checkout_coupon p{ margin: 0; }
.cc-coupon form.checkout_coupon .form-row-first{ flex: 1; }
.cc-coupon #coupon_code{
  width: 100%;
  padding: 12px 12px !important;
  font-size: 14px;
  border: 1px solid #dcdcdc;
  border-radius: 9px;
  box-shadow: none;
}
.cc-coupon form.checkout_coupon button{
  margin: 0;
  padding: 0 18px;
  min-height: 44px;
  line-height: 44px;
  border-radius: 9px;
  background: #fff;
  color: #222;
  border: 1px solid #222;
  font-size: 13px;
  letter-spacing: 0;
}

/* --- 6.4 Podsumowanie: pokaż produkty, wyrównaj kolumnę --- */
#order_review_heading{ display: none; }
.woocommerce-checkout-review-order-table thead{ display: none; }
.woocommerce-checkout-review-order-table .cart_item{ display: table-row; }   /* wcześniej display:none - klient nie widział, co kupuje */
.woocommerce-checkout-review-order-table .cart_item td{
  padding: 12px 0;
  border-bottom: 1px solid #eef1f4;
  font-size: 14px;
  vertical-align: top;
}
.woocommerce-checkout-review-order-table .cart_item .product-name{
  color: #222;
  font-weight: 700;
  line-height: 1.35;
}
.woocommerce-checkout-review-order-table .cart_item .product-quantity{
  font-weight: 400;
  color: #666;
}
.woocommerce-checkout-review-order-table .cart_item .product-name .variation{
  margin: 4px 0 0;
  font-size: 12px;
  color: #666;
  font-weight: 400;
  display: block;
}
.woocommerce-checkout-review-order-table .cart_item .product-name .variation dt,
.woocommerce-checkout-review-order-table .cart_item .product-name .variation dd{
  display: inline;
  margin: 0;
  float: none;
}
.woocommerce-checkout-review-order-table .cart_item .product-total{
  text-align: right;
  white-space: nowrap;
  font-weight: 700;
}
.woocommerce-checkout-review-order-table tfoot th,
.woocommerce-checkout-review-order-table tfoot td{
  font-size: 14px;
}
.woocommerce-checkout-review-order-table tfoot .order-total th,
.woocommerce-checkout-review-order-table tfoot .order-total td{
  font-size: 18px;
  padding-top: 12px;
  border-top: 2px solid #222;
}

/* kolumna podsumowania jako spokojna karta */
body.woocommerce-checkout .large-5 .col-inner.has-border{
  border: 1px solid #e3e8ec !important;
  border-radius: 12px;
  padding: 22px 22px 18px;
  background: #fff;
  box-shadow: 0 6px 24px rgba(0,0,0,.05);
}
body.woocommerce-checkout .checkout-sidebar::before{
  content: "Twoje zamówienie";
  display: block;
  font-size: 18px;
  font-weight: 700;
  color: #222;
  margin-bottom: 4px;
}
@media (min-width: 850px){
  body.woocommerce-checkout .large-5 .col-inner{ position: sticky; top: 24px; }
}

/* przycisk InPost Pay w podsumowaniu - mniej krzyku */
body.woocommerce-checkout .izi-widget-order{ margin: 10px 0 4px; }

/* --- 6.5 Płatności i przycisk --- */
#payment .payment_methods li{
  padding: 8px 0;
}
#payment .payment_box{
  background: #f6f8fa;
  border-radius: 9px;
  padding: 12px 14px !important;
  margin: 8px 0 !important;
}
#payment .payment_box label{ display: inline-block; margin-right: 8px; }
#payment .place-order{ margin-top: 10px; }
#place_order{
  width: 100%;
  min-height: 56px;
  font-size: 17px;
  border-radius: 10px;
  letter-spacing: 0;
}
.woocommerce-privacy-policy-text{
  font-size: 12px;
  color: #777;
  line-height: 1.45;
}

/* --- 6.6 Formularz: pola i etykiety --- */
.woocommerce-billing-fields h3,
.woocommerce-shipping-fields h3,
.woocommerce-additional-fields h3{
  font-size: 20px;
  margin: 4px 0 12px;
}
.woocommerce-billing-fields__field-wrapper input,
#coupon_code,
.woocommerce-shipping-fields input,
#order_comments_field textarea{
  box-shadow: none;
  border: 1px solid #dcdcdc;
  padding: 20px 10px;
  font-size: 14px;
}
.woocommerce-billing-fields__field-wrapper input:focus,
#coupon_code:focus,
.woocommerce-shipping-fields input:focus,
#order_comments_field textarea:focus{
  box-shadow: none;
  border: 1px solid #1f1f1f;
}
.is-form,
button.is-form,
input[type='submit'].is-form,
input[type='reset'].is-form,
input[type='button'].is-form{
  border-radius: 10px;
}

/* --- 6.7 Telefon --- */
@media (max-width: 849px){
  body.woocommerce-checkout .header-inner::after{ display: none; }
  body.woocommerce-checkout .large-5 .col-inner.has-border{ padding: 16px 14px; }
  /* ramka podsumowania nie może być szersza niż ekran */
  body.woocommerce-checkout .checkout-sidebar,
  body.woocommerce-checkout #order_review,
  body.woocommerce-checkout #payment,
  body.woocommerce-checkout .payment_box{ max-width: 100%; overflow-x: hidden; }
  body.woocommerce-checkout #payment .payment_box input[type='text'],
  body.woocommerce-checkout #payment .payment_box input[type='tel']{ width: 100%; max-width: 100%; box-sizing: border-box; }
  body.woocommerce-checkout .sm-touch-scroll{ overflow: visible !important; }
  /* przycisk zawsze pod ręką */
  body.woocommerce-checkout #payment .place-order{
    position: sticky; bottom: 0; z-index: 20;
    background: #fff; padding: 10px 14px 12px; margin: 0 -14px;
    box-shadow: 0 -8px 20px rgba(0,0,0,.06);
  }
}

/* --- 6.8 Miniatury i kupon w podsumowaniu (wymaga snippetu "Checkout - kupon, miniatury, pasek dostawy") --- */
.woocommerce-checkout-review-order-table .cart_item .product-name{
  display: flex;
  gap: 10px;
  align-items: flex-start;
}
.woocommerce-checkout-review-order-table .cart_item .cc-thumb img{
  width: 56px;
  height: 56px;
  object-fit: contain;
  border-radius: 8px;
  border: 1px solid #eef1f4;
  background: #fff;
  display: block;
}
.cc-coupon .cc-coupon-row{ display: flex; gap: 8px; margin-top: 10px; }
.cc-coupon .cc-coupon-row input{
  flex: 1;
  padding: 12px !important;
  font-size: 14px;
  border: 1px solid #dcdcdc;
  border-radius: 9px;
  box-shadow: none;
}
.cc-coupon .cc-coupon-row button{
  margin: 0;
  padding: 0 18px;
  min-height: 44px;
  line-height: 44px;
  border-radius: 9px;
  background: #fff;
  color: #222;
  border: 1px solid #222;
  font-size: 13px;
  letter-spacing: 0;
}
.cc-coupon .cc-coupon-msg .woocommerce-error,
.cc-coupon .cc-coupon-msg .woocommerce-message{ margin: 8px 0 0; font-size: 13px; }
/* pasek darmowej dostawy w checkoucie */
body.woocommerce-checkout .checkout-sidebar .cc-fs-wrap{ margin: 8px 0 12px; }

/* --- 6.9 Wybór paczkomatu jako żółta karta InPost --- */
body.woocommerce-checkout #paczkomat_id_wrapper{
  display: block;
  background: #FFCB04;
  border-radius: 12px;
  padding: 14px 16px 16px;
  margin: 10px 0 6px;
  text-align: left;
}
body.woocommerce-checkout #paczkomat_id_wrapper::before{
  content: "Odbiór w Paczkomacie";
  display: block;
  min-height: 40px;
  line-height: 40px;
  padding-left: 112px;
  margin-bottom: 10px;
  font-size: 18px;
  font-weight: 700;
  color: #111;
  background: url("/wp-content/uploads/2026/08/inpost-logo-png_seeklogo-347126-e1788209945382-1.png") no-repeat left center / 96px auto;
}
body.woocommerce-checkout #paczkomat_id_field{
  display: inline-block;
  width: calc(100% - 156px);
  margin: 0;
  vertical-align: middle;
}
body.woocommerce-checkout #paczkomat_id_field .fl-label{ display: none; }
body.woocommerce-checkout #paczkomat_id_field .select2-container .select2-selection--single{
  height: 44px;
  border: 0;
  border-radius: 8px !important;
  background: #fff;
  box-shadow: none;
}
body.woocommerce-checkout #paczkomat_id_field .select2-selection__rendered{ line-height: 44px; padding-left: 14px; font-size: 14px; }
body.woocommerce-checkout #paczkomat_id_field .select2-selection__arrow{ height: 44px; }
body.woocommerce-checkout #open-geowidget{
  display: inline-block;
  width: 148px;
  margin: 0 0 0 8px;
  min-height: 44px;
  line-height: 44px;
  padding: 0;
  background: #111;
  color: #fff;
  border: 0;
  border-radius: 8px !important;
  font-size: 13px;
  letter-spacing: 0;
  vertical-align: middle;
  text-align: center;
}
body.woocommerce-checkout #open-geowidget:hover{ background: #333; }
@media (max-width: 549px){
  body.woocommerce-checkout #paczkomat_id_field{ width: 100%; margin-bottom: 8px; }
  body.woocommerce-checkout #open-geowidget{ width: 100%; margin: 0; }
}

/* --- 6.10 Blok zaufania pod przyciskiem (renderuje snippet) --- */
.html-checkout-sidebar{ display: none; }   /* stary tekst "Ratujemy Porządną Kawą!" */
.cc-trust{ margin-top: 16px; text-align: center; }
.cc-trust__ssl{
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 7px 14px;
  border-radius: 999px;
  background: #f1f4f6;
  color: #222;
  font-size: 13px;
}
.cc-trust__ssl b{ font-weight: 700; }
.cc-trust__ssl svg{ width: 18px; height: 18px; }
.cc-trust__box{
  margin-top: 14px;
  padding: 18px 18px 16px;
  border-radius: 12px;
  background: #f7f9fa;
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 6px 16px;
  align-items: center;
  text-align: left;
}
.cc-trust__grade{
  grid-row: 1 / 3;
  font-size: 46px;
  font-weight: 800;
  line-height: 1;
  color: #111;
  letter-spacing: -.02em;
}
.cc-trust__stars{ color: #F26F0C; font-size: 18px; letter-spacing: 2px; line-height: 1; }
.cc-trust__count{ font-size: 14px; color: #222; font-weight: 700; }
.cc-trust__count span{ display: block; font-weight: 400; color: #666; font-size: 12px; margin-top: 2px; }
.cc-trust__by{
  grid-column: 1 / 3;
  margin-top: 6px;
  padding-top: 10px;
  border-top: 1px solid #e6ebef;
  font-size: 12px;
  color: #666;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
}
.cc-trust__by a{ font-weight: 700; color: #111; text-decoration: none; }
.cc-trust__help{ margin-top: 12px; font-size: 13px; color: #555; }
.cc-trust__help a{ color: #111; }


/* --- 6.11 Poprawki po wdrozeniu: pasek Flexible Shipping u gory, paczkomat, miniatury --- */
body.woocommerce-checkout .woocommerce-info.message-wrapper{ display: block; background: #e6f6fc; border: 0; margin: 0 0 6px; padding: 10px 0; }
body.woocommerce-checkout .message-wrapper .message-container{ padding: 0 15px; }
.fs-free-shipping-notice-and-button-wrapper{ display: flex !important; align-items: center; justify-content: center; gap: 14px; flex-wrap: wrap; }
.fs-free-shipping-notice-text{ font-size: 14px; font-weight: 700; color: #0b3a4a; }
.fs-free-shipping-notice-continue-shopping-button-wrapper .button{ margin: 0; min-height: 0; line-height: 1.4; padding: 6px 12px; font-size: 12px; letter-spacing: 0; background: transparent; color: #0b3a4a; border: 1px solid #0b3a4a; border-radius: 999px; }
body.woocommerce-checkout #open-geowidget{ color: #fff !important; }
body.woocommerce-checkout #paczkomat_id_field label{ display: none !important; }
.woocommerce-checkout-review-order-table .cart_item .product-name{ display: grid; grid-template-columns: 56px 1fr; gap: 4px 10px; align-items: start; }
.woocommerce-checkout-review-order-table .cart_item .product-name > *{ grid-column: 2; }
.woocommerce-checkout-review-order-table .cart_item .product-name > .cc-thumb{ grid-column: 1; grid-row: 1 / span 3; }
.woocommerce-checkout-review-order-table .cart_item .product-name .cc-name{ display: block; }
.woocommerce-checkout-review-order-table .cart_item .product-name .variation{ margin: 0; }
.woocommerce-checkout-review-order-table tfoot .order-total td{ white-space: normal; }
.woocommerce-checkout-review-order-table tfoot .order-total td .amount{ white-space: nowrap; }
.woocommerce-checkout-review-order-table tfoot .order-total td .includes_tax{ display: block; font-size: 12px; font-weight: 400; }


/* --- 6.12 Paczkomat: pole i przycisk w jednej linii --- */
body.woocommerce-checkout #paczkomat_id_wrapper{ display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
body.woocommerce-checkout #paczkomat_id_wrapper::before{ flex: 0 0 100%; margin-bottom: 2px; }
body.woocommerce-checkout #paczkomat_id_field{ flex: 1 1 200px; width: auto; display: block; }
body.woocommerce-checkout #paczkomat_id_field .select2-container{ width: 100% !important; }
body.woocommerce-checkout #open-geowidget{ flex: 0 0 148px; margin: 0; }
@media (max-width: 549px){ body.woocommerce-checkout #open-geowidget{ flex-basis: 100%; } }


/* --- 6.13 Podsumowanie: szerokosc kolumny z nazwa produktu --- */
.woocommerce-checkout-review-order-table{ table-layout: fixed; width: 100%; }
.woocommerce-checkout-review-order-table .cart_item td.product-name{ width: 78%; }
.woocommerce-checkout-review-order-table .cart_item td.product-total{ width: 22%; }


/* --- 6.14 Telefon: metody dostawy na cala szerokosc, naglowek paczkomatu w jednej linii --- */
@media (max-width: 549px){
  body.woocommerce-checkout ul#shipping_method li{ width: 100% !important; max-width: 100%; }
  body.woocommerce-checkout #paczkomat_id_wrapper::before{ font-size: 16px; padding-left: 96px; background-size: 84px auto; }
}


/* --- 6.15 "Pomoc" w naglowku: telefon i mail po kliknieciu (element dodaje snippet) --- */
body.woocommerce-checkout:not(.woocommerce-order-received) .header-inner::after{ content: none; }
.cc-help{ margin-left: auto; position: relative; }
.cc-help summary{ list-style: none; cursor: pointer; display: flex; align-items: center; gap: 8px; padding: 10px 14px; font-size: 17px; font-weight: 700; color: #111; border-radius: 999px; }
.cc-help summary::-webkit-details-marker{ display: none; }
.cc-help summary:hover, .cc-help[open] summary{ background: #f1f4f6; }
.cc-help__ico{ width: 18px; height: 18px; border-radius: 50%; border: 2px solid #111; position: relative; display: inline-block; }
.cc-help__ico::before{ content: "?"; position: absolute; left: 0; right: 0; top: -2px; text-align: center; font-size: 12px; font-weight: 800; line-height: 18px; color: #111; }
.cc-help__box{ position: absolute; right: 0; top: calc(100% + 8px); z-index: 200; min-width: 320px; padding: 16px 18px; border-radius: 12px; background: #f6f5f1; color: #222; font-size: 16px; line-height: 1.6; box-shadow: 0 12px 32px rgba(0,0,0,.14); text-align: left; }
.cc-help__box a{ color: #111; font-weight: 700; text-decoration: underline; }
.cc-help__hours{ display: block; margin-top: 6px; font-size: 13px; color: #666; }
@media (max-width: 849px){
  .cc-help summary{ padding: 8px 10px; font-size: 15px; }
  .cc-help__box{ min-width: 0; width: calc(100vw - 32px); right: -8px; font-size: 15px; }
}

/* --- 6.16 Wieksze litery w formularzu --- */
body.woocommerce-checkout .woocommerce-billing-fields h3,
body.woocommerce-checkout .woocommerce-shipping-fields h3,
body.woocommerce-checkout .woocommerce-additional-fields h3{ font-size: 22px; }
body.woocommerce-checkout .form-row input.input-text,
body.woocommerce-checkout .form-row select,
body.woocommerce-checkout .form-row textarea,
body.woocommerce-checkout .select2-container .select2-selection__rendered{ font-size: 16px !important; }
body.woocommerce-checkout .form-row label{ font-size: 14px; }
body.woocommerce-checkout ul#shipping_method li label{ font-size: 15px; }
body.woocommerce-checkout #payment .payment_methods li label{ font-size: 16px; }
body.woocommerce-checkout .woocommerce-checkout-review-order-table .cart_item td{ font-size: 15px; }
body.woocommerce-checkout .woocommerce-checkout-review-order-table tfoot th,
body.woocommerce-checkout .woocommerce-checkout-review-order-table tfoot td{ font-size: 15px; }
body.woocommerce-checkout .checkout-sidebar::before{ font-size: 20px; }
.cc-coupon summary{ font-size: 15px; }
.fs-free-shipping-notice-text{ font-size: 15px; }


/* --- 6.17 Pomoc: szerszy dymek, na telefonie po prawej i na cala szerokosc --- */
.cc-help__box{ min-width: 380px; }
.cc-help__box a{ white-space: nowrap; }
@media (max-width: 849px){
  body.woocommerce-checkout #masthead .header-inner{ display: flex; align-items: center; }
  body.woocommerce-checkout #masthead .header-inner #logo{ margin-right: auto; }
  .cc-help{ order: 10; margin-left: 0; position: static; }
  .cc-help__box{ position: fixed; left: 12px; right: 12px; top: 72px; width: auto; min-width: 0; }
  body.admin-bar .cc-help__box{ top: 118px; }
}


/* --- 6.18 Komunikaty .woocommerce-info poza checkoutem ukryte jak wczesniej (np. pasek Flexible Shipping w koszyku dubluje wlasny pasek) --- */
body:not(.woocommerce-checkout) .woocommerce-info{ display: none; }


/* --- 6.19 Numerowane naglowki krokow (1. Dane, 2. Dostawa, 3. Platnosc) i szersza prawa kolumna --- */
body.woocommerce-checkout .woocommerce-billing-fields h3{ font-size: 24px; text-transform: none; letter-spacing: 0; }
body.woocommerce-checkout .woocommerce-billing-fields h3::before{ content: "1. "; }
body.woocommerce-checkout .woocommerce-checkout-review-order-table tfoot .shipping__table th{ display: block; font-size: 0 !important; line-height: 0; padding: 4px 0 12px; border: 0; text-transform: none; }
body.woocommerce-checkout .shipping__table th::before{ content: "2. Dostawa"; font-size: 22px; line-height: 1.2; font-weight: 700; color: #111; letter-spacing: 0; }
body.woocommerce-checkout .shipping__table td{ display: block; padding: 0; border: 0; }
body.woocommerce-checkout #payment::before{ content: "3. Płatność"; display: block; font-size: 22px; line-height: 1.2; font-weight: 700; color: #111; margin: 18px 0 8px; padding-top: 16px; border-top: 1px solid #e6ebef; }
body.woocommerce-checkout .checkout-sidebar::before{ font-size: 22px; }
@media (min-width: 1100px){
  body.woocommerce-checkout form.checkout .large-7{ flex-basis: 54%; max-width: 54%; }
  body.woocommerce-checkout form.checkout .large-5{ flex-basis: 46%; max-width: 46%; }
}
@media (max-width: 849px){
  body.woocommerce-checkout .woocommerce-billing-fields h3{ font-size: 21px; }
  body.woocommerce-checkout .shipping__table th::before, body.woocommerce-checkout #payment::before, body.woocommerce-checkout .checkout-sidebar::before{ font-size: 20px; }
}


/* --- 6.20 Blok zaufania: 5.0 / Ocena / Na podstawie N opinii (dane z TrustMate) --- */
a.cc-trust__box, a.cc-trust__box:hover{ text-decoration: none; color: #222; }
.cc-trust__box{ grid-template-columns: auto 1fr; gap: 4px 18px; padding: 18px 20px 14px; }
.cc-trust__grade{ grid-row: 1 / 3; display: flex; flex-direction: column; align-items: center; font-size: 44px; font-weight: 800; line-height: 1; color: #111; }
.cc-trust__grade span{ font-size: 12px; font-weight: 400; color: #666; letter-spacing: .04em; text-transform: uppercase; margin-top: 4px; }
.cc-trust__stars{ color: #F26F0C; font-size: 20px; letter-spacing: 2px; line-height: 1; align-self: end; }
.cc-trust__count{ font-size: 13px; font-weight: 400; color: #666; align-self: start; }
.cc-trust__count b{ display: block; font-size: 15px; font-weight: 700; color: #222; margin-top: 2px; }
.cc-trust__by{ grid-column: 1 / 3; margin-top: 8px; padding-top: 10px; border-top: 1px solid #e6ebef; font-size: 12px; color: #666; display: flex; justify-content: space-between; align-items: center; gap: 10px; }
.cc-trust__tm{ font-weight: 800; font-size: 15px; color: #111; letter-spacing: -.01em; }
.cc-trust__tm::after{ content: "\2605"; color: #F26F0C; margin-left: 2px; font-size: 13px; vertical-align: top; }

/* =========================================================
   7) PRICE HISTORY (WC Price History)
========================================================= */
.wc-price-history.prior-price.lowest{ font-size: 12px; }

/* =========================================================
   8) INFO BOXES (info-container)
========================================================= */
.info-container{
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  justify-content: space-around;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
}
.info-element{
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  background-color: #f9f9f9;
  padding: 8px;
  border-radius: 8px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  width: 100px;
  max-width: 100%;
}
.info-image{
  width: 30px;
  height: 30px;
  background-color: #fff;
  border-radius: 50%;
  padding: 10px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  margin-bottom: 8px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.info-description{
  font-size: 12px;
  line-height: 1.4;
  font-weight: bold;
  color: #333;
  text-align: center;
}

/* =========================================================
   9) CONTACT FORM 7 (bez @import w Custom CSS)
   UWAGA: @import w WP bywa blokowany. Lepiej wgrać font przez:
   Wygląd -> Dodatkowy CSS NIE zawsze pozwala na import.
========================================================= */
.wpcf7-form{
  font-family: 'Lato', sans-serif;
  max-width: 500px;
  margin: 0 auto;
  background: #f9f9f9;
  padding: 20px;
  border-radius: 10px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}
.wpcf7-form label{
  font-size: 16px;
  font-weight: 700;
  color: #333;
  display: block;
  margin-bottom: 5px;
}
.wpcf7-form input[type="text"],
.wpcf7-form input[type="email"],
.wpcf7-form input[type="tel"],
.wpcf7-form textarea{
  width: 100%;
  padding: 12px;
  border: 1px solid #ccc;
  border-radius: 8px;
  font-size: 16px;
  font-family: 'Lato', sans-serif;
  transition: 0.3s ease-in-out;
  background: #fff;
}
.wpcf7-form input:focus,
.wpcf7-form textarea:focus{
  border-color: #0073e6;
  outline: none;
  box-shadow: 0 0 5px rgba(0, 115, 230, 0.5);
}
.wpcf7-form input[type="submit"]{
  background-color: #0073e6;
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  padding: 12px 20px;
  border: none;
  border-radius: 8px;
  cursor: pointer;
  transition: background 0.3s ease-in-out;
  display: block;
  width: 100%;
  margin-top: 10px;
}
.wpcf7-form input[type="submit"]:hover{ background-color: #005bb5; }
.wpcf7-response-output{
  margin-top: 10px;
  padding: 10px;
  border-radius: 8px;
  font-size: 14px;
}
.wpcf7-spinner{ display: none; }

/* =========================================================
   10) FOOTER WIDGETS (footer-2)
========================================================= */
.footer-widgets.footer-2 .row{
  display: flex;
  flex-wrap: nowrap;
  gap: 10%;
}
.footer-widgets.footer-2 .widget_text:nth-child(1){
  flex: 0 0 65%;
  max-width: 65%;
}
.footer-widgets.footer-2 .widget_text:nth-child(2){
  flex: 0 0 25%;
  max-width: 25%;
}
@media (max-width: 767px){
  .footer-widgets.footer-2 .row{ display: block; }
  .footer-widgets.footer-2 .widget_text:nth-child(1),
  .footer-widgets.footer-2 .widget_text:nth-child(2){
    max-width: 100%;
    flex: 0 0 100%;
    margin-bottom: 20px;
  }
  .footer-widgets.footer-2 .widget_text img{
    max-width: 100%;
    height: auto;
  }
}

/* =========================================================
   11) YITH WooCommerce Added to Cart Popup (CLEAN)
========================================================= */
.yith-wacp-wrapper{
  width: 800px !important;
  height: 800px !important;
  max-width: 800px !important;
  max-height: 800px !important;
  left: 50% !important;
  top: 50% !important;
  transform: translate(-50%, -50%) !important;
}

.yith-wacp-content{
  height: 100% !important;
  overflow: hidden !important;
  display: flex !important;
  flex-direction: column !important;
}

/* siatka 4 */
.yith-wacp-wrapper .yith-wacp-related-products.products{
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  gap: 12px !important;
  margin: 10px 0 0 !important;
}

/* kafel */
.yith-wacp-wrapper .yith-wacp-related-product{
  padding: 8px !important;
  border: 1px solid rgba(0,0,0,.06);
  border-radius: 10px;
  text-align: center;
  display: flex;
  flex-direction: column;
}

/* miniatury */
.yith-wacp-wrapper .yith-wacp-related-product img{
  width: 100% !important;
  height: 120px !important;
  object-fit: contain !important;
  border-radius: 8px;
}

/* tytuł + cena */
.yith-wacp-wrapper .yith-wacp-related-product .woocommerce-loop-product__title{
  font-size: 12px !important;
  margin: 6px 0 4px !important;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.yith-wacp-wrapper .yith-wacp-related-product .price{
  font-size: 12px !important;
  margin-bottom: 6px !important;
}

/* usuń badge w polecanych */
.yith-wacp-wrapper .yith-wacp-related-products .badge-container,
.yith-wacp-wrapper .yith-wacp-related-products .badge{
  display: none !important;
}

/* przyciski polecanych */
body .yith-wacp-wrapper .yith-wacp-related-products a.button{
  background-color: #ff7a00 !important;
  border-color: #ff7a00 !important;
  color: #fff !important;
  border-radius: 12px !important;
  padding: 6px 12px !important;
  line-height: 1.2 !important;
  min-height: 32px !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  text-transform: none !important;
  box-shadow: none !important;
  white-space: nowrap !important;
  margin-top: auto !important;
}
body .yith-wacp-wrapper .yith-wacp-related-products a.button:before,
body .yith-wacp-wrapper .yith-wacp-related-products a.button:after{
  content: none !important;
  display: none !important;
}
.yith-wacp-wrapper .yith-wacp-related-products a.button:hover{
  background-color: #e66d00 !important;
  border-color: #e66d00 !important;
}

/* zamiana kolejności głównych CTA */
.yith-wacp-wrapper .yith-wacp-popup-actions{
  display: flex !important;
  justify-content: space-between;
  flex-direction: row-reverse;
}

/*zmiana przycisku chce fakture*/
#billing_chce_fakture_field {
  display: flex;
  align-items: center;
  gap: 25px;
  flex-wrap: wrap;
}

#billing_chce_fakture_field legend {
  width: 100%;
  margin-bottom: 10px;
}

#billing_chce_fakture_field label {
  display: flex;
  align-items: center;
  gap: 8px;
  font-weight: 500;
  cursor: pointer;
}

#billing_chce_fakture_field input[type="radio"] {
  margin: 0;
  transform: scale(1.1);
  cursor: pointer;
}

/*/ ogarniecie widoku po zamowieniu /*/
.woocommerce-order {
    max-width: 1100px;
    margin: 40px auto;
    font-family: "Inter", "Segoe UI", sans-serif;
    color: #111;
}

/* Główne boxy */
.woocommerce-order > * {
    background: #fff;
    border-radius: 14px;
    padding: 28px;
    margin-bottom: 24px;
    box-shadow: 0 6px 24px rgba(0,0,0,0.05);
}

/* Nagłówki sekcji */
.woocommerce-order h2 {
    font-size: 24px;
    line-height: 1.25;
    font-weight: 700;
    color: #111;
    margin: 0 0 20px;
    padding: 0;
    background: none;
    border-radius: 0;
}

.woocommerce-order h2::after {
    content: "";
    display: block;
    width: 42px;
    height: 3px;
    margin-top: 10px;
    border-radius: 2px;
    background: #c47a2c;
}

/* Lista danych bankowych */
.woocommerce-order ul {
    margin: 14px 0 0;
    padding-left: 22px;
}

.woocommerce-order ul li {
    font-size: 16px;
    line-height: 1.7;
    margin-bottom: 8px;
    color: #222;
}

/* Prawy box z podsumowaniem */
.woocommerce-order .woocommerce-order-overview {
    background: #fff8f2;
    border: 1px solid #f2ddca;
    box-shadow: 0 6px 24px rgba(0,0,0,0.04);
}

.woocommerce-order-overview li {
    font-size: 15px;
    line-height: 1.6;
    margin-bottom: 10px;
    color: #444;
}

.woocommerce-order-overview strong {
    font-size: 18px;
    font-weight: 700;
    color: #111;
}

/* Tabela zamówienia */
.woocommerce-table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0 12px;
    margin-top: 10px;
}

.woocommerce-table thead {
    display: none;
}

.woocommerce-table tbody tr {
    background: #fafafa;
}

.woocommerce-table tbody td {
    padding: 18px 16px;
    border: none;
    vertical-align: top;
    font-size: 15px;
    color: #444;
}

.woocommerce-table tbody td:first-child {
    font-size: 17px;
    font-weight: 600;
    color: #111;
    border-radius: 12px 0 0 12px;
}

.woocommerce-table tbody td:last-child {
    font-size: 20px;
    font-weight: 700;
    color: #111;
    text-align: right;
    white-space: nowrap;
    border-radius: 0 12px 12px 0;
}

/* Podsumowanie tabeli */
.woocommerce-table tfoot tr {
    background: transparent;
}

.woocommerce-table tfoot th,
.woocommerce-table tfoot td {
    padding: 16px 0;
    border-top: 1px solid #ececec;
    font-size: 16px;
    color: #222;
}

.woocommerce-table tfoot th {
    font-weight: 600;
}

.woocommerce-table tfoot td {
    text-align: right;
    font-weight: 700;
}

.woocommerce-table tfoot tr:last-child td,
.woocommerce-table tfoot tr:last-child th {
    font-size: 19px;
    color: #111;
}

/* Adres rozliczeniowy */
.woocommerce-customer-details address {
    background: #fafafa;
    padding: 22px 24px;
    border-radius: 12px;
    font-style: normal;
    font-size: 16px;
    line-height: 1.8;
    color: #222;
    border: 1px solid #f0f0f0;
}

/* Lekka poprawa odstępów przy tekście pod produktem */
.woocommerce-table small,
.woocommerce-table .wc-item-meta,
.woocommerce-table .product-quantity {
    font-size: 14px;
    line-height: 1.6;
    color: #666;
}

/* Mobile */
@media (max-width: 768px) {
    .woocommerce-order {
        margin: 20px auto;
    }

    .woocommerce-order > * {
        padding: 20px;
        margin-bottom: 18px;
        border-radius: 12px;
    }

    .woocommerce-order h2 {
        font-size: 21px;
        margin-bottom: 16px;
    }

    .woocommerce-table tbody td {
        padding: 14px 12px;
        font-size: 14px;
    }

    .woocommerce-table tbody td:first-child {
        font-size: 15px;
    }

    .woocommerce-table tbody td:last-child {
        font-size: 17px;
    }

    .woocommerce-customer-details address {
        font-size: 15px;
        padding: 18px;
    }
	
}

/* Prawa kolumna trochę bardziej elegancka */
.woocommerce-order .woocommerce-order-overview {
    padding: 20px 22px;
    border-radius: 12px;
}

.woocommerce-order-overview li {
    margin-bottom: 12px;
    line-height: 1.6;
}

/* Mniej pustki w tabeli */
.woocommerce-table tfoot th,
.woocommerce-table tfoot td {
    padding: 14px 0;
}

/* Wysyłka i płatność trochę lżej */
.woocommerce-table tfoot tr:not(:last-child) th,
.woocommerce-table tfoot tr:not(:last-child) td {
    color: #333;
    font-size: 15px;
}

/* Ostatnia suma mocniej */
.woocommerce-table tfoot tr:last-child th,
.woocommerce-table tfoot tr:last-child td {
    font-size: 20px;
    font-weight: 700;
}

/* Adres przyjemniejszy */
.woocommerce-customer-details address {
    background: #fcfcfc;
    border: 1px solid #ededed;
}

/* Trochę więcej oddechu między sekcjami */
.woocommerce-order h2 {
    margin-top: 10px;
}

/* Lepszy wygląd nazwy produktu */
.woocommerce-table tbody td:first-child {
    line-height: 1.45;
}

/* Parametry produktu pod spodem delikatniejsze */
.woocommerce-table .wc-item-meta,
.woocommerce-table .wc-item-meta li,
.woocommerce-table dl,
.woocommerce-table dd,
.woocommerce-table dt {
    font-size: 14px;
    color: #666;
    line-height: 1.6;
}

/*checkout*/

/* Wszystkie pola wpisywania na checkout */
.woocommerce-checkout input[type="text"],
.woocommerce-checkout input[type="tel"],
.woocommerce-checkout input[type="email"],
.woocommerce-checkout input[type="number"],
.woocommerce-checkout input[type="password"],
.woocommerce-checkout textarea,
.woocommerce-checkout select,
.select2-container .select2-selection--single,
.select2-container .select2-selection--multiple {
  border-radius: 9px !important;
  overflow: hidden;
}

/* Przycisk "Wybierz na mapie" */
#open-geowidget,
a#open-geowidget,
#paczkomat_id_wrapper .button,
#paczkomat_id_wrapper a.button {
  border-radius: 9px !important;
}

/* Boxy metod dostawy */
.woocommerce ul#shipping_method li,
.woocommerce-shipping-methods li,
.shipping-method-paczkomaty-shipping {
  border-radius: 9px !important;
  overflow: hidden;
}

/* =========================================================
   FREE SHIPPING BAR – Colbergcoffee
========================================================= */
.cc-fs-wrap {
  display: block !important;
  width: 100%;
  margin: 0 0 14px 0;
  padding: 13px 14px;
  border-radius: 12px;
  background: linear-gradient(135deg, #f7fbff 0%, #eef8fc 100%);
  border: 1px solid rgba(18,168,224,.18);
  box-shadow: 0 6px 18px rgba(0,0,0,.06);
  clear: both;
}

.cc-fs-msg {
  font-size: 14px;
  margin: 0 0 9px 0;
  line-height: 1.35;
  font-weight: 600;
  color: #222;
}

.cc-fs-track {
  display: block !important;
  height: 7px;
  background: rgba(0,0,0,.10);
  border-radius: 999px;
  overflow: hidden;
  position: relative;
}

.cc-fs-fill {
  display: block !important;
  height: 100%;
  background: linear-gradient(90deg, #12a8e0, #45c6f0);
  border-radius: 999px;
  transition: width .35s ease;
  position: relative;
}

.cc-fs-fill:after {
  content: "";
  position: absolute;
  top: 0;
  left: -35%;
  height: 100%;
  width: 30%;
  background: linear-gradient(90deg, rgba(255,255,255,0), rgba(255,255,255,.55), rgba(255,255,255,0));
  transform: skewX(-20deg);
  animation: ccFsShine 1.4s ease-in-out infinite;
}

.cc-fs-wrap.is-success {
  background: linear-gradient(135deg, #f1fff6 0%, #e9fbef 100%);
  border-color: rgba(24,179,75,.25);
}

.cc-fs-wrap.is-success .cc-fs-fill {
  background: linear-gradient(90deg, #18b34b, #42d36f);
  box-shadow: 0 0 12px rgba(24,179,75,.35);
}

@keyframes ccFsShine {
  0% { left: -35%; }
  100% { left: 130%; }
}

.cc-payment-methods {
  margin: 35px 0;
  font-family: inherit;
}

.cc-payment-intro {
  max-width: 850px;
  margin-bottom: 24px;
}

.cc-payment-intro h2 {
  font-size: 28px;
  line-height: 1.25;
  margin-bottom: 12px;
  font-weight: 700;
  color: #1f1f1f;
}

.cc-payment-intro p {
  font-size: 16px;
  line-height: 1.7;
  color: #444;
  margin: 0;
}

.cc-payment-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
}

.cc-payment-card {
  background: #ffffff;
  border: 1px solid #e8e2da;
  border-radius: 18px;
  padding: 22px 24px;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.04);
  transition: all 0.25s ease;
}

.cc-payment-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 14px 32px rgba(0, 0, 0, 0.08);
  border-color: #c9a46a;
}

.cc-payment-title {
  font-size: 18px;
  font-weight: 700;
  color: #2b2118;
  margin-bottom: 8px;
}

.cc-payment-card p {
  font-size: 15px;
  line-height: 1.65;
  color: #555;
  margin: 0;
}

.cc-payment-card-highlight {
  background: #fffaf2;
  border-color: #d6b277;
}

@media (max-width: 768px) {
  .cc-payment-grid {
    grid-template-columns: 1fr;
  }

  .cc-payment-intro h2 {
    font-size: 24px;
  }

  .cc-payment-card {
    padding: 18px 20px;
    border-radius: 16px;
  }
}

.ux-menu-title.kawa_menu_klasa {
  font-size: 11px !important;
  font-weight: 300 !important;
  letter-spacing: 0.5px !important;
  text-transform: uppercase !important;
  color: #222 !important;
  line-height: 1.3 !important;
  margin-bottom: 12px !important;
}

/* =========================================================
   GŁÓWNE MENU - PREMIUM / CZYTELNE
========================================================= */

.header-main .nav > li > a,
.header-main .nav > li > a.nav-top-link {
  color: #1f1f1f !important;
  font-weight: 600 !important;
  font-size: 14px !important;
  letter-spacing: 0.25px !important;
  opacity: 1 !important;
  text-transform: uppercase !important;
}

.header-main .nav > li > a:hover,
.header-main .nav > li.active > a,
.header-main .nav > li.current-menu-item > a {
  color: #00A7E3 !important;
}

/* === Karty wpisow "Sprawdz nasze ostatnie artykuly" (.cc-blog-cards) === */
.cc-blog-cards .box-image,
.cc-blog-cards .box-image .image-cover,
.cc-blog-cards .box-image img {
  border-radius: 10px;
}

/* data w jednej linii */
.cc-blog-cards .badge.post-date {
  top: 0;
  left: 0;
  padding: 10px;
}
.cc-blog-cards .badge.post-date .badge-inner br { display: none; }
.cc-blog-cards .badge.post-date .badge-inner {
  display: flex;
  align-items: baseline;
  justify-content: center;
  gap: 5px;
  width: auto;
  min-width: 0;
  height: auto;
  padding: 5px 12px;
  line-height: 1.1;
  border-radius: 10px;
}
.cc-blog-cards .badge.post-date .post-date-day,
.cc-blog-cards .badge.post-date .post-date-month {
  display: inline-block;
  font-size: 14px;
  line-height: 1.1;
  margin: 0;
}

/* rowna wysokosc kafelkow */
.cc-blog-cards .col-inner,
.cc-blog-cards .box-blog-post { height: 100%; }
.cc-blog-cards .box-text .post-title {
  display: -webkit-box !important;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  height: 87px;
  margin-bottom: 0;
}
.cc-blog-cards .box-text .from_the_blog_excerpt {
  display: -webkit-box !important;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
  height: 92px;
  margin-bottom: 0;
}

/* =========================================================
   KONTRAST PRZYCISKOW I BADGE'OW  (2026-09-01)
   Bialy tekst na #FF7300 dawal 2,7:1, na #00BAF2 dawal 2,3:1.
   WCAG AA wymaga 4,5:1. Kolory marki zostaja bez zmian,
   zmienia sie tylko napis na granatowy: 6,9:1 i 7,7:1.
   Usuniecie calego bloku przywraca poprzedni wyglad.
   ========================================================= */
:root { --cc-ink: #06222B; }

.button.primary:not(.is-outline):not(.is-link):not(.is-underline),
.button.primary:not(.is-outline):not(.is-link):not(.is-underline):hover,
.button.primary:not(.is-outline):not(.is-link):not(.is-underline):focus,
.button.secondary:not(.is-outline):not(.is-link):not(.is-underline),
.button.secondary:not(.is-outline):not(.is-link):not(.is-underline):hover,
.button.secondary:not(.is-outline):not(.is-link):not(.is-underline):focus,
.checkout-button,
.button.checkout,
button.submit-button,
.add_to_cart_button,
.add_to_cart_button:hover,
.single_add_to_cart_button,
.single_add_to_cart_button:hover,
.flexible-shipping-free-shipping-button,
.button.wc-forward,
.button.wc-forward:hover,
a.quick-view,
.tm-show-more,
.badge-inner:not([style]),
.badge-inner.on-sale,
.badge-inner.secondary,
.badge-inner.primary,
.badge-inner.new-bubble,
.badge-inner.new-bubble-auto,
.badge-inner.callout-new-bg {
	color: var(--cc-ink) !important;
}

/* =========================================================
   IKONY W GORNYM PASKU NA BLEKIT MARKI  (2026-09-01)
   Ikony sa SVG wstawione jako background-image i bielone
   filtrem brightness(0) invert(1). Zamiast filtra uzywamy
   maski, wiec mozna im nadac dokladny kolor #00BAF2.
   Kontrast na brazowym pasku: 7,2:1.
   ========================================================= */
.header-top .ikona-box {
	width: 26px !important;
	height: 26px !important;
	filter: none !important;
	background-image: none !important;
	background-color: #00BAF2 !important;
	-webkit-mask-repeat: no-repeat; mask-repeat: no-repeat;
	-webkit-mask-position: center; mask-position: center;
	-webkit-mask-size: contain; mask-size: contain;
}
.header-top .ikona-box1 {
	-webkit-mask-image: url(https://colbergcoffee.pl/wp-content/uploads/2026/09/cc-ico-dostawa.svg);
	mask-image: url(https://colbergcoffee.pl/wp-content/uploads/2026/09/cc-ico-dostawa.svg);
}
.header-top .ikona-box2 {
	-webkit-mask-image: url(https://colbergcoffee.pl/wp-content/uploads/2026/09/cc-ico-wypalona.svg);
	mask-image: url(https://colbergcoffee.pl/wp-content/uploads/2026/09/cc-ico-wypalona.svg);
}
.header-top .ikona-box3 {
	-webkit-mask-image: url(https://colbergcoffee.pl/wp-content/uploads/2026/09/cc-ico-specialty.svg);
	mask-image: url(https://colbergcoffee.pl/wp-content/uploads/2026/09/cc-ico-specialty.svg);
}

/* =========================================================
   PASEK PROMOCYJNY (uwaga sklepu WooCommerce)  2026-09-01
   Jedna statyczna linia zamiast trzech rotujacych fragmentow.
   Bialy tekst na karmelu dawal 2,3:1; ciemny braz daje 7,5:1.
   Cala tresc jest linkiem do produktu, krzyzyk ukryty.
   ========================================================= */
p.woocommerce-store-notice,
p.demo_store {
	background-color: #D9A066 !important;
	height: 36px !important;
	line-height: 36px !important;
	padding: 0 18px !important;
	margin: 0 !important;
	text-align: center !important;
	border-radius: 0 !important;
	overflow: hidden !important;
}
p.woocommerce-store-notice > a,
.cc-easter-simple,
.cc-easter-simple * {
	color: #2B1D17 !important;
	font-size: 14px !important;
	line-height: 36px !important;
	text-decoration: none !important;
}
p.woocommerce-store-notice > a,
.cc-easter-simple {
	display: block !important;
}
p.woocommerce-store-notice > a.woocommerce-store-notice__dismiss-link,
.woocommerce-store-notice__dismiss-link {
	display: none !important;
}

/* ==========================================================
   CC-KOSZYK — koszyk: przyciski, cross-selle, selektor ilości
   ========================================================== */

/* Kontynuuj zakupy */
.button-continue-shopping.button{border-radius:8px;padding:0 24px;height:42px;line-height:38px;border-width:2px;font-weight:600;letter-spacing:.01em;transition:background-color .25s,color .25s,box-shadow .25s,transform .25s}
.button-continue-shopping.button:hover{background-color:#00baf2;color:#fff;box-shadow:0 6px 16px rgba(0,186,242,.28);transform:translateY(-1px)}

/* Box wokół poleconych */
.cross-sells{position:relative;border:1px solid #e6e6e6;border-radius:12px;background:#fff;padding:20px 44px 22px;margin-top:24px}
.cross-sells>h2{text-align:center;font-size:19px;line-height:1.3;margin:0 0 16px;letter-spacing:.01em}

/* Poziomy scroll, max 4 widoczne */
.cross-sells .products.row{display:flex!important;flex-wrap:nowrap!important;overflow-x:auto;scroll-behavior:smooth;margin:0 -8px;scrollbar-width:none;-ms-overflow-style:none}
.cross-sells .products.row::-webkit-scrollbar{display:none}
.cross-sells .products.row>.product-small{flex:0 0 25%!important;max-width:25%!important;width:25%!important;padding:0 8px 8px}
@media(max-width:849px){.cross-sells{padding:18px 34px 20px}.cross-sells .products.row>.product-small{flex:0 0 50%!important;max-width:50%!important;width:50%!important}}
@media(max-width:549px){.cross-sells .products.row>.product-small{flex:0 0 72%!important;max-width:72%!important;width:72%!important}}

/* Strzałki slidera */
.cc-nav{position:absolute;top:50%;transform:translateY(-50%);width:30px;height:30px;padding:0;border-radius:50%;border:1px solid #e0e0e0;background:#fff;display:flex;align-items:center;justify-content:center;font-size:14px;line-height:1;color:#333;cursor:pointer;z-index:5;transition:background-color .2s,box-shadow .2s,opacity .2s}
.cc-nav:hover{background:#f5f5f5;box-shadow:0 2px 8px rgba(0,0,0,.1)}
.cc-nav[disabled]{opacity:.25;cursor:default;box-shadow:none}
.cc-nav--prev{left:8px}
.cc-nav--next{right:8px}

/* Kafelki w cross-sellach */
.cross-sells .box-text{padding:8px 10px 12px}
.cross-sells .cc-waga.is-empty{display:none}
.cross-sells .add-to-cart-button{margin-top:8px!important}
.cross-sells .add_to_cart_button.button{font-size:11px;font-weight:700;letter-spacing:.02em;padding:8px 14px;border-radius:8px;border:0;min-height:0;line-height:1.2;box-shadow:none;transition:filter .2s,box-shadow .2s,transform .2s}
.cross-sells .add_to_cart_button.button:hover{filter:brightness(.94);box-shadow:0 4px 12px rgba(255,115,0,.28);transform:translateY(-1px)}

/* Selektor ilości w koszyku */
.woocommerce-cart-form .ux-quantity{position:relative;border:1px solid rgba(0,0,0,.14);border-radius:8px;overflow:hidden;background:#fff;width:96px;height:38px}
.woocommerce-cart-form .ux-quantity__button{background:transparent!important;border:0!important;box-shadow:none!important;width:30px;height:36px;color:transparent!important;transition:background-color .2s}
.woocommerce-cart-form .ux-quantity__button:hover{background:rgba(0,0,0,.05)!important}
.woocommerce-cart-form .ux-quantity::before,
.woocommerce-cart-form .ux-quantity::after{position:absolute;top:0;height:36px;width:30px;display:flex;align-items:center;justify-content:center;font-size:20px;line-height:1;color:#333;pointer-events:none}
.woocommerce-cart-form .ux-quantity::before{content:"\2212";left:0}
.woocommerce-cart-form .ux-quantity::after{content:"+";right:0}
.woocommerce-cart-form .ux-quantity .input-text.qty{background:transparent!important;border:0!important;box-shadow:none!important;height:36px;color:#222;font-weight:600}

/* Wyrównanie kafelków: cena i przycisk zawsze na dole */
.cross-sells .products.row>.product-small{display:flex}
.cross-sells .product-small>.col-inner{display:flex;flex-direction:column;width:100%}
.cross-sells .product-small .product-small.box{display:flex;flex-direction:column;flex:1 1 auto}
.cross-sells .box-text{display:flex!important;flex-direction:column!important;flex:1 1 auto}
.cross-sells .price-wrapper{margin-top:auto;min-height:46px;display:flex;flex-direction:column;justify-content:flex-end}
.cross-sells .add-to-cart-button{margin-top:10px!important}
.cross-sells .product-small.box{align-items:stretch}
.cross-sells .box-image{width:100%;flex:0 0 auto}
.cross-sells .box-image>div{width:100%}
/* ===== koniec CC-KOSZYK ===== */



/* ==========================================================
   CC-KONTRAST — czytelność tekstu na kolorach marki (WCAG AA)
   ========================================================== */

/* przyciski wypełnione: ciemny tekst zamiast białego */
.button.primary:not(.is-outline):not(.is-link):not(.is-underline),
a.button.primary:not(.is-outline):not(.is-link):not(.is-underline),
input.button.primary,
button.button.primary,
.button.secondary:not(.is-outline):not(.is-link),
.add_to_cart_button.button:not(.is-outline),
.single_add_to_cart_button,
.checkout-button,
.wc-forward.button { color:#06222B !important; }

/* teksty wewnątrz przycisków dziedziczą kolor przycisku */
.button span, .button strong, .button em { color:inherit !important; }

/* przyciski outline: ciemniejszy odcień marki */
.button.primary.is-outline,
a.button.primary.is-outline,
button.button.primary.is-outline,
.button-continue-shopping.button { color:#0080A7 !important; border-color:#0080A7 !important; }
.button.primary.is-outline:hover,
a.button.primary.is-outline:hover,
button.button.primary.is-outline:hover,
.button-continue-shopping.button:hover { background-color:#0080A7 !important; border-color:#0080A7 !important; color:#fff !important; }
.button.secondary.is-outline,
a.button.secondary.is-outline { color:#B85C00 !important; border-color:#B85C00 !important; }
.button.secondary.is-outline:hover,
a.button.secondary.is-outline:hover { background-color:#B85C00 !important; border-color:#B85C00 !important; color:#fff !important; }
.button.primary.is-link, .button.primary.is-underline { color:#0080A7 !important; }

/* badge'y na jasnych tłach marki */
.badge-inner.on-sale,
.badge-inner.new-bubble,
.badge-inner.new-bubble-auto,
.badge-inner.callout-new-bg { color:#06222B !important; }

/* aktywna zakładka nad opisem */
ul.tabs.nav-pills li.active > a,
.nav-pills > li.active > a,
.product-tabs > li.active > a { color:#06222B !important; }

/* górny pasek cyan */
.ccs-banner, .ccs-banner * { color:#06222B !important; }

/* pasek WooCommerce (beżowy) */
.woocommerce-store-notice.demo_store { color:#06222B !important; }
.woocommerce-store-notice.demo_store a { color:#06222B !important; text-decoration:underline; }

/* stopka — pierwszy blok */
.footer-widgets.footer { background-color:#2B1D17 !important; }
.absolute-footer, .absolute-footer.dark { background-color:#1E1410 !important; }
.footer-widgets.footer h1, .footer-widgets.footer h2, .footer-widgets.footer h3, .footer-widgets.footer h4, .footer-widgets.footer h5, .footer-widgets.footer .widget-title { color:#00BAF2 !important; }
.footer-widgets.footer,
.footer-widgets.footer p,
.footer-widgets.footer strong,
.footer-widgets.footer a { color:#fff !important; }

/* pomarańczowy tekst na białym */
.tm-grades__text--color,
.tm-omnibus-modal__button,
.tm-omnibus-modal__button *,
.tm-carousel__pinned-text { color:#B85C00 !important; }

/* TrustMate: link na pomarańczowym kafelku */
.tm-show-more a,
.tm-carousel__card a { color:#06222B !important; }

/* separator w pasku przewijanym */
.m-scroll .separator { color:#9C571B !important; }

/* czerwony tekst wpisany w edytorze */
[style*="color: #ff0000"],[style*="color:#ff0000"],[style*="color: red"],[style*="color:red"] { color:#ED0000 !important; }

/* szare drobiazgi */
a.remove, a.remove_from_cart_button { color:#767676 !important; }
.rank-math-breadcrumb .separator, .breadcrumbs .separator { color:#767676 !important; }
/* blok tekstowy na cyanowym tle (strona glówna — kawiarnia) */
#text-2270048483, #text-2270048483 * { color:#06222B !important; }

/* przyciski checkoutu bez klasy .primary */
button#place_order,
.button.alt,
#open-geowidget.button,
button.button.expand { color:#06222B !important; }
button#place_order span, .button.alt span { color:inherit !important; }

/* ===== koniec CC-KONTRAST ===== */


/* === LOGOTYPY PLATNOSCI (stopka) === */
/* Logotypy platnosci w stopce */
.pay-logos{display:flex;align-items:center;gap:20px;flex-wrap:wrap;--pay-h:24px}
.pay-logos .pay-logo{display:inline-flex;align-items:center;line-height:0;color:#8f8f8f;opacity:.85;transition:opacity .2s,color .2s}
.pay-logos .pay-logo:hover{opacity:1;color:#c9c9c9}
.pay-logos svg{display:block;width:auto;height:var(--pay-h)}
.pay-logos .pay-inpost svg{height:calc(var(--pay-h)*1.45)}
.pay-logos .pay-p24 svg{height:calc(var(--pay-h)*1.15)}
.pay-logos .pay-paynow svg{height:calc(var(--pay-h)*.66)}
@media(max-width:849px){.pay-logos{--pay-h:20px;gap:14px;justify-content:center}}

/* --- 7.1 Koszyk: zaokrąglony przycisk przejścia do płatności --- */
body.woocommerce-cart .wc-proceed-to-checkout .checkout-button{
  border-radius: 10px;
}
/* --- 7.2 Koszyk: kupon w stylu checkoutu ("Mam kod rabatowy") --- */
body.woocommerce-cart form.ux-cart-coupon .coupon{
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
  margin-top: 14px;
  padding-top: 12px;
  border-top: 1px solid #e6ebef;
}
body.woocommerce-cart form.ux-cart-coupon .coupon h3.widget-title{
  flex: 0 0 100%;
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 0;                 /* chowa oryginalny napis "Kupon" */
  font-weight: 700;
  letter-spacing: 0;
  text-transform: none;
  color: #222;
}
body.woocommerce-cart form.ux-cart-coupon .coupon h3.widget-title i.icon-tag{
  font-size: 15px;
  margin-right: 6px;
}
body.woocommerce-cart form.ux-cart-coupon .coupon h3.widget-title::after{
  content: "Mam kod rabatowy";
  font-size: 14px;
}
body.woocommerce-cart form.ux-cart-coupon .coupon #coupon_code{
  flex: 1 1 150px;
  width: auto !important;
  min-width: 0;
  margin: 0;
  box-sizing: border-box;
  height: 44px;
  min-height: 0;
  padding: 12px !important;
  font-size: 14px;
  border: 1px solid #dcdcdc;
  border-radius: 9px;
  box-shadow: none;
}
body.woocommerce-cart form.ux-cart-coupon .coupon button.expand{
  flex: 0 0 auto;
  width: auto !important;
  min-width: 0;
  margin: 0;
  box-sizing: border-box;
  height: 44px;
  min-height: 0;
  line-height: 42px;
  padding: 0 18px;
  border-radius: 9px;
  background: #fff;
  color: #222;
  border: 1px solid #222;
  font-size: 13px;
  letter-spacing: 0;
}
/* --- 7.3 Mini-koszyk: zaokrąglone przyciski, biały tekst na niebieskim --- */
.woocommerce-mini-cart__buttons a.button{
  border-radius: 10px;
}
.woocommerce-mini-cart__buttons a.button.wc-forward:not(.checkout),
.woocommerce-mini-cart__buttons a.button.wc-forward:not(.checkout):hover,
.woocommerce-mini-cart__buttons a.button.wc-forward:not(.checkout):focus{
  color: #fff;
}
/* --- 7.4 Checkout: czarne logo InPost zamiast białego kafelka PNG --- */
/* (podmienia background-image w regule z sekcji 6.9) */
body.woocommerce-checkout #paczkomat_id_wrapper::before{
  min-height: 48px;
  line-height: 48px;
  padding-left: 92px;
  background-image: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 166.1 100' fill='%23111'%3E%3Cpath d='M26.7 0.1c0 0.9 2.3 6.2 3.7 8.6c1.6 2.8 9 10.9 9.5 10.5c0.8-0.8-3.3-9-6.5-13c-2.2-2.9-6.7-6.9-6.7-6.1zM56 19c-13 2.1-23.8 12.5-26.2 25.2c-3 16.1 7.3 32.1 23.4 36.2c3.7 0.9 9.8 1.4 10.8 0.8c0.7-0.4 0.7-0.4-0.2-0.4c-3.6-0.1-12-4.4-16.1-8.2c-3.4-3.2-9.2-12.4-8.3-13.2c0.1 0 1.3-0.5 2.8-1c3.3-1.3 3.5-1.5 1.7-2.4c-13.8-7.2 0.3-33.7 19.4-36.6c1.5-0.3 1.7-0.4 0.9-0.6c-1.4-0.4-4.7-0.3-8.2 0.2zM7.6 22.6c3.5 3.7 10.9 7.8 16.5 9.2c4.6 1.2 4.4 0.6-0.8-3.4c-4.5-3.3-10.1-5.8-15.3-6.8l-1.5-0.2l1.1 1.2zM63.1 50.2v13.9h2.4h2.4v-13.9v-13.9h-2.4h-2.4v13.9zM93.1 50.2v13.9l2.5-0.1l2.5-0.1l0.1-4.3l0.1-4.3l4.5-0.2c5.4-0.2 7.1-0.8 9.2-3.1c3.1-3.6 2.9-10.3-0.5-13.3c-2.1-2.1-2.9-2.2-10.9-2.3l-7.5-0.2v14zM106.8 41.3c3 1.5 2.9 6.9-0.1 8.7c-1 0.6-1.8 0.7-4.8 0.7h-3.6v-5v-5h3.7c2.7 0 4.1 0.2 4.8 0.6zM157.6 48.4c0 14.6 0.1 15.1 4.4 15.7c3.3 0.5 4.1 0.2 4.1-1.9v-1.8h-1.3c-2.5 0-2.8-0.7-2.8-7.6v-6.1h2.1h2v-1.9v-1.8h-2h-2.1v-3v-3h-2.2h-2.2v11.4zM76.1 43c-1.1 0.1-2.5 0.4-3.2 0.5l-1.3 0.2v10.2v10.2h2.2h2.2l0.1-8.7l0.1-8.6l2.5-0.3c5.2-0.7 5.6-0.1 5.9 9.8l0.1 7.6l2.2 0.1l2.1 0.1v-8.1c0-4.9-0.1-8.6-0.4-9.2c-1.4-3.6-5.4-4.9-12.5-3.8zM121.5 43.1c-4 1.4-6 4.9-6 10.4c0 7.2 3.4 11 10 11c5.9 0 9.6-4.3 9.6-11c0-8.1-6.3-13-13.6-10.4zM128.2 47.6c3.2 2.1 3 9.9-0.3 12c-3.9 2.4-7.9-0.7-7.9-6.1c0-5.5 4.1-8.5 8.2-5.9zM142.4 43.1c-2.6 0.9-4.5 3-4.8 5.4c-0.3 3.8 1.2 5.3 6.6 6.4c6 1.2 6.8 1.6 6.2 3.6c-0.7 2.2-5.9 2.5-8.7 0.7c-1.7-1.2-1.8-1.1-3.8 0.5c-1.4 1.3-1 1.9 2.1 3.5c6.5 3.2 14.4 0.4 14.9-5.2c0.3-4-1.9-6-7.7-6.9c-3.7-0.6-4.8-1-5-2.1c-0.7-2.6 4.5-3.6 8-1.5l1.7 1l1.2-1.3c1.4-1.6 1.4-1.7-0.1-2.7c-2.7-1.8-7.2-2.4-10.6-1.4zM3.4 48.9c-3.7 0.8-4.2 1.2-2.3 1.8c6.5 1.9 15.2 1.9 20.8-0.1l1.3-0.5l-1-0.4c-4.1-1.7-13.3-2-18.8-0.8zM25.4 67.8c-6.4 1.5-12.4 4.7-16.9 8.9l-2 1.9l1.5-0.2c2.7-0.5 7.4-2.1 10.2-3.6c4-2 10.7-7.5 9-7.3c-0.1 0-0.9 0.1-1.8 0.3zM36.8 83.6c-3.4 3.1-5.7 6.1-7.5 9.8c-1.3 2.7-2.7 6.3-2.4 6.6c0.6 0.5 6.2-5.3 8.6-8.9c2-2.9 4.9-9.7 4.4-10.2c0-0.1-1.4 1.1-3.1 2.7z'/%3E%3C/svg%3E");
  background-size: auto 44px;
}

/* --- 7.5 Siatka produktów: "Dodaj do koszyka" w jednej linii, przyciski równo --- */
.add-to-cart-button a.button.add_to_cart_button{
  white-space: nowrap;
}
body .product-small .box-text-products .price-wrapper{
  min-height: 34px !important;   /* rezerwa na cenę promocyjną łamiącą się na 2 linie */
}
.box-text-products .add-to-cart-button{
  margin-top: auto;
}
/* --- 7.6 Koszyk: przycisk kuponu - odstępy (motyw wymusza padding:0) --- */
body.woocommerce-cart form.ux-cart-coupon .coupon button.is-form.expand.button{
  padding: 0 14px !important;
  width: auto !important;
  white-space: nowrap;
}
/* --- 7.7 Karta produktu: plakietki jak w siatce (mniejsze, mniejszy radius) --- */
.product-images .badge-container.is-larger{
  font-size: 16px !important;
}
.product-images .badge-container .badge{
  margin: 0 0 4px !important;
  padding: 0 !important;
  width: auto !important;
  height: auto !important;
  min-height: 0 !important;
}
.product-images .badge-container .badge-inner{
  width: auto !important;
  height: auto !important;
  padding: 4px 9px !important;
  font-size: 9px !important;
  line-height: 1.2 !important;
  border-radius: 4px !important;
}
/* --- 7.8 Hero na stronie glownej: przycisk wyrownany do tekstu --- */
/* UX Builder generuje id kolumny (#col-...) od nowa przy kazdym zapisie strony,
   dlatego celujemy w klase wiersza. Docelowo: zmien padding-left tej kolumny
   w UX Builderze z 80px na 0. */
body.home .row-dashed > .col > .col-inner{
  padding-left: 15px !important;
}

/* --- 7.9 "Brak w magazynie": plakietka zamiast napisu przez pol zdjecia --- */
.box-image .out-of-stock-label{
  top: auto !important;
  bottom: 10px !important;
  left: 10px !important;
  right: auto !important;
  width: auto !important;
  height: auto !important;
  transform: none !important;
  padding: 4px 9px !important;
  font-size: 9px !important;
  line-height: 1.2 !important;
  font-weight: 700 !important;
  letter-spacing: .04em !important;
  white-space: nowrap !important;
  text-align: left !important;
  border-radius: 4px !important;
  background: rgba(20,16,14,.82) !important;
  color: #fff !important;
}
.box-image:has(.out-of-stock-label) img{
  opacity: .55;
  filter: grayscale(.35);
}
@media (max-width: 549px){
  .box-image .out-of-stock-label{
    bottom: 6px !important;
    left: 6px !important;
    padding: 3px 7px !important;
    font-size: 8px !important;
  }
}

/* --- 6.6 BLIK (paynow) - odstepy w polu kodu --- */
#payment .payment_box.payment_method_pay_by_paynow_pl_blik{
  padding: 18px 20px !important;
}
#payment .payment_box.payment_method_pay_by_paynow_pl_blik .row{
  margin-left: 0;
  margin-right: 0;
}
#payment .payment_box.payment_method_pay_by_paynow_pl_blik #paynow_blik_code{
  padding: 10px 14px;
  height: auto;
  min-height: 44px;
  font-size: 16px;
  letter-spacing: 4px;
  max-width: 100%;
}
@media (max-width: 549px){
  #payment .payment_box.payment_method_pay_by_paynow_pl_blik{
    padding: 16px !important;
  }
  #payment .payment_box.payment_method_pay_by_paynow_pl_blik label.form-control-label{
    display: block;
    width: 100%;
    margin: 0 0 6px;
  }
  #payment .payment_box.payment_method_pay_by_paynow_pl_blik .col-md-4{
    width: 100%;
    max-width: 100%;
  }
  #payment .payment_box.payment_method_pay_by_paynow_pl_blik #paynow_blik_code{
    width: 100%;
    max-width: 240px;
  }
  #payment .payment_box.payment_method_pay_by_paynow_pl_blik .paynow-data-processing-info{
    font-size: 12px;
    line-height: 1.5;
  }
}


/* ===== 7. Stopka - nowy uklad (wrzesien 2026) ===== */
#footer .footer-widgets.footer-1 .col{ padding-bottom: 0; }
#footer .footer-widgets.footer-1 .col:has(.cc-foot){ width:100% !important; max-width:100% !important; flex-basis:100% !important; }
#footer .footer-widgets.footer-1 .row:has(.cc-foot) .col:not(:has(.cc-foot)){ display:none; }

.cc-foot{ font-size:14px; line-height:1.55; }
.cc-foot a{ color:#fff; text-decoration:none; }
.cc-foot a:hover{ color:#d89b4f; }
.cc-foot p{ margin:0; }

.cc-brand{ display:grid; grid-template-columns:200px 1fr auto; gap:36px; align-items:center; padding-bottom:26px; border-bottom:1px solid rgba(255,255,255,.10); }
.cc-logo img{ max-width:180px; height:auto; display:block; }
.cc-claim{ color:rgba(255,255,255,.62); font-size:14px; line-height:1.65; max-width:62ch; }
.cc-badge img{ width:74px; height:auto; display:block; }

.cc-contact{ display:grid; grid-template-columns:repeat(3,1fr); gap:14px; padding:24px 0; border-bottom:1px solid rgba(255,255,255,.10); }
.cc-card{ border:1px solid rgba(255,255,255,.12); border-radius:6px; padding:16px 18px; }
.cc-lbl{ font-size:10.5px; letter-spacing:.1em; text-transform:uppercase; color:rgba(255,255,255,.6); line-height:1.3; margin-bottom:8px !important; }
.cc-tel{ display:block; font-size:19px; font-weight:700; margin-bottom:5px; }
.cc-addr{ display:block; font-size:15px; font-weight:700; margin-bottom:5px; }
.cc-mail{ display:inline-block; font-size:13.5px; margin-bottom:9px; padding-bottom:1px; border-bottom:1px solid #d89b4f; word-break:break-word; }
.cc-hrs{ font-size:12.5px; color:rgba(255,255,255,.6); }

.cc-cols{ display:grid; grid-template-columns:repeat(4,1fr); gap:40px; padding:28px 0 4px; }
.cc-h{ font-size:11.5px !important; font-weight:900; letter-spacing:.12em; text-transform:uppercase; color:#d89b4f; margin:0 0 14px; }
.cc-col ul{ list-style:none; margin:0; padding:0; }
.cc-col li{ margin:0 0 9px; }
.cc-col li a{ font-size:15px; font-weight:400; }
.cc-toggle{ display:none; }

@media (max-width: 849px){
  .cc-brand{ grid-template-columns:1fr; gap:14px; padding-bottom:20px; }
  .cc-logo img{ max-width:160px; }
  .cc-badge img{ width:60px; }
  .cc-contact{ grid-template-columns:1fr; gap:9px; padding:18px 0; }
  .cc-card{ padding:13px 15px; }
  .cc-tel{ font-size:18px; }
  .cc-cols{ grid-template-columns:1fr; gap:0; padding:4px 0 0; }
  .cc-col{ border-top:1px solid rgba(255,255,255,.10); }
  .cc-col:last-child{ border-bottom:1px solid rgba(255,255,255,.10); }
  .cc-h{ display:none; }
  .cc-toggle{ display:flex; width:100%; min-height:50px; padding:14px 2px; background:none; border:0; cursor:pointer; color:#fff; align-items:center; justify-content:space-between; font-size:11.5px; font-weight:900; letter-spacing:.12em; text-transform:uppercase; }
  .cc-chev{ font-size:13px; color:rgba(255,255,255,.6); transition:transform .18s ease; }
  .cc-toggle[aria-expanded="true"] .cc-chev{ transform:rotate(180deg); }
  .cc-col ul{ display:none; padding:0 2px 12px; }
  .cc-col.cc-open ul{ display:block; }
  .cc-col li{ margin:0; }
  .cc-col li a{ display:block; padding:11px 0; border-bottom:1px solid rgba(255,255,255,.06); }
  .cc-col li:last-child a{ border-bottom:0; }
  #footer img[src*="Colbergcoffee-dostawa-pl"]{ display:none; }
}
@media (prefers-reduced-motion: reduce){ .cc-chev{ transition:none; } }

/* kolory: nadpisujemy motyw Flatsome w ciemnej stopce */
#footer .cc-foot .cc-h{ color:#d89b4f !important; }
#footer .cc-foot .cc-claim{ color:rgba(255,255,255,.62) !important; }
#footer .cc-foot .cc-lbl{ color:rgba(255,255,255,.55) !important; }
#footer .cc-foot .cc-hrs{ color:rgba(255,255,255,.6) !important; }
#footer .cc-foot .cc-chev{ color:rgba(255,255,255,.6) !important; }
#footer .cc-foot .cc-toggle{ color:#fff !important; }

/* Kolobrzeg i okolice - linki SEO pod miastami */
#footer .cc-useful{ font-size:13px; font-weight:400; margin-top:10px; padding-top:10px; border-top:1px solid rgba(255,255,255,.10); color:rgba(255,255,255,.6) !important; }
#footer .cc-useful strong{ color:#fff; }
#footer .cc-useful a{ color:rgba(255,255,255,.6); border-bottom:1px dotted rgba(255,255,255,.22); }
#footer .cc-useful a:hover{ color:#d89b4f; }

/* --- 7.1 Stopka: social, logo SCA, drobne poprawki mobile --- */
.cc-brand{ grid-template-columns:200px 1fr auto auto; }
.cc-social{ display:flex; gap:8px; }
#footer .cc-social a{ width:38px; height:38px; border:1px solid rgba(255,255,255,.16); border-radius:4px; display:flex; align-items:center; justify-content:center; font-size:16px; color:rgba(255,255,255,.75) !important; }
#footer .cc-social a:hover{ color:#d89b4f !important; border-color:rgba(216,155,79,.6); }

/* oba loga przyciete z przezroczystych marginesow i zrownane wysokoscia */
.cc-logo, .cc-badge{ display:block; overflow:hidden; height:84px; }
.cc-logo img{ width:181px; max-width:none; height:auto; margin-top:-10px; display:block; }
.cc-badge img{ width:120px; max-width:none; height:auto; margin-top:-6px; display:block; }

@media (max-width: 849px){
  .cc-brand{ grid-template-columns:1fr; }
  .cc-logo, .cc-badge{ height:72px; }
  .cc-logo img{ width:155px; margin-top:-8px; }
  .cc-badge img{ width:102px; margin-top:-5px; }
  #footer .footer-2 [style*="max-width"]{ max-width:100% !important; }
}


/* --- 7.2 Akordeon stopki na mobile, bez JS --- */
.cc-cb{ position:absolute; opacity:0; width:0; height:0; pointer-events:none; }
@media (max-width: 849px){
  .cc-col .cc-cb:checked ~ ul{ display:block; }
  .cc-col .cc-cb:checked ~ .cc-toggle .cc-chev{ transform:rotate(180deg); }
}


/* --- 7.3 Poprawki: etykieta akordeonu tylko na mobile, ikony social --- */
#footer .cc-foot .cc-toggle{ display:none; }
#footer .cc-foot .cc-social a i{ font-style:normal; line-height:1; }
@media (max-width: 849px){
  #footer .cc-foot .cc-h{ display:none; }
  #footer .cc-foot .cc-toggle{ display:flex; }
}

/* --- 6.21 Kod rabatowy / InPost Pay: wyrazny podzial (2026-09-18) --- */
/* linia zamyka "Mam kod rabatowy", ponizej odstep i przycisk InPost */
body.woocommerce-checkout .cc-coupon{ padding-bottom: 14px; border-bottom: 1px solid #e6ebef; }
body.woocommerce-checkout .izi-widget-order{ margin: 0 0 6px; }
body.woocommerce-checkout .izi-widget-order:not(:empty){ padding-top: 20px; }
@media (max-width: 849px){
  body.woocommerce-checkout .izi-widget-order:not(:empty){ padding-top: 16px; }
}