/*
Theme Name: Yobazar Child
Theme URI: https://demo.theme-sky.com/yobazar/
Author: Theme Sky Team
Author URI: http://theme-sky.com/
Description: A Premium and Responsive WordPress theme, designed for E-Commerce websites
Template: yobazar
Version: 1.0.0
License: GNU General Public License v2 or later
License URI:  http://www.gnu.org/licenses/gpl-2.0.html
Tags: two-columns, left-sidebar, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-images, microformats, post-formats, rtl-language-support, sticky-post, threaded-comments, translation-ready
Text Domain: yobazar-child
*/



@media only screen and (min-width: 1660px) {
  .header-v4 .ts-search-by-category > form {
    min-width: 614px;
  }
}


#to-top {
  bottom: 30px;     
  right: 40px;      
}



/* Prawa strona nagłówka — bezpieczne, nic nie ucina */
.ts-header .header-right{
    display: flex;
    align-items: center;
    gap: 12px;
    min-width: 0; /* ważne przy flexboxie */
    overflow: visible; /* upewnij się, że nic nie przytnie dropdownów obok */
}

/* Kontener wyszukiwarki – stała, bezpieczna szerokość */
.ts-header .ts-search-by-category{
    flex: 0 1 auto;
    width: 260px;                 /* docelowa szerokość */
    max-width: min(260px, 100%);  /* nigdy poza swój obszar */
    min-width: 0;
    overflow: hidden;             /* tylko wewnątrz wyszukiwarki */
}

/* Zbij agresywne reguły TYLKO wewnątrz wyszukiwarki */
.ts-header .ts-search-by-category form,
.ts-header .ts-search-by-category .search-table{
    width: auto !important;
    max-width: 100% !important;
    min-width: 0 !important;
    display: flex;
    align-items: center;
    overflow: visible;            /* tu nie chowamy nic ważnego dla menu */
    white-space: normal !important;
}

/* Pole tekstowe */
.ts-header .ts-search-by-category .search-field{
    flex: 1 1 auto;
    min-width: 0;
}
.ts-header .ts-search-by-category .search-field input[type="text"]{
    width: 100% !important;
    box-sizing: border-box;
}

/* Przycisk/lupa */
.ts-header .ts-search-by-category .search-button{
    flex: 0 0 auto;
    margin-left: 6px;
}

/* Responsywka – węższy pasek na mniejszych ekranach */
@media (max-width: 1024px){
    .ts-header .ts-search-by-category{
        width: 220px;
        max-width: min(220px, 100%);
    }
}


.header-top {
  line-height: 50px;
}



.elementor-image-box-img {
    display: block;
    margin: 0 auto; /* wyśrodkuje obrazek w poziomie */
}


body .wpcf7 form textarea {
  height: 65px;
}


.wpcf7 textarea {
  resize: none;   /* blokuje możliwość rozszerzania */
}


.ts-stick-compare-button:hover {
    background: #75a1e4;   /* akcent na hover */
    border-color: #75a1e4; /* obramowanie też akcentowe */
    color: #fff;
}

button[name="wcb2b_cart_empty"] {
    display:none !important;
}



/* --- OMNIBUS – kompaktowa „pigułka” z ikoną – BAZA --- */
p.iworks-omnibus{
    display:inline-flex;
    align-items:center;
    gap:6px;

    /* odstęp od ceny */
    margin:6px 0 0 !important;
    padding:4px 12px 4px 14px !important;

    font-size:11px !important;
    line-height:1.35 !important;
    color:#3a3a3a !important;

    background:#f7f9fc;
    border:1px solid #e6ecf5;
    border-radius:999px;

    box-sizing:border-box;
}


/* --- LISTA PRODUKTÓW (archiwa, sklep) – ciut mniejsze i ciaśniejsze --- */
.archive ul.products li.product p.iworks-omnibus,
.post-type-archive-product ul.products li.product p.iworks-omnibus,
.shop ul.products li.product p.iworks-omnibus{
    font-size:10.5px !important;
    margin-top:4px !important;
    padding:3px 11px 3px 13px !important;
}

/* --- KARTA PRODUKTU – odrobinkę większe --- */
.single-product p.iworks-omnibus{
    font-size:11.5px !important;
}

/* --- KOSZYK / ZAMÓWIENIE – spójny wygląd jak na produkcie --- */
.woocommerce-cart p.iworks-omnibus,
.woocommerce-checkout p.iworks-omnibus{
    font-size:11px !important;
    margin-top:4px !important;
}

