/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.64-ro5
*/

/*************** ADD CUSTOM CSS HERE.   ***************/

div>div.product-main>div>div.product-info.summary.col-fit.col.entry-summary.product-summary.text-left>div.price-wrapper>p>del>span.woocommerce-Price-amount.amount.woo-bg--currency.amount-eur {
    display: none
}

.price-on-sale del bdi {
    color: #000000;
    /* по-нежно сиво вместо черно */
    font-size: 15px !important;
    text-decoration: line-through;
    opacity: 0.8;
    /* леко омекотена видимост */
    margin-right: 6px;
    /* повече въздух преди новата цена */
}

/* НОВА ЦЕНА – да изпъква */
.price-on-sale ins bdi {
    color: #d60000;
    /* красиво червено */
    font-size: 20px !important;
    font-weight: 700;
}

.price-on-sale del {
    text-decoration: none !important;
    opacity: 0.9;
}


/* Подреждаме цените вертикално */
.price.product-page-price.price-on-sale {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    /* или center ако предпочиташ център */
    gap: 4px;
    /* малко разстояние между двете цени */
}

/* СТАРА ЦЕНА */
.price-on-sale del {
    order: 1;
    text-decoration: none !important;
    opacity: 0.9;
    font-size: 14px;
}

/* НОВА ЦЕНА */
.price-on-sale ins {
    order: 2;
    color: #d60000 !important;
    font-weight: 700;
    font-size: 20px !important;
}

div>div.product-main>div>div.product-info.summary.col-fit.col.entry-summary.product-summary.text-left>div.product-short-description {
    display: none
}

.save-percent-info {
    margin-top: 6px;
    font-size: 15px;
    font-weight: 700;
    color: #008000;
    margin-bottom: 30px;
    margin-top: -10px
}

del .amount-eur {
    display: none
}

div>div.product-main>div>div.product-info.summary.col-fit.col.entry-summary.product-summary.text-left>div.price-wrapper>p>del>span.woocommerce-Price-amount.amount.woo-bg--currency.amount-eur {
    display: none
}

.price-on-sale del bdi {
    color: #000000;
    /* по-нежно сиво вместо черно */
    font-size: 15px !important;
    text-decoration: line-through;
    opacity: 0.8;
    /* леко омекотена видимост */
    margin-right: 6px;
    /* повече въздух преди новата цена */
}

/* НОВА ЦЕНА – да изпъква */
.price-on-sale ins bdi {
    color: #d60000;
    /* красиво червено */
    font-size: 20px !important;
    font-weight: 700;
}

.price-on-sale del {
    text-decoration: none !important;
    opacity: 0.9;
}


/* Подреждаме цените вертикално */
.price.product-page-price.price-on-sale {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    /* или center ако предпочиташ център */
    gap: 4px;
    /* малко разстояние между двете цени */
}

/* СТАРА ЦЕНА */
.price-on-sale del {
    order: 1;
    text-decoration: none !important;
    opacity: 0.9;
    font-size: 14px;
}

/* НОВА ЦЕНА */
.price-on-sale ins {
    order: 2;
    color: #d60000 !important;
    font-weight: 700;
    font-size: 20px !important;
}

div>div.product-main>div>div.product-info.summary.col-fit.col.entry-summary.product-summary.text-left>div.product-short-description {
    display: none
}

.save-percent-info {
    margin-top: 6px;
    font-size: 15px;
    font-weight: 700;
    color: #008000;
    margin-bottom: 30px;
    margin-top: -10px
}

#customer_details>div:nth-child(2)>div.woocommerce-shipping-fields {
    display: none;
}

.product-page-price bdi,
.product-page-price .amount-eur {
    font-size: 24px !important
}

.product-info.summary.col-fit.col.entry-summary.product-summary.text-left>form>table>tbody>tr>td>a {
    display: none !important
}



.ts-pcd-amount>span>bdi {
    font-weight: 100;

}

