/* ===================================================================
   beorganic.sk — cílené opravy (revize z 5.5.2026, v2)
   Připojit na konec stávajícího storage CSS souboru.
   =================================================================== */


/* Bug 1 — Cookie banner: sjednocení 3 tlačítek + mezery
   Před opravou: Súhlasím a Nastavenie zelené (#64775D), Odmietam jiný
   tón (#3d5c3a), navíc mezi Nastavenie a Odmietam 0 gap.
   Teď: všechny 3 stejné olivové filled, s jednotným gapem.
   ------------------------------------------------------------------ */
#ce-site-cookie .ce-site-cookie-btns{
  display:flex !important;
  flex-wrap:wrap !important;
  gap:10px !important;
  justify-content:center !important;
}
#ce-site-cookie .ce-site-cookie-btn,
#ce-site-cookie .ce-site-cookie-btn.ce-btn-ok,
#ce-site-cookie .ce-site-cookie-btn.ce-btn-settings,
#ce-site-cookie .ce-site-cookie-btn.ce-btn-no{
  background:#64775D !important;
  color:#fff !important;
  border:1px solid #64775D !important;
  border-radius:7px !important;
  padding:9px 18px !important;
  margin:0 !important;            /* ruší starý margin-right:8px na Súhlasím */
  font-weight:700 !important;
  font-size:13.5px !important;
}
#ce-site-cookie .ce-site-cookie-btn:hover,
#ce-site-cookie .ce-site-cookie-btn.ce-btn-ok:hover,
#ce-site-cookie .ce-site-cookie-btn.ce-btn-settings:hover,
#ce-site-cookie .ce-site-cookie-btn.ce-btn-no:hover{
  background:#4f6149 !important;
  border-color:#4f6149 !important;
  color:#fff !important;
}


/* Bug 2 — Login dropdown: submit "prihlásiť" měl pozadí #202020
   a text #34312D (téměř stejné) → invisible. Standalone /eshop/login.php
   je v pořádku, problém má jen popup (#frm_login_customer)
   ------------------------------------------------------------------ */
#frm_login_customer input[name="btn_login"],
#loginUser .button.back_color1{
  background:#3d5c3a !important;
  color:#fff !important;
  border:1px solid #3d5c3a !important;
}
#frm_login_customer input[name="btn_login"]:hover,
#loginUser .button.back_color1:hover{
  background:#2d4528 !important;
  border-color:#2d4528 !important;
}


/* Bug 3 — Velikostní varianty (25g/50g, 50ml/100ml apod.)
   Na produktech ve formátu .divProductParameter.block_buttons
   Sjednocení napříč všemi produkty (verifikováno na Kvitok Maca p98)
   ------------------------------------------------------------------ */
.divProductParameter.block_buttons .param_button a{
  background:#fff !important;
  color:#3d5c3a !important;
  border:1.5px solid #3d5c3a !important;
  border-radius:4px !important;
  padding:8px 18px !important;
  font-weight:600 !important;
  transition:background .15s, color .15s !important;
}
.divProductParameter.block_buttons .param_button a:hover,
.divProductParameter.block_buttons .param_button.selected a,
.divProductParameter.block_buttons .param_button.active a,
.divProductParameter.block_buttons .param_button a.selected{
  background:#3d5c3a !important;
  color:#fff !important;
}


/* Bug 4 — Newsletter "Chcem zľavu": text měl barvu #34312D
   na tmavě zeleném pozadí #3D5C3A → málo kontrastu
   ------------------------------------------------------------------ */
form.bo-news-form .bo-news-btn{
  color:#fff !important;
  font-weight:600 !important;
}


/* Bug 6 — Kupón v košíku: tlačítko "Vložiť" mělo width:60px
   a text se ořezával (overflow:clip + white-space:pre)
   ------------------------------------------------------------------ */
.discountControls #btn_discount_coupon_add{
  width:auto !important;
  min-width:90px !important;
  white-space:nowrap !important;
  text-align:center !important;
  justify-content:center !important;
}


/* Bug 7 — Checkout (/order-login/): skrytí duplicitního textu
   "s povinnosťou platby" pod hlavním submit tlačítkem.
   Cílím přesně na ten div s data-atributem (jiné instance nezasáhnu).
   ------------------------------------------------------------------ */
.summary > .cartButtonOrderCheckoutSubTxt[data-bo-checkout-payment-note-moved]{
  display:none !important;
}


/* Bug 9 — Duplicitní položka "Oblúbené" v horní liště
   V menu existují dvě položky: li#m8 a li#m9 (obě → /oblubene/...).
   POZN.: čistší řešení je smazat duplicitní položku v adminu
   (Správa obsahu → menu). Tohle CSS je rychlý fix pokud nechceš
   sahat do adminu. Skrývám m9 (později přidaný duplikát).
   Pokud zjistíš že je to naopak, změň 'm9' na 'm8'.
   ------------------------------------------------------------------ */
ul#m1 > li#m9{
  display:none !important;
}


/* ===================================================================
   MOBIL (≤ 800px)
   =================================================================== */

/* Bug 8 — Cena na produktu v listingu se v mobilu kryla s tlačítkem
   "Pridať do košíka". Důvod: .p-price je position:absolute; bottom:20px,
   ale .bo-quick-buy-actions je v toku → tlačítko překreslí cenu.
   Fix: na mobilu vrátím cenu do toku NAD tlačítko.
   ------------------------------------------------------------------ */
@media only screen and (max-width: 800px){
  .c-product .p-price,
  .c-product .p-availability{
    position:static !important;
    bottom:auto !important;
    margin:6px 6% !important;
    display:block !important;
  }
  .c-product .p-price{
    color:#1f1d1a !important;
    font-weight:700 !important;
    font-size:1.1em !important;
  }
}


/* Bug 5 — Mobilní košík: vzdušnější layout, větší thumbnail, větší font
   ------------------------------------------------------------------ */
@media only screen and (max-width: 800px){
  #page_cart_out .cartTable .imgCartProduct{
    max-height:90px !important;
    max-width:90px !important;
  }
  #page_cart_out .cartTable .tr{
    padding:14px 6px !important;
    border-bottom:1px solid #e6e1d8 !important;
  }
  #page_cart_out .cartTable,
  .cart-panel-con .summary{
    font-size:15px !important;
  }
  .cart-panel-con .summary .total-price-vat,
  .cart-panel-con .summary #btn_cartOrderCheckout,
  .cart-panel-con .summary .cartButtonOrderCheckout{
    font-size:16px !important;
  }
  /* Kupón input + Vložiť na mobilu pod sebou na celou šířku */
  .discountControls{
    flex-wrap:wrap !important;
    gap:8px !important;
  }
  .discountControls #txtb_discount_coupon{
    flex:1 1 100% !important;
    min-width:0 !important;
  }
  .discountControls #btn_discount_coupon_add{
    width:100% !important;
  }
}