/* Cena w Omnibusie lekko wyróżniona */
p.iworks-omnibus .woocommerce-Price-amount{
    font-weight:600;
    color:#1d2a3b;
}

/* dopieszczenie BDI i symbolu waluty */
p.iworks-omnibus .woocommerce-Price-amount bdi{
    letter-spacing:0.1px;
}
p.iworks-omnibus .woocommerce-Price-currencySymbol{
    opacity:.9;
    font-size:11px;
    margin-left:2px;
}

    opacity:.9;
    font-size:11px;
    margin-left:2px;
}


/* --- OMNIBUS – BAZA --- */
p.iworks-omnibus {
    margin: 4px 0 0 !important;
    padding: 3px 0 !important;
    font-size: 11px !important;
    line-height: 1.4 !important;
    color: #666 !important;
}


/* Na liście produktów (archiwa): trochę ciaśniej i mniejszy font */
.archive ul.products li.product p.iworks-omnibus,
.shop ul.products li.product p.iworks-omnibus {
    font-size: 11px;
    padding: 2px 0 0;
}

/* Na karcie produktu może być ciut większy (ale nadal delikatny) */
.single-product p.iworks-omnibus {
    font-size: 12px;
}

/* Cena w Omnibusie lekko wyróżniona */
p.iworks-omnibus .woocommerce-Price-amount {
    font-weight: 600;
    color: #1d2a3b;
}

/* Drobne dopieszczenie BDI i symbolu waluty (mniejsze, bliżej) */
p.iworks-omnibus .woocommerce-Price-amount bdi {
    letter-spacing: 0.1px;
}

p.iworks-omnibus .woocommerce-Price-currencySymbol {
    opacity: .9;
    font-size: 11px;
    margin-left: 2px;
}


/* Ułożenie elementów w headerze – jeszcze mniejszy odstęp */
.header-right {
    display: flex;
    align-items: center;
    gap: 6px; /* było 10px — mniejszy odstęp */
}

/* Kontener B2B */
.header-b2b {
    display: flex;
    align-items: center;
}

/* Większy przycisk oraz badge */
.b2b-button,
.b2b-info-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    padding: 6px 14px; /* POWIĘKSZONY przycisk */
    height: 32px;      /* było 26px — teraz większy */
    
    background: rgba(117,161,228,1);
    border: 1px solid rgba(117,161,228,1);
    color: white;
    border-radius: 8px; /* trochę większe zaokrąglenie */

    font-size: 14px;   /* było 13px — teraz większy tekst */
    font-weight: 600;
    line-height: 1;

    white-space: nowrap;
    text-decoration: none;
}

.b2b-button, .b2b-info-badge {
  color: white !important;
}

/* Hover – outline button (biały + niebieski tekst) */
.b2b-button {
    transition: all .25s ease;
}

.b2b-button:hover {
    background: #ffffff !important;
    border-color: rgba(117,161,228,1) !important;
    color: rgba(117,161,228,1) !important;
}

/* Informacja dla hurtownika */
.b2b-info-text {
    font-size: 13px;
    font-weight: 600;
    color: rgba(117,161,228,1); /* INFORMACYJNY niebieski */
    white-space: nowrap;
    margin-left: 4px; /* zredukowany odstęp */
}


/* Usuń marginesy elementów poprzedzających B2B */
.header-right > * {
    margin-left: 0 !important;
}

/* Jeszcze mocniejsze zbicie marginesów */
.header-right {
    gap: 4px !important;
    column-gap: 4px !important;
}

/* Specjalnie dla .info (motyw daje tam duży margin-left) */
.header-right .info {
    margin-left: 0 !important;
}

/* Specjalnie dla language-currency (motyw daje tam auto spacing) */
.header-right .language-currency {
    margin-left: 0 !important;
}



/* SHORTCUTS — finalne poprawki */

/* Blok shortcutów nie może się rozciągać */
.header-shortcuts {
    flex: 0 0 auto !important;
    width: auto !important;
	margin-bottom:25px !important;
}

/* Każdy przycisk MA TRZYMAĆ wielkość jak b2b-button */
.header-shortcut {
    flex: 0 0 auto !important;
    width: auto !important;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    height: 32px;
    padding: 6px 14px;
    border-radius: 8px;

    font-size: 14px;
    font-weight: 600;
    line-height: 1;
    white-space: nowrap;

    text-decoration: none;
    color: #fff !important;
    gap: 8px;
}