.ts-pcd-amount>span>bdi,
.ts-pcd-dec,
.ts-pcd-label {
    color: black !important;
    font-weight: 100
}



.quantity input {
    display: none
}

#wrapper>div {
    max-height: 30px;
    /* display: flex
; */
    text-align-last: left;
}

#product-1709>div>div.product-main>div>div.product-info.summary.col-fit.col.entry-summary.product-summary.text-left>h1 {
    font-size: 16px;
}

table.variations .value {
    margin-top: 0px
}

.nav-dropdown-default .menu-item a {
    color: black
}

.add-to-cart-container.form-normal.is-normal>form>table>tbody>tr>td>div.ux-swatches.ux-swatches-attribute-ux_label>div.ux-swatch.ux-swatch--label {
    width: 22%;
    height: 30px;
}

.ux-swatches {
    --swatch-size-x-small: 15px;
    --swatch-size-small: 20px;
    --swatch-size-medium: 30px;
    --swatch-size-large: 45px;
    --swatch-size-x-large: 70px;
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin: 5px 0;
}

.ux-swatch__text {
    font-weight: 800
}

.sub-menu.nav-dropdown-default {
    padding: 0px
}

#product-1302>div>div.product-main>div>div.product-info.summary.col-fit.col.entry-summary.product-summary.text-left>form>div.single_variation_wrap>div.woocommerce-variation-add-to-cart.variations_button.woocommerce-variation-add-to-cart-disabled>div.ux-quantity.quantity.buttons_added {
    display: none;
}

#top-bar>div>div.flex-col.show-for-medium.flex-grow>ul>li>strong {
    white-space: nowrap;
    /* винаги на един ред */
    display: inline-block;
    max-width: 100%;
    /* да не излиза извън контейнера */
    overflow: hidden;
    /* предотвратява излизане на текст */
    text-overflow: ellipsis;
    /* показва "..." ако все пак е прекалено дълъг */
    font-size: clamp(10px, 2vw, 16px);
    /* автоматично свиване на шрифта */
}

.ux-swatches--x-small .ux-swatch--label {
    color: #929292;
}

.variations .reset_variations {
    display: none;
}

table.variations .label {
    display: none;
}

#cart-popup>div>div.widget_shopping_cart>div>div>p.woocommerce-mini-cart__buttons.buttons>a:nth-child(1) {
    display: none;
}

#wrapper>div,
#cart-popup>div {
    padding-top: 10px;
}



.ux-swatches.ux-swatches-in-loop {
    gap: 1px;
    justify-content: center;
}

.ux-swatches--circle * {
    /* border: none; */
    /* border-color: red !important; */
    box-shadow: unset;
    font-size: 14px
}

.ux-swatches--x-small .ux-swatch--label {
    padding: 0%;
    padding-right: 1px !important;
}

.ux-swatches--circle * {
    pointer-events: none;
}

.ux-swatches--circle *:not(:last-child)::after {
    content: ",";
}

.box-text a:not(.button),
.box-text h1,
.box-text h2,
.box-text h3,
.box-text h4,
.box-text h5,
.box-text h6 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    /* Максимум 2 реда */
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}





@media only screen and (max-width: 48em) {

    /*************** ADD MOBILE ONLY CSS HERE  ***************/
    .ux-swatches--x-small .ux-swatch--label {
        font-size: 9px;
    }

    .featured-title .page-title-inner {
        padding: 4px
    }



    #wrapper>div>div.page-title-inner.flex-row.medium-flex-wrap.container>div.flex-col.medium-text-center.form-flat {
        max-width: 55%
    }

    #wrapper>div>div.page-title-inner.flex-row.medium-flex-wrap.container {
        display: ruby;
    }

}
/* ============================================================
   RO-DESIGN-20260624  —  Stage 5 modern redesign (staging-ro.nimed.bg)
   Modern, mobile-first polish for FunnelKit checkout + homepage/shop.
   Brand kept: petrol #003233 / olive #7a9c59. CSS only, no markup hacks.
   Backup: style.css.bak-stage5-20260624
   ============================================================ */
