.wrl-fields{border:1px solid #eee;padding:12px;margin:12px 0;border-radius:6px;background:#fafafa}
.wrl-fields label{display:block;font-weight:600;margin-bottom:6px}
.wrl-fields input{width:100%;max-width:280px;padding:6px;margin-bottom:10px}
.wcx-electrodes{margin-top:6px}
.wcx-electrodes-title{font-weight:700;margin-bottom:6px}
.wcx-radio{display:flex;gap:10px;align-items:center;margin:6px 0}
.wcx-price{margin-left:auto;font-weight:700}
.wcx-electrodes-note{font-size:0.9em;opacity:.8;margin-top:6px}
.wcx-rental-cart .quantity{margin-right:12px;display:inline-block}
.ui-datepicker{z-index:99999!important}
.ui-datepicker td.ui-state-disabled span{opacity:.25}


/* --- Datepicker (jQuery UI) – poprawa czytelności w motywach typu Betheme --- */
#ui-datepicker-div.ui-datepicker{
  background:#fff !important;
  border:1px solid rgba(0,0,0,.15) !important;
  border-radius:8px !important;
  box-shadow:0 10px 30px rgba(0,0,0,.18) !important;
  padding:10px !important;
  z-index: 999999 !important; /* ponad nagłówkami/overlayami motywu */
}
#ui-datepicker-div .ui-datepicker-header{
  border:0 !important;
  background:transparent !important;
  padding:0 0 8px 0 !important;
}
#ui-datepicker-div .ui-datepicker-title{
  font-weight:700;
}
#ui-datepicker-div table{
  margin:6px 0 0 0 !important;
}
#ui-datepicker-div th{
  font-weight:700;
  opacity:.75;
  padding:6px 4px !important;
}
#ui-datepicker-div td{
  padding:2px !important;
}
#ui-datepicker-div td a,
#ui-datepicker-div td span{
  display:block;
  text-align:center;
  border-radius:6px;
  padding:6px 0 !important;
  border:0 !important;
  background:transparent !important;
  text-decoration:none !important; /* usuń podkreślenia z motywu */
  line-height:1.1;
}

/* Hover dla aktywnych dat: kolor zamiast podkreślenia */
#ui-datepicker-div td a.ui-state-hover,
#ui-datepicker-div td a:hover{
  background:#d8385a !important;
  color:#fff !important;
  text-decoration:none !important;
}

/* Zaznaczony dzień */
#ui-datepicker-div td a.ui-state-active{
  background:#d8385a !important;
  color:#fff !important;
}

/* Daty wyłączone */
#ui-datepicker-div td.ui-state-disabled span{
  opacity:.25 !important;
  cursor:not-allowed;
}

/* Strzałki nawigacji – żeby nie ginęły */
#ui-datepicker-div .ui-datepicker-prev,
#ui-datepicker-div .ui-datepicker-next{
  cursor:pointer;
}
#ui-datepicker-div .ui-icon{
  text-indent:-9999px;
}
#ui-datepicker-div .ui-datepicker-prev:before,
#ui-datepicker-div .ui-datepicker-next:before{
  display:block;
  font-size:18px;
  line-height:24px;
  width:24px;
  height:24px;
  text-align:center;
  border-radius:6px;
}
#ui-datepicker-div .ui-datepicker-prev:before{ content:"‹"; }
#ui-datepicker-div .ui-datepicker-next:before{ content:"›"; }
#ui-datepicker-div .ui-datepicker-prev:hover:before,
#ui-datepicker-div .ui-datepicker-next:hover:before{
  background:rgba(216,56,90,.12);
  color:#d8385a;
}


/* --- Fix 1: Strzałki datepickera w jednej linii (ukryj tekst Poprzedni/Następny) --- */
#ui-datepicker-div .ui-datepicker-prev span,
#ui-datepicker-div .ui-datepicker-next span{
  display:none !important;
}
#ui-datepicker-div .ui-datepicker-prev,
#ui-datepicker-div .ui-datepicker-next{
  top: 6px !important;
  width: 32px !important;
  height: 32px !important;
}
#ui-datepicker-div .ui-datepicker-prev{ left: 6px !important; }
#ui-datepicker-div .ui-datepicker-next{ right: 6px !important; }
#ui-datepicker-div .ui-datepicker-prev:before,
#ui-datepicker-div .ui-datepicker-next:before{
  line-height:32px !important;
  width:32px !important;
  height:32px !important;
  font-size:20px !important;
}

/* --- Fix 2: Radio buttony elektrod w jednej linii z tekstem --- */
.wcx-radio{
  display:flex !important;
  align-items:center !important;
  flex-wrap:nowrap !important;
}
.wcx-radio input[type="radio"]{
  flex: 0 0 auto;
  margin: 0 8px 0 0 !important;
}
.wcx-radio span{
  display:inline-block;
}
.wcx-radio .wcx-price{
  margin-left:auto !important;
  white-space:nowrap !important;
}