.header-shortcut .icon svg {
    width: 16px;
    height: 16px;
    display: block;
}

/* Kolory */
.header-shortcut.promo {
    background: #D9121F;
}
.header-shortcut.promo:hover {
    background: #b70f1a;
}

.header-shortcut.preorder {
    background: #0054b8;
}
.header-shortcut.preorder:hover {
    background: #00408c;
}

.breadcrumb-title .heading-title .count {
    display: none !important;
    visibility: hidden !important;
}


#order_review table.shop_table ul#shipping_method {
  margin-left: -52% !important;
  padding-top: 29px;
}


/* RESET wysoko�ci i margines�w */
.header-right #woocommerce-multi-currency-1,
.header-right #woocommerce-multi-currency-1 .wmc-currency,
.header-right #woocommerce-multi-currency-1 .wmc-currency select {
    margin: 0 !important;
    padding: 0 !important;
    height: auto !important;
    line-height: normal !important;
}

/* Wrapper */
.header-right #woocommerce-multi-currency-1 {
    display: inline-flex !important;
    align-items: center !important;
    color: #fff !important;
}

/* Minimalna pigu�ka bez rozci�gania */
.header-right #woocommerce-multi-currency-1 .wmc-currency {
    background: rgba(255, 255, 255, 0.15);
    border-radius: 999px;
    padding: 1px 6px !important; /* subtelne, bez podnoszenia wysoko�ci */
}

/* Select - bia�y, minimalny */
.header-right #woocommerce-multi-currency-1 .wmc-currency select {
    background: transparent !important;
    color: #fff !important;
    font-size: 11px !important;
    border: none !important;
    box-shadow: none !important;
    outline: none !important;
    height: auto !important;
}

/* Opcje */
.header-right #woocommerce-multi-currency-1 .wmc-currency select option {
    color: #fff !important;
    background: #333 !important;
}
/* Wrapper label + dropdown */
.header-right .header-currency-label {
    display: inline-flex;
    align-items: center;
    margin-right: 12px;
}

/* Kontener dropdownu */
.header-right .currency-dropdown {
    position: relative;
    font-size: 12px;
    z-index: 9999 !important;
}

/* Przycisk (zamknięty stan) */
.header-right .currency-toggle {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 4px 10px;
    border-radius: 999px;
    border: 1px solid rgba(255, 255, 255, 0.4);
    background: rgba(255, 255, 255, 0.08);
    color: #fff;
    cursor: pointer;
    font-size: 12px;
    line-height: 1;
}

/* Strzałka */
.header-right .currency-toggle .currency-arrow {
    font-size: 11px;
    opacity: 0.8;
}

/* Hover */
.header-right .currency-toggle:hover {
    background: rgba(255, 255, 255, 0.16);
}

/* Ukrywamy natywny select pluginu wewnątrz dropdownu */
.header-right .currency-dropdown #woocommerce-multi-currency-1 {
    position: absolute;
    left: -9999px;
    opacity: 0;
    pointer-events: none;
}

/* Lista rozwijana – kompaktowa, bez kropek, zaraz pod przyciskiem */
.header-right .currency-menu {
    position: absolute;
    right: 0;
    top: 100% !important;                 /* bezpośrednio pod przyciskiem */
    margin: 0 !important;
    padding: 4px 0 !important;
    list-style: none !important;
    background: #111;
    border-radius: 8px;
    box-shadow: 0 8px 20px rgba(0,0,0,0.4);
    display: none;
    max-height: 200px;
    overflow-y: auto;
    z-index: 99999 !important;
}

/* Otwarte menu */
.header-right .currency-dropdown.is-open .currency-menu {
    display: block;
}

/* Elementy listy – małe, bez kropek, bez dużych przerw */
.header-right .currency-menu li {
    list-style: none !important;
    padding: 4px 10px !important;
    margin: 0 !important;
    line-height: 1.2 !important;
    font-size: 12px;
    color: #f5f5f5;
    cursor: pointer;
    white-space: nowrap;
}

/* Hover nowocześnie */
.header-right .currency-menu li:hover {
    background: #1f1f1f;
}

/* Aktualnie wybrana waluta */
.header-right .currency-menu li.is-active {
    background: #262626;
    font-weight: 600;
}

/* Scrollbar przy wielu walutach */
.header-right .currency-menu::-webkit-scrollbar {
    width: 6px;
}

.header-right .currency-menu::-webkit-scrollbar-thumb {
    background: rgba(255, 255, 255, 0.24);
    border-radius: 999px;
}