:root{
  --ro-brand:#003233;
  --ro-brand-600:#0a4a4c;
  --ro-brand-700:#002526;
  --ro-accent:#7a9c59;
  --ro-accent-600:#6a8a4c;
  --ro-sale:#b20000;
  --ro-ink:#1c2a2b;
  --ro-muted:#6b7775;
  --ro-bg:#ffffff;
  --ro-soft:#f5f8f6;
  --ro-soft-2:#eef3f0;
  --ro-line:#e4ebe7;
  --ro-r:14px;
  --ro-r-sm:10px;
  --ro-shadow:0 1px 2px rgba(0,32,33,.04),0 6px 24px rgba(0,32,33,.07);
  --ro-shadow-sm:0 1px 3px rgba(0,32,33,.06);
  --ro-shadow-cta:0 8px 22px rgba(0,50,51,.28);
}

/* ---------- Global typography polish ---------- */
body{ -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility; color:var(--ro-ink); }
.section-title b, .section-title span{ letter-spacing:.02em; }

/* ============================================================
   1) MODERN CHECKOUT  (FunnelKit WFACP)
   ============================================================ */

/* page canvas */
.wfacp-main-wrapper,
body.woocommerce-checkout #wfacp-e-form,
#wfacp-e-form{ background:transparent; }
body.wfacp_main_form,
body.woocommerce-checkout.wfacp_main_form{ background:var(--ro-soft); }

/* ---- form sections become real cards ---- */
.wfacp-section{
  background:var(--ro-bg);
  border:1px solid var(--ro-line);
  border-radius:var(--ro-r);
  box-shadow:var(--ro-shadow);
  padding:clamp(18px,3vw,30px) clamp(16px,3vw,30px);
  margin-bottom:18px;
  transition:box-shadow .2s ease;
}
.wfacp-section:hover{ box-shadow:0 2px 6px rgba(0,32,33,.06),0 10px 30px rgba(0,32,33,.09); }

/* section headings */
.wfacp_section_heading,
.wfacp-section .wfacp_section_title,
h2.wfacp_section_heading{
  color:var(--ro-brand)!important;
  font-weight:700!important;
  font-size:clamp(1.15rem,2.4vw,1.45rem)!important;
  letter-spacing:.005em;
  margin:0 0 16px!important;
  padding-bottom:12px;
  position:relative;
}
.wfacp_section_heading::after,
h2.wfacp_section_heading::after{
  content:"";
  position:absolute; left:0; bottom:0;
  width:46px; height:3px; border-radius:3px;
  background:linear-gradient(90deg,var(--ro-brand),var(--ro-accent));
}

/* ---- fields / inputs ---- */
.wfacp-form-control-wrapper,
.wfacp-form .form-row{ margin-bottom:14px; }

.wfacp-form .input-text,
.wfacp-form input[type="text"],
.wfacp-form input[type="email"],
.wfacp-form input[type="tel"],
.wfacp-form input[type="number"],
.wfacp-form input[type="password"],
.wfacp-form textarea,
.wfacp-form select,
.wfacp-form .select2-container .select2-selection,
#wfacp-e-form .input-text,
#wfacp-e-form select{
  border:1.5px solid var(--ro-line)!important;
  border-radius:var(--ro-r-sm)!important;
  background:#fff!important;
  min-height:52px;
  padding:14px 15px!important;
  font-size:16px!important;       /* 16px stops iOS zoom */
  color:var(--ro-ink)!important;
  box-shadow:none!important;
  transition:border-color .15s ease, box-shadow .15s ease;
}
.wfacp-form .select2-container--default .select2-selection--single .select2-selection__rendered{
  line-height:50px!important; padding-left:2px;
}
.wfacp-form .select2-container .select2-selection{ display:flex; align-items:center; }