/* --- Datepicker header: < month > w jednej linii --- */
#ui-datepicker-div .ui-datepicker-header{
  position:relative !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:10px !important;
  min-height:34px !important;
}
#ui-datepicker-div .ui-datepicker-title{
  margin:0 !important;
  padding:0 44px !important; /* miejsce na strzałki */
  white-space:nowrap !important;
  text-align:center !important;
}
#ui-datepicker-div .ui-datepicker-prev,
#ui-datepicker-div .ui-datepicker-next{
  position:absolute !important;
  top:50% !important;
  transform:translateY(-50%) !important;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  background:transparent !important;
  text-decoration:none !important;
  overflow:visible !important;
}
#ui-datepicker-div .ui-datepicker-prev{ left:6px !important; }
#ui-datepicker-div .ui-datepicker-next{ right:6px !important; }

/* nie pokazuj tekstu (Poprzedni/Następny) ani ikonki jQuery UI – używamy własnych znaków */
#ui-datepicker-div .ui-datepicker-prev span,
#ui-datepicker-div .ui-datepicker-next span,
#ui-datepicker-div .ui-icon{
  display:none !important;
}

/* Strzałki jako pseudo-elementy, wyśrodkowane */
#ui-datepicker-div .ui-datepicker-prev:before,
#ui-datepicker-div .ui-datepicker-next:before{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:32px !important;
  height:32px !important;
  border-radius:6px !important;
  font-size:20px !important;
  line-height:1 !important;
}
#ui-datepicker-div .ui-datepicker-prev:before{ content:"<"; }
#ui-datepicker-div .ui-datepicker-next:before{ content:">"; }
#ui-datepicker-div .ui-datepicker-prev:hover:before,
#ui-datepicker-div .ui-datepicker-next:hover:before{
  background:rgba(216,56,90,.12) !important;
  color:#d8385a !important;
}

/* --- Elektrody: wymuś układ radio + tekst + cena w jednej linii --- */
.wcx-electrodes label.wcx-radio{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  gap:10px !important;
  width:100% !important;
  margin:8px 0 !important;
  text-align:left !important;
}
.wcx-electrodes label.wcx-radio input[type="radio"]{
  margin:0 !important;
  position:static !important;
  transform:none !important;
}
.wcx-electrodes label.wcx-radio span{
  margin:0 !important;
  padding:0 !important;
  float:none !important;
}
.wcx-electrodes label.wcx-radio .wcx-price{
  margin-left:auto !important;
  white-space:nowrap !important;
}

/* Jeśli motyw robi pseudo-elementy na labelach */
.wcx-electrodes label.wcx-radio:before,
.wcx-electrodes label.wcx-radio:after{
  content:none !important;
}


/* --- Betheme hard override fix: Elektrody layout --- */
#wcx-electrodes{
  width:100% !important;
}
#wcx-electrodes, #wcx-electrodes *{
  box-sizing:border-box !important;
  float:none !important;
  clear:none !important;
  text-transform:none !important;
}
#wcx-electrodes label.wcx-radio{
  display:flex !important;
  flex-direction:row !important;
  align-items:center !important;
  justify-content:flex-start !important;
  gap:10px !important;
  width:100% !important;
  padding:6px 8px !important;
  margin:6px 0 !important;
  border-radius:8px !important;
  background:transparent !important;
}
#wcx-electrodes label.wcx-radio input[type="radio"]{
  flex:0 0 auto !important;
  width:auto !important;
  height:auto !important;
  margin:0 !important;
  position:static !important;
  opacity:1 !important;
  visibility:visible !important;
}
#wcx-electrodes label.wcx-radio .wcx-label{
  flex:1 1 auto !important;
  display:inline-block !important;
  margin:0 !important;
  padding:0 !important;
  opacity:1 !important;
  visibility:visible !important;
  color:#111 !important;
  font-weight:600 !important;
  text-align:left !important;
}
#wcx-electrodes label.wcx-radio .wcx-price{
  flex:0 0 auto !important;
  margin-left:auto !important;
  white-space:nowrap !important;
  opacity:1 !important;
  visibility:visible !important;
  color:#111 !important;
  font-weight:700 !important;
}
/* disable any pseudo elements that may cover text */
#wcx-electrodes label.wcx-radio:before,
#wcx-electrodes label.wcx-radio:after,
#wcx-electrodes label.wcx-radio .wcx-label:before,
#wcx-electrodes label.wcx-radio .wcx-label:after{
  content:none !important;
}


/* --- Mobile/Responsive layout (<1240px): fields full width, qty+button pod fields --- */
@media (max-width: 1239px){
  form.cart.wcx-rental-cart{
    display:flex !important;
    flex-direction:column !important;
    align-items:stretch !important;
    gap:12px !important;
  }
  form.cart.wcx-rental-cart .wrl-fields{
    width:100% !important;
    max-width:none !important;
  }
  /* quantity + button pod fields */
  form.cart.wcx-rental-cart .quantity{
    order: 20 !important;
    width: 100% !important;
    display:flex !important;
    justify-content:center !important;
    margin:0 !important;
  }
  form.cart.wcx-rental-cart .single_add_to_cart_button{
    order: 30 !important;
    width: 100% !important;
    max-width: 420px;
    align-self:center !important;
    margin:0 !important;
  }
  /* helper: keep plus/minus controls aligned if theme adds them */
  form.cart.wcx-rental-cart .quantity input.qty{
    max-width: 120px;
    text-align:center;
  }
}