/* Zwiększona szerokość listy walut */
.header-right .currency-menu {
    min-width: 60px !important; /* wcześniej było ~120px */
}


.content-404 {
    padding-top: 40px;   /* dopasuj wartość */
    padding-bottom: 40px;
}


.color-swatch .color-image {
    transform: scale(1.8) translateX(20%);
    transform-origin: center;
}


.header-shortcut.coming-soon{
	margin-top: 7px;
    background:#e11900;   /* albo inny kolor */
}
.header-shortcut.coming-soon:hover{
    background:#b31300;
}



/* Sidebar mobile: dropdown walut */
#group-icon-header #mobile-currency-dropdown { position: relative; }

#group-icon-header #mobile-currency-dropdown .currency-menu{
  position: absolute;
  left: 0;
  right: 0;
  top: calc(100% + 6px);
  margin: 0 !important;
  padding: 6px 0 !important;
  list-style: none !important;
  background: #111;
  border-radius: 10px;
  box-shadow: 0 8px 20px rgba(0,0,0,.35);
  display: none;            /* domyślnie ukryte */
  z-index: 99999;
}

#group-icon-header #mobile-currency-dropdown.is-open .currency-menu{
  display: block;           /* pokazuj po kliknięciu */
}

#group-icon-header #mobile-currency-dropdown .currency-menu li{
  list-style: none !important;
  padding: 10px 12px !important;
  margin: 0 !important;
  color: #fff;
  cursor: pointer;
}

#group-icon-header #mobile-currency-dropdown .currency-menu li.is-active{
  font-weight: 700;
  background: rgba(255,255,255,.08);
}

/* ukryj pluginowy select tylko tutaj */
#group-icon-header #mobile-currency-dropdown .currency-plugin-source{
  position: absolute !important;
  left: -9999px !important;
  opacity: 0 !important;
  pointer-events: none !important;
}
.center-icons .elementor-image-box-wrapper{
  text-align: center !important;
}

.center-icons .elementor-image-box-img{
  display: flex !important;
  justify-content: center !important;
  width: 100%;
}

.center-icons .elementor-image-box-img img{
  margin: 0 auto !important;
}



/* =========================
   GTranslate (popup) — mniejsze i ładniejsze w headerze
   markup: .gt_switcher-popup + .gt_white_content
   ========================= */

/* wrapper */
.ts-header .header-right .gtranslate_wrapper{
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  z-index: 999999 !important;
}

/* przycisk jak waluta, ale trochę mniejszy */
.ts-header .header-right .gtranslate_wrapper a.gt_switcher-popup{
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;

  padding: 3px 9px !important;              /* mniejsze */
  border-radius: 999px !important;
  border: 1px solid rgba(255,255,255,0.4) !important;
  background: rgba(255,255,255,0.08) !important;

  color: #fff !important;
  font-size: 12px !important;
  line-height: 1 !important;
  text-decoration: none !important;

  cursor: pointer !important;
}

.ts-header .header-right .gtranslate_wrapper a.gt_switcher-popup:hover{
  background: rgba(255,255,255,0.16) !important;
}

/* flaga mniejsza */
.ts-header .header-right .gtranslate_wrapper a.gt_switcher-popup img{
  width: 16px !important;
  height: 16px !important;
  border-radius: 999px !important;
}

/* tekst języka (ciut ciaśniej) */
.ts-header .header-right .gtranslate_wrapper a.gt_switcher-popup span{
  color: #fff !important;
}

/* strzałka — u Ciebie to span inline ze style, więc tylko delikatnie */
.ts-header .header-right .gtranslate_wrapper a.gt_switcher-popup span:last-child{
  font-size: 11px !important;
  opacity: .8 !important;
  margin-left: 2px !important;
}

/* overlay popupu w headerze — wyłącz, żeby nie zaciemniał strony */
.ts-header .header-right .gtranslate_wrapper .gt_black_overlay{
  display: none !important;
}

/* panel języków — jako dropdown pod przyciskiem (nie rozpycha headera) */
.ts-header .header-right .gtranslate_wrapper .gt_white_content{
  position: absolute !important;
  top: calc(100% + 6px) !important;
  right: 0 !important;
  left: auto !important;

  margin: 0 !important;
  padding: 6px 0 !important;

  background: #111 !important;
  border-radius: 10px !important;
  box-shadow: 0 8px 20px rgba(0,0,0,0.4) !important;

  width: max-content !important;
  min-width: 180px !important;
  max-height: 240px !important;
  overflow: auto !important;

  z-index: 9999999 !important;
}