.wfacp-form .input-text:focus,
.wfacp-form input:focus,
.wfacp-form textarea:focus,
.wfacp-form select:focus,
#wfacp-e-form .input-text:focus{
  border-color:var(--ro-brand)!important;
  box-shadow:0 0 0 3px rgba(0,50,51,.12)!important;
  outline:none!important;
}
.wfacp-form textarea{ min-height:96px; line-height:1.5; }

/* floating-ish labels / labels */
.wfacp-form-control-label,
.wfacp-form label{ color:var(--ro-muted); font-weight:500; }

/* phone country select group */
.wfacp-form .iti, .wfacp-form .iti--separate-dial-code{ width:100%; }

/* ---- payment box ---- */
.wfacp_payment,
.wfacp-section.wfacp_payment{ padding-top:clamp(18px,3vw,30px); }
#payment ul.wfacp_payment_options,
#payment .wc_payment_methods,
.wfacp_payment .wc_payment_methods{ list-style:none; margin:0; padding:0; }
#payment .wc_payment_methods li.wc_payment_method,
.wfacp_payment li.wc_payment_method{
  border:1.5px solid var(--ro-line);
  border-radius:var(--ro-r-sm);
  margin:0 0 10px;
  padding:4px 4px;
  background:#fff;
  transition:border-color .15s ease, background .15s ease, box-shadow .15s ease;
}
#payment .wc_payment_methods li.wc_payment_method > label,
.wfacp_payment li.wc_payment_method > label{
  font-weight:600; color:var(--ro-ink); padding:14px 14px; display:flex;
  align-items:center; gap:10px; cursor:pointer; margin:0;
}
#payment .wc_payment_methods li.wfacp-payment-selected,
#payment .wc_payment_methods li.wc_payment_method:has(input:checked){
  border-color:var(--ro-brand);
  background:var(--ro-soft);
  box-shadow:0 0 0 2px rgba(0,50,51,.08);
}
#payment .payment_box, .wfacp_payment .payment_box{
  background:var(--ro-soft)!important;
  border-radius:var(--ro-r-sm);
  color:var(--ro-muted);
  font-size:14px; line-height:1.55;
}
#payment .payment_box::before{ display:none!important; }

/* ---- terms checkbox ---- */
.wfacp_terms_block, .woocommerce-terms-and-conditions-wrapper{ margin:6px 0 4px; }

/* ============================================================
   2) ORDER SUMMARY  (sticky on desktop)
   ============================================================ */
.wfacp_order_summary_container,
.wfacp-mini-cart-block,
.wfacp_min_cart_widget{
  background:var(--ro-bg);
  border:1px solid var(--ro-line);
  border-radius:var(--ro-r);
  box-shadow:var(--ro-shadow);
  padding:clamp(16px,2.4vw,26px)!important;
}
.wfacp_mini_cart_start_h,
.wfacp-order-summary-label,
.wfacp_order_summary_container h2,
.wfacp_order_summary_container h3{
  color:var(--ro-brand)!important;
  font-weight:700!important;
  font-size:1.2rem!important;
  margin:0 0 14px!important;
}
/* totals */
.wfacp_order_summary_container .order-total .woocommerce-Price-amount,
.wfacp_order_summary_container tr.order-total td{
  color:var(--ro-brand)!important; font-weight:800!important; font-size:1.2rem!important;
}
.wfacp_order_summary_container table tr td,
.wfacp_order_summary_container table tr th{ border:none!important; padding:8px 0!important; }
.wfacp_order_summary_container .cart-subtotal,
.wfacp_order_summary_container .order-total{ border-top:1px solid var(--ro-line); }

/* coupon */
.wfacp-coupon-section .input-text,
.wfacp-coupon-page .input-text{ border-radius:var(--ro-r-sm)!important; }
.wfacp-coupon-section .button,
.wfacp_apply_coupon{
  background:var(--ro-soft-2)!important; color:var(--ro-brand)!important;
  border-radius:var(--ro-r-sm)!important; font-weight:700!important; border:none!important;
}

/* mini cart product line */
.wfacp_mini_cart_items .wfacp_product_image img,
.wfacp-mini-cart-block img{ border-radius:var(--ro-r-sm); border:1px solid var(--ro-line); }

