/* ===================================================================
   BeOrganic.sk — targeted fixes from 2026-05-11 review
   Load this stylesheet LAST.
   =================================================================== */

/* -------------------------------------------------------------------
   1) Seborea tile — remove static elevated/highlighted state
   ------------------------------------------------------------------- */
.bo-skin-box.active-hover {
  transform: none !important;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05) !important;
}

.bo-skin-box:hover {
  transform: translateY(-4px) !important;
  box-shadow: 0 0 20px rgba(115, 134, 113, 0.35) !important;
  transition: all 0.25s ease !important;
}

/* -------------------------------------------------------------------
   2) Keep only one visible "Obľúbené" + remove cart from mobile menu
   ------------------------------------------------------------------- */
#ce_menu #m5,
#ce_menu #m8,
#ce_menu #m9,
#eshopCategory #l11 {
  display: none !important;
}

#ce_menu li:has(> a[href="/kosik/m5"]) {
  display: none !important;
}

#ce_menu li:has(> a[href="/oblubene/m8"]),
#ce_menu li:has(> a[href="/oblubene/m9"]),
#eshopCategory li:has(> a[href="/oblubene/c11"]) {
  display: none !important;
}

#ce_menu a[href="/kosik/m5"],
#ce_menu a[href="/oblubene/m8"],
#ce_menu a[href="/oblubene/m9"],
#eshopCategory a[href="/oblubene/c11"] {
  display: none !important;
}

.bo-top-left a[href*="/oblubene"] + .bo-top-sep,
.bo-top-left a[href*="/oblubene"] + .bo-top-sep + a[href*="/oblubene"] {
  display: none !important;
}

/* -------------------------------------------------------------------
   3) Mobile coupon button — center "Vložiť"
   ------------------------------------------------------------------- */
@media only screen and (max-width: 800px) {
  .discountControls #btn_discount_coupon_add,
  .discountControls input[type="submit"][name*="voucher"],
  .discountControls input[type="submit"][name*="coupon"],
  .discountControls input[type="submit"][value="Vložiť"],
  .discountControls input[type="submit"][value="Vlozit"],
  .discountControls button[name*="voucher"],
  .discountControls button[name*="coupon"] {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    padding: 0 16px !important;
    min-width: 90px !important;
    height: 38px !important;
    line-height: 1 !important;
    white-space: nowrap !important;
    box-sizing: border-box !important;
  }
}

/* -------------------------------------------------------------------
   4) Mobile checkout submit button — show full text
   ------------------------------------------------------------------- */
@media only screen and (max-width: 800px) {
  input[type="submit"][name="btn_orderSend"],
  button[name="btn_orderSend"],
  input[type="submit"][value*="Odoslať objednávku"],
  input[type="submit"][value*="Odosla"],
  button[type="submit"][value*="Odosla"],
  #page_order_out .cartButtonOrderCheckout,
  #page_order-login_out .cartButtonOrderCheckout,
  #page_order-address_out .cartButtonOrderCheckout,
  #page_order-payment_out .cartButtonOrderCheckout {
    width: 100% !important;
    max-width: 100% !important;
    min-height: 48px !important;
    height: auto !important;
    padding: 12px 10px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    line-height: 1.25 !important;
    white-space: normal !important;
    word-break: keep-all !important;
    overflow: visible !important;
    box-sizing: border-box !important;
    font-size: 0.92rem !important;
  }
}

@media only screen and (max-width: 380px) {
  input[type="submit"][name="btn_orderSend"],
  button[name="btn_orderSend"],
  input[type="submit"][value*="Odoslať objednávku"],
  input[type="submit"][value*="Odosla"],
  button[type="submit"][value*="Odosla"],
  #page_order_out .cartButtonOrderCheckout,
  #page_order-login_out .cartButtonOrderCheckout,
  #page_order-address_out .cartButtonOrderCheckout,
  #page_order-payment_out .cartButtonOrderCheckout {
    font-size: 0.84rem !important;
    padding: 12px 8px !important;
  }
}