/* lista linków */
.ts-header .header-right .gtranslate_wrapper .gt_white_content .gt_languages{
  display: flex !important;
  flex-direction: column !important;
  gap: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* pojedyncza opcja */
.ts-header .header-right .gtranslate_wrapper .gt_white_content .gt_languages a.glink{
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;

  padding: 6px 12px !important;
  margin: 0 !important;

  color: #f5f5f5 !important;
  font-size: 12px !important;
  line-height: 1.2 !important;
  text-decoration: none !important;
  white-space: nowrap !important;
}

.ts-header .header-right .gtranslate_wrapper .gt_white_content .gt_languages a.glink:hover{
  background: #1f1f1f !important;
}

/* aktywny język */
.ts-header .header-right .gtranslate_wrapper .gt_white_content .gt_languages a.gt-current-lang{
  background: #262626 !important;
  font-weight: 600 !important;
}

/* flagi w dropdownie */
.ts-header .header-right .gtranslate_wrapper .gt_white_content .gt_languages a.glink img{
  width: 16px !important;
  height: 16px !important;
  border-radius: 999px !important;
}

/* ukryj pusty div od google translate w wrapperze (żeby nie robił odstępów) */
.ts-header .header-right .gtranslate_wrapper #google_translate_element2{
  display: none !important;
}


/* GTranslate – delikatny odstęp od góry */
.ts-header .header-right .gtranslate_wrapper{
  margin-top: 14px;   /* zmień na 6px jeśli chcesz ciut więcej */
}


/* =========================
   MOBILE: język + waluta — JEDNA LINIA, TEN SAM STYL
   ========================= */

/* wrapper */
#group-icon-header .mobile-language-currency{
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  gap: 10px !important;

  margin: 16px 0 !important;
}

/* oba elementy mają tę samą szerokość */
#group-icon-header .mobile-language,
#group-icon-header .mobile-currency{
  display: flex !important;
  justify-content: center !important;
}

/* =========================
   GTranslate – MOBILE
   ========================= */
#group-icon-header .mobile-language .gtranslate_wrapper{
  margin: 0 !important;
}

#group-icon-header .mobile-language a.gt_switcher-popup{
  width: 100% !important;

  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;

  padding: 8px 10px !important;
  height: 36px !important;

  border-radius: 10px !important;
  border: 1px solid rgba(255,255,255,0.35) !important;
  background: rgba(255,255,255,0.08) !important;

  color: #fff !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  line-height: 1 !important;
}

/* flaga */
#group-icon-header .mobile-language a.gt_switcher-popup img{
  width: 18px !important;
  height: 18px !important;
}

/* =========================
   WALUTA – MOBILE
   ========================= */
#group-icon-header .mobile-currency #woocommerce-multi-currency-1{
  width: 100% !important;
  display: flex !important;
  justify-content: center !important;
}

#group-icon-header .mobile-currency .wmc-currency{
  width: 100% !important;

  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  height: 36px !important;
  padding: 8px 10px !important;

  border-radius: 10px !important;
  border: 1px solid rgba(255,255,255,0.35) !important;
  background: rgba(255,255,255,0.08) !important;
}

/* select waluty */
#group-icon-header .mobile-currency .wmc-currency select{
  width: 100% !important;

  background: transparent !important;
  border: none !important;
  outline: none !important;

  color: #fff !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  text-align: center !important;
  text-align-last: center !important;
}

/* =========================
   HOVER / ACTIVE (opcjonalnie)
   ========================= */
#group-icon-header .mobile-language a.gt_switcher-popup:hover,
#group-icon-header .mobile-currency .wmc-currency:hover{
  background: rgba(255,255,255,0.16) !important;
}


/* =========================
   MOBILE — język + waluta: KONTRAST
   ========================= */

/* TŁO pigułek — ciemne */
#group-icon-header .mobile-language a.gt_switcher-popup,
#group-icon-header .mobile-currency .wmc-currency{
  background: #1d2a3b !important;   /* ciemny granat (jak Omnibus / header) */
  border-color: rgba(255,255,255,0.25) !important;
}

/* TEKST — biały */
#group-icon-header .mobile-language a.gt_switcher-popup,
#group-icon-header .mobile-language a.gt_switcher-popup span,
#group-icon-header .mobile-language a.gt_switcher-popup *{
  color: #ffffff !important;
}