/* sticky desktop */
@media (min-width:850px){
  .wfacp_order_summary_container.is-sticky,
  .wfacp-order-summary-wrap,
  .wfacp_col_summary, .wfacp-2-col .wfacp-right-side{ position:sticky; top:20px; }
}

/* ---- trust ticks under summary ---- */
.wfacp_you_save_text, .wfacp_whats_included,
.wfacp-checkout-form-block .wfacp_text_above,
.wfacp-checkout-form-block li:has(svg),
.wfacp_security_badges li{ color:var(--ro-ink); }
.wfacp-checkout-form-block svg path[fill],
.wfacp_security_badges svg{ }

/* ============================================================
   3) PLACE ORDER BUTTON  (the big win — brand CTA)
   FunnelKit sets:  body .wfacp_main_form .button#place_order{background-color:#24ae4e}
   We out-specify + !important so brand teal always wins (also next-step btn).
   ============================================================ */
html body .wfacp_main_form .button#place_order,
html body .wfacp_main_form .woocommerce-checkout .button.button#place_order,
html body.yes_sticky .wfacp-form .wfacp_main_form .woocommerce-checkout button#place_order,
html body .wfacp_main_form .button.wfacp_next_page_button,
html body .wfacp_main_form #place_order,
#place_order, button#place_order{
  background:linear-gradient(180deg,var(--ro-brand-600),var(--ro-brand))!important;
  background-color:var(--ro-brand)!important;
  color:#fff!important;
  border:none!important;
  border-radius:var(--ro-r)!important;
  font-size:clamp(1.02rem,2.4vw,1.18rem)!important;
  font-weight:800!important;
  letter-spacing:.01em;
  text-transform:none!important;
  padding:18px 22px!important;
  min-height:60px;
  width:100%!important;
  box-shadow:var(--ro-shadow-cta)!important;
  transition:transform .15s ease, box-shadow .2s ease, filter .15s ease!important;
  cursor:pointer;
}
html body .wfacp_main_form .button#place_order:hover,
html body .wfacp_main_form .woocommerce-checkout .button.button#place_order:hover,
html body .wfacp_main_form .button.wfacp_next_page_button:hover,
#place_order:hover, button#place_order:hover{
  background:linear-gradient(180deg,var(--ro-brand),var(--ro-brand-700))!important;
  background-color:var(--ro-brand-700)!important;
  transform:translateY(-2px);
  box-shadow:0 12px 30px rgba(0,50,51,.34)!important;
  filter:brightness(1.06);
}
#place_order:active{ transform:translateY(0); }
#place_order:focus-visible{ outline:3px solid rgba(0,50,51,.35); outline-offset:2px; }
/* lock icon glyph + value text stay white (FunnelKit :before/:after) */
html body #wfacp-e-form #place_order:before,
html body #wfacp-e-form #place_order:after{ color:#fff!important; }

/* ============================================================
   4) HEADER / LOGO fallback (logo media missing on staging)
   ============================================================ */
#logo a, .header-main #logo a{ color:var(--ro-brand); font-weight:800; letter-spacing:.04em; }
.header-main{ box-shadow:0 1px 0 rgba(0,32,33,.06); }

/* ============================================================
   5) HOMEPAGE + SHOP  modern polish
   ============================================================ */
/* section titles */
.is-divider{ background:linear-gradient(90deg,var(--ro-brand),var(--ro-accent)); height:3px; opacity:.85; max-width:60px; }
h3.section-title, .section-title-container .section-title{ color:var(--ro-brand); }