#group-icon-header .mobile-currency .wmc-currency,
#group-icon-header .mobile-currency .wmc-currency select{
  color: #ffffff !important;
}

/* HOVER / ACTIVE */
#group-icon-header .mobile-language a.gt_switcher-popup:hover,
#group-icon-header .mobile-currency .wmc-currency:hover{
  background: #24344a !important;   /* delikatnie jaśniejszy */
}


/* =========================
   MOBILE — zmniejszenie odstępów + brak luzu po lewej
   ========================= */

/* wrapper: ciaśniej */
#group-icon-header .mobile-language-currency{
  gap: 6px !important;        /* było ~10–12px */
  margin: 13px 0 !important;  /* mniejszy odstęp góra/dół */
  padding-left: 0 !important; /* usuń luz po lewej */
}

/* elementy w jednej linii — bez wewnętrznych marginesów */
#group-icon-header .mobile-language,
#group-icon-header .mobile-currency{
  margin: 0 !important;
  padding: 0 !important;
}

/* GTranslate — usuń lewy luz */
#group-icon-header .mobile-language .gtranslate_wrapper{
  margin: 0 !important;
  padding: 0 !important;
}

/* same „pigułki” trochę niższe i ciaśniejsze */
#group-icon-header .mobile-language a.gt_switcher-popup,
#group-icon-header .mobile-currency .wmc-currency{
  height: 34px !important;    /* było 36px */
  padding: 6px 8px !important;
}

/* tekst i ikony minimalnie ciaśniej */
#group-icon-header .mobile-language a.gt_switcher-popup{
  gap: 1px !important;
}

/* Ukryj natywny select wtyczki tylko w Twoim dropdownie walut (desktop) */
.ts-header .header-top .header-right .header-currency-label .currency-dropdown .woocommerce-multi-currency.shortcode{
  position: absolute !important;
  left: -9999px !important;
  top: -9999px !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}


/* Checkout / Koszyk – metody wysyłki: wyrównanie radio + tekst + ikona */
.woocommerce ul#shipping_method li {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap; /* pozwala zawinąć tekst przy wąskich ekranach */
}

/* Radio bez dziwnych marginesów */
.woocommerce ul#shipping_method li input.shipping_method {
  margin: 0;
  flex: 0 0 auto;
}

/* Label jako główny “blok” z tekstem i ceną */
.woocommerce ul#shipping_method li label {
  margin: 0;
  flex: 1 1 auto;
  min-width: 220px; /* możesz zmniejszyć/zwiększyć */
}

/* Ikona InPost po prawej (nie rozwala wysokości) */
.woocommerce ul#shipping_method li .inpost_pl-shipping-method-meta-wrap {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
}

/* Rozmiar ikon */
.woocommerce ul#shipping_method li .easypack-shipping-method-logo img {
  height: 18px;       /* dopasuj: 16–22 */
  width: auto;
  display: block;
}

/* FIX: nagłówek "Wysyłka" zawsze na górze po lewej */ 
.woocommerce-cart tr.shipping th, .woocommerce-checkout tr.shipping th { 
	vertical-align: top; 
	padding-top: 0; 
}

/* Odstęp między nagłówkiem "Wysyłka" a listą metod */
.woocommerce-cart tr.shipping td,
.woocommerce-checkout tr.shipping td {
  padding-top: 10px;
}

/* =========================================================
   WooCommerce – metody wysyłki (radio + tekst + logo)
   ========================================================= */

/* Lista metod wysyłki */
.woocommerce ul#shipping_method li {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}

/* Radio */
.woocommerce ul#shipping_method li input.shipping_method {
  margin: 0;
  flex: 0 0 auto;
}

/* Label (tekst + cena) */
.woocommerce ul#shipping_method li label {
  margin: 0;
  flex: 1 1 auto;
  min-width: 220px;
}

/* Logo InPost */
.woocommerce ul#shipping_method li .inpost_pl-shipping-method-meta-wrap {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
}

/* Rozmiar logo */
.woocommerce ul#shipping_method li .easypack-shipping-method-logo img {
  height: 18px;
  width: auto;
  display: block;
}

/* =========================================================
   FIX: nagłówek "Wysyłka" na górze + odstęp
   ========================================================= */

.woocommerce-cart tr.shipping th,
.woocommerce-checkout tr.shipping th {
  vertical-align: top !important;
}

.woocommerce-cart tr.shipping td,
.woocommerce-checkout tr.shipping td {
  padding-top: 12px !important;
}