/* product cards: clean, airy, soft hover lift */
.product-small.box,
.shop-container .product-small .box,
.products .product-small .box{
  border-radius:var(--ro-r);
  transition:transform .2s ease, box-shadow .2s ease;
}
.product-small .box-image{
  border-radius:var(--ro-r);
  overflow:hidden;
  background:var(--ro-soft);
}
.product-small .box-image img{ transition:transform .45s ease; }
.product-small.box:hover{ transform:translateY(-4px); }
.product-small.box:hover .box-image{ box-shadow:var(--ro-shadow); }
.product-small.box:hover .box-image img{ transform:scale(1.04); }
.product-small .box-text{ padding-top:14px; }
.product-small .name.product-title a{ color:var(--ro-ink); font-weight:600; }
.product-small .name.product-title a:hover{ color:var(--ro-brand); }

/* price */
.product-small .price .amount, .product .price .amount{ color:var(--ro-brand); font-weight:700; }

/* sale badge softer/rounded (matches brand instead of harsh red box) */
.product-small .badge-container .badge,
.product-small .badge-container .badge-inner{
  background:var(--ro-sale)!important;
  border-radius:999px!important;
  font-weight:700;
  padding:3px 11px!important;
  box-shadow:0 2px 8px rgba(178,0,0,.25);
}

/* add to cart buttons on loop + product */
.product .button.add_to_cart_button,
.add-to-cart-button .button,
.single_add_to_cart_button.button{
  background:var(--ro-brand)!important;
  border-color:var(--ro-brand)!important;
  border-radius:var(--ro-r-sm)!important;
  font-weight:700!important;
  letter-spacing:.01em;
  transition:transform .15s ease, box-shadow .2s ease, filter .15s ease;
}
.single_add_to_cart_button.button{ box-shadow:0 6px 18px rgba(0,50,51,.22); min-height:54px; }
.product .button.add_to_cart_button:hover,
.single_add_to_cart_button.button:hover{
  filter:brightness(1.08); transform:translateY(-1px);
}

/* category banners (home) — modern rounded + overlay */
.ux-banner, .banner{ border-radius:var(--ro-r); overflow:hidden; }

/* trust/featured boxes (home) — modern circle icon + spacing */
.featured-box .icon-box-img{ }
.featured-box.featured-box-default .icon-box-img .icon{ }
.icon-box .icon-box-img{ transition:transform .2s ease; }
.icon-box:hover .icon-box-img{ transform:translateY(-3px); }

/* ============================================================
   6) CART page polish (Flatsome native)
   ============================================================ */
.cart_totals, .cart-sidebar .cart_totals{
  background:var(--ro-bg); border:1px solid var(--ro-line);
  border-radius:var(--ro-r); box-shadow:var(--ro-shadow); padding:22px;
}
.cart_totals h3, .cart_totals .cart-subtotal th, .cart_totals .order-total th{ color:var(--ro-brand); }
.checkout-button.button.alt,
.wc-proceed-to-checkout .button.alt{
  background:linear-gradient(180deg,var(--ro-brand-600),var(--ro-brand))!important;
  border:none!important; border-radius:var(--ro-r)!important;
  font-weight:800!important; min-height:56px; box-shadow:var(--ro-shadow-cta)!important;
  transition:transform .15s ease, filter .15s ease;
}
.checkout-button.button.alt:hover{ transform:translateY(-2px); filter:brightness(1.06); }

/* ============================================================
   7) FOOTER — keep brand teal, tidy
   ============================================================ */
.footer-2, footer .footer-widgets{ }

/* ============================================================
   8) MOBILE-FIRST refinements
   ============================================================ */
@media (max-width:849px){
  .wfacp-section{ margin-bottom:14px; padding:18px 16px; }
  #place_order{ position:relative; }
  .wfacp_order_summary_container{ margin-bottom:14px; }
  /* product grid breathing room */
  .product-small .box-text{ padding-top:10px; }
}

/* sticky mobile CTA feel: keep summary first, generous tap targets already 52-60px */

/* reduced motion */
@media (prefers-reduced-motion:reduce){
  *{ transition:none!important; }
  .product-small.box:hover{ transform:none; }
  .product-small.box:hover .box-image img{ transform:none; }
  #place_order:hover, .checkout-button.button.alt:hover{ transform:none; }
}
/* ===== END RO-DESIGN-20260624 ===== */