/*
Theme Name: MyMedi Child
Theme URI: https://demo.theme-sky.com/mymedi/
Author: Theme Sky Team
Author URI: http://theme-sky.com/
Description: A Premium and Responsive WordPress theme, designed for E-Commerce websites
Template: mymedi
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: mymedi-child
*/

.ts-mailchimp-subscription-shortcode .heading-title {
    text-align: center;
    padding: 4%;
}

/* Ajustare dimensiuni pentru template-ul custom, proiecte */
.woocommerce-page #content div.product .woocommerce-product-gallery,
.woocommerce-page div.product .woocommerce-product-gallery {
    width: 30% !important;
    float: left !important;
}

.woocommerce-page #content div.product .summary.entry-summary,
.woocommerce-page div.product .summary.entry-summary {
    width: 60% !important;
    float: right !important;
    padding-left: 20px;
}

/* Compatibilitate mobil */
@media (max-width: 768px) {
    .woocommerce-page #content div.product .woocommerce-product-gallery,
    .woocommerce-page div.product .woocommerce-product-gallery,
    .woocommerce-page #content div.product .summary.entry-summary,
    .woocommerce-page div.product .summary.entry-summary {
        width: 100% !important;
        float: none !important;
        padding-left: 0;
    }
    .group-button-header > * {
    padding: 0px 0 0;
    margin: 0px 0 0;
    }
}

.product-group-button-meta {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
}
.asnp-product-Price.asnp-grid-price.asnp-bundleGridItem-productInfo-size.asnp-medium {
    display: none;
}

.page-id-17518 span.woocommerce-Price-amount.amount {
    font-size: 14px !important;
}

.page-id-17518 .bdi {
    font-size: 15px;
}
.product-per-page-form ul.perpage ul {
    width: 110px;
}
  @media only screen and (max-width: 768px) {
    .wpb_row.hide-mobile {
      display: none !important;
    }
  }

  @media only screen and (min-width: 769px) {
  .wpb_row.show-only-mobile {
    display: none !important;
  }
}

.page-id-2222230844 .product-brands {
    display:none;
}

.page-id-2222230844 .product-sku {
    display:none;
}

.page-id-2222230844 .star-rating.no-rating:before {
    display:none;
}

.page-id-2222230844 .short-description {
    display:none;
}

.page-id-2222230844 .ts-product-columns-selector {
    display:none;
}

.page-id-2222230844 form.product-on-sale-form {
    display:none;
}

.page-id-2222230844 form.product-per-page-form {
    display:none;
}

.page-id-2222230844 .meta-wrapper.meta-wrapper-2 {
    display:block !important;
}

.page-id-2222230844 .loop-add-to-cart {
    display:block !important;
}
.page-id-2222230844 .star-rating.no-rating {
    margin: 0px !important;
}

.page-id-2222230844 h3.heading-title.product-name {
    min-height: 72px;
}

.page-id-2222230844 .product-categories {
    min-height: 40px;
}

.page-id-2222230844 nav.woocommerce-pagination {
    margin: 40px 60px !important;
}

/* Asigurare afișare pe coloane */
ul.mega-sub-menu {
  display: flex !important;
  flex-wrap: wrap !important;
  width: auto !important;
  padding-top: 15px !important; /* ajustează aici */
}

/* SVG corect aliniat față de text */
.mega-menu li.mega-menu-item > a .mega-indicator,
.mega-menu li.mega-menu-item > a img {
  vertical-align: middle !important;
}
/* Elimină spațiul gol de sus din mega menu */
.mega-menu .mega-sub-menu {
  padding-top: 0px !important;
  margin-top: 0px !important;
  align-items: flex-start !important;
}
/* Subcategoriile (nivel 2 din Mega Menu) afișate pe coloană verticală */
.mega-sub-menu li ul.sub-menu {
  display: block !important;
  padding: 0 !important;
  margin: 0 !important;
}

.mega-sub-menu li ul.sub-menu > li {
  display: block !important;
  width: 100% !important;
  float: none !important;
  clear: both !important;
  padding: 2px 0 !important;
  text-align: left !important;
}

.submeniu-normal > a {
    font-weight: normal !important;
    font-size: 16px;
    font-family: "Open Sans", sans-serif;
}
.submeniu-normal2 > a {
    font-weight: normal !important;
    font-size: 15px;
    font-family: "Open Sans", sans-serif;
}

.submeniu-bold > a {
    font-weight: bold !important;
    font-size: 16px;
    font-family: "Open Sans", sans-serif;
}

/* ===== MOBIL (≤1024px) – variante responsive ===== */
@media (max-width: 1024px){

  /* Bold – aceleași setări ca .submeniu-bold, dar FĂRĂ padding/margini pe link */
  .mega-menu .submeniu-responsive-bold > a,
  .mega-menu-mobile-open .submeniu-responsive-bold > a,
  .mega-menu .submeniu-responsive-bold > a.mega-menu-link,
  .mega-menu-mobile-open .submeniu-responsive-bold > a.mega-menu-link{
    font-weight: bold !important;
    font-size: 16px;
    font-family: "Open Sans", sans-serif;
    padding: 0 !important;
    margin: 0 !important;
    line-height: 1.2; /* opțional, ca să nu pară mai înalt */
  }

  /* Normal – identic cu .submeniu-normal (nu umblăm la padding) */
  .submeniu-responsive-normal > a{
    font-weight: normal !important;
    font-size: 16px;
    font-family: "Open Sans", sans-serif;
  }

  /* Normal2 – identic cu .submeniu-normal2 (nu umblăm la padding) */
  .submeniu-responsive-normal2 > a{
    font-weight: normal !important;
    font-size: 15px;
    font-family: "Open Sans", sans-serif;
  }
}

@media (max-width:1024px){

  li.submeniu-responsive-bold{
    padding: 5px 0 !important;   /* spațiu doar sus/jos */
    margin: 0 !important;
  }

  li.submeniu-responsive-bold > a{
    padding: 5px 0 !important;   /* mic padding pe link */
    margin: 0 !important;
    display:flex;
    align-items:center;
    gap:8px;
    line-height:1.3;
  }

  li.submeniu-responsive-bold a.has-icon{
    padding-left:0 !important;   /* fără spațiu stânga extra */
  }

  li.submeniu-responsive-bold a .menu-icon img{
    width:auto !important;
    height:18px !important; 
    margin:0 !important;
    vertical-align:middle;
  }
}

/* Ascunde secțiunea "Nu ai cont?" de pe checkout */
.woocommerce-checkout .u-column2 .woocommerce-info,
.woocommerce-checkout .u-column2 h2 + p,
.woocommerce-checkout .u-column2 .button {
    display: none !important;
}

.custom-wishlist-button {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 10px;
    margin-top: 15px;
}

.custom-wishlist-button .ts-add-to-wishlist {
    background-color: #f2f2f2;
    border-radius: 50%;
    width: 34px;
    height: 34px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.custom-wishlist-button .ts-add-to-wishlist::before {
    content: "\f004"; /* icon FontAwesome - heart */
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    color: #000;
}

img[src$=".svg"] {
    width: 200px !important;
    height: 132px !important;
    object-fit: contain;
}

.woocommerce .order-total small.includes_tax {
    display: block;       /* îl face pe un nou rând */
    margin-top: 4px;      /* spațiu mic între total și text */
    font-size: 13px;      /* îl faci mai mic decât totalul */
    color: #666;          /* gri discret */
}

/* Ascunde produsele din bundle, dar lasă bundle-ul principal vizibil */
tr.woocommerce-cart-form__cart-item.asnp-wepb-cart-bundle-item {
    display: none !important;
}

.asnp-wepb-cart-bundle-item {
    display: none !important;
}

.ut-bundle-child,
.woocommerce-mini-cart .ut-bundle-child,
.woocommerce .cart_list .ut-bundle-child,
.woocommerce .woocommerce-cart-form .ut-bundle-child,
.woocommerce .woocommerce-checkout-review-order-table .ut-bundle-child {
  display: none !important;
}


.ts-tiny-cart-wrapper .cart_list li.is-bundle-child { display: none !important; }

/* === Mobile Menu (MyMedi) – close by default === */
@media (max-width:1024px){
  /* ascunde toate submeniurile implicit */
  .mobile-menu-wrapper .mobile-menu .menu > li.has-children > .sub-menu,
  .mobile-menu-wrapper .mobile-menu .menu > li.parent > .sub-menu,
  .mobile-menu-wrapper .mobile-menu li.has-children > .sub-menu,
  .mobile-menu-wrapper .mobile-menu li.parent > .sub-menu{
    display:none !important;
  }

  /* deschide DOAR când e setată clasa .m-open pe <li> */
  .mobile-menu-wrapper .mobile-menu li.m-open > .sub-menu{
    display:block !important;
  }

  /* Bold rămâne doar stilistic (nu mai influențează toggle-ul) */
  .submeniu-responsive-bold > a{
    font-weight:700 !important;
    padding:5px 0 !important;
    display:flex; align-items:center; gap:8px;
    line-height:1.3;
  }
}

/* === MENIU MOBIL – aliniere icon + label, control deschidere ================= */
@media (max-width:1024px){

  /* link-ul din item mobil: icon + text pe aceeași linie, centrate */
  .mobile-menu li > a,
  .mobile-menu li > a.mega-menu-link{
    display:flex;
    align-items:center;
    gap:10px;
  }

  /* icon-urile (img/svg) la aceeași înălțime peste tot */
  .mobile-menu li > a .menu-icon img,
  .mobile-menu li > a .menu-icon svg{
    width:auto !important;
    height:18px !important;
    margin:0 !important;
    vertical-align:middle;
  }

  .mobile-menu li > a .menu-label{ line-height:1.3; }

  /* sub-meniurile NU sunt deschise implicit (inclusiv cele “bold”) */
  .mobile-menu li.parent > .sub-menu{ display:none; }
  .mobile-menu li.submeniu-responsive-bold.parent > .sub-menu{ display:none; }

  /* se deschid DOAR când tema adaugă clasa de “open” */
  .mobile-menu li.parent.open  > .sub-menu,
  .mobile-menu li.parent.ts-open > .sub-menu{ display:block; }

  /* cursor pointer pe icon-ul de drop */
  .mobile-menu .ts-menu-drop-icon{ cursor:pointer; }
}
/* Mobile menu icon + text alignment (robust) */
@media (max-width: 1024px){
  nav.mobile-menu li.menu-item > a,
  .ts-floating-sidebar .mobile-menu-wrapper li.menu-item > a{
    display:flex; align-items:center; gap:10px;
    line-height: 1.25;
  }

  /* containerul iconului */
  nav.mobile-menu .menu-item .menu-icon,
  .ts-floating-sidebar .mobile-menu-wrapper .menu-item .menu-icon{
    flex:0 0 auto;
    display:inline-flex; align-items:center; justify-content:center;
    width:18px; height:18px;
  }

  nav.mobile-menu .menu-item .menu-icon img,
  .ts-floating-sidebar .mobile-menu-wrapper .menu-item .menu-icon img{
    max-height:18px; width:auto; height:auto;
    display:block;
  }

  /* eliminăm transformările/spacing externe care ar mișca iconul */
  nav.mobile-menu .menu-item .menu-icon,
  nav.mobile-menu .menu-item .menu-icon img{
    margin:0 !important; padding:0 !important; transform:none !important;
  }
}

/* === Mobile: sageti + toggle pe toate item-urile cu submeniu (complementar) === */
@media (max-width:1024px){
  /* facem li referință pt poziționarea săgeții */
  .mobile-menu li.menu-item,
  nav.mobile-menu li.menu-item,
  .ts-floating-sidebar .mobile-menu-wrapper li.menu-item{
    position: relative;
  }

  /* linkul are spațiu în dreapta pentru săgeată; rămâne clicabil */
  .mobile-menu .menu-item-has-children > a,
  .mobile-menu li.parent > a,
  nav.mobile-menu .menu-item-has-children > a,
  nav.mobile-menu li.parent > a,
  .ts-floating-sidebar .mobile-menu-wrapper .menu-item-has-children > a,
  .ts-floating-sidebar .mobile-menu-wrapper li.parent > a{
    padding-right: 44px !important;
    position: relative;
    z-index: 1;
  }

  /* butonul de toggle (indiferent de clasa pe care o pune tema) */
  .mobile-menu .menu-item-has-children > .toggle-submenu,
  .mobile-menu li.parent > .toggle-submenu,
  .mobile-menu .menu-item-has-children > .ts-menu-drop-icon,
  .mobile-menu li.parent > .ts-menu-drop-icon,
  nav.mobile-menu .menu-item-has-children > .toggle-submenu,
  nav.mobile-menu li.parent > .toggle-submenu,
  .ts-floating-sidebar .mobile-menu-wrapper .menu-item-has-children > .toggle-submenu,
  .ts-floating-sidebar .mobile-menu-wrapper li.parent > .toggle-submenu{
    position: absolute; right: 0; top: 0;
    width: 44px; height: 100%;
    display: flex !important;
    align-items: center; justify-content: center;
    z-index: 2; pointer-events: auto;
    opacity: 1; visibility: visible;
    cursor: pointer;
  }

  /* implicit ascuns pe mobil (nu atingem desktopul) */
  .mobile-menu li.has-children > .sub-menu,
  .mobile-menu li.menu-item-has-children > .sub-menu,
  .mobile-menu li.parent > .sub-menu{
    display: none !important;
  }

  /* deschis când oricare din clasele de "open" este prezentă (compatibil cu tot)
     – se potrivește cu regulile tale existente pe .parent.open / .parent.ts-open */
  .mobile-menu li.m-open   > .sub-menu,
  .mobile-menu li.open     > .sub-menu,
  .mobile-menu li.ts-open  > .sub-menu,
  .mobile-menu li.parent.open    > .sub-menu,
  .mobile-menu li.parent.ts-open > .sub-menu{
    display: block !important;
  }
}

/* === FIX: Mobile submenu show rule (override specific) === */
@media (max-width:1024px){
  /* arată submeniul când LI e deschis de tema/JS (open / ts-open / m-open) */
  .mobile-menu-wrapper .mobile-menu .menu > li.has-children.open    > .sub-menu,
  .mobile-menu-wrapper .mobile-menu .menu > li.has-children.ts-open > .sub-menu,
  .mobile-menu-wrapper .mobile-menu .menu > li.has-children.m-open  > .sub-menu,
  .mobile-menu-wrapper .mobile-menu .menu > li.parent.open          > .sub-menu,
  .mobile-menu-wrapper .mobile-menu .menu > li.parent.ts-open       > .sub-menu,
  .mobile-menu-wrapper .mobile-menu .menu > li.parent.m-open        > .sub-menu,
  .mobile-menu-wrapper .mobile-menu li.has-children.open    > .sub-menu,
  .mobile-menu-wrapper .mobile-menu li.has-children.ts-open > .sub-menu,
  .mobile-menu-wrapper .mobile-menu li.has-children.m-open  > .sub-menu,
  .mobile-menu-wrapper .mobile-menu li.parent.open          > .sub-menu,
  .mobile-menu-wrapper .mobile-menu li.parent.ts-open       > .sub-menu,
  .mobile-menu-wrapper .mobile-menu li.parent.m-open        > .sub-menu{
    display: block !important;
  }
}

/* === Mobile: fixați săgeata pe primul rând, dreapta ==================== */
@media (max-width:1024px){
  /* referință pentru poziționare absolută */
  .mobile-menu li.menu-item { position: relative !important; }

  /* lăsăm loc de buton în dreapta, linkul nu îl acoperă */
  .mobile-menu .menu-item-has-children > a,
  .mobile-menu li.parent > a{
    padding-right: 48px !important;
    position: relative;
    z-index: 1;
  }

  /* butonul/săgeata: fix pe primul rând, nu pe înălțimea <li> */
  .mobile-menu .menu-item-has-children > .toggle-submenu,
  .mobile-menu li.parent > .toggle-submenu,
  .mobile-menu .menu-item-has-children > .ts-menu-drop-icon,
  .mobile-menu li.parent > .ts-menu-drop-icon{
    position: absolute !important;
    right: 0 !important;
    top: 14px !important;           /* <<< rămâne la primul rând */
    transform: none !important;
    width: 44px !important;
    height: 28px !important;        /* zonă de click suficientă */
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    z-index: 2 !important;
    pointer-events: auto !important;
  }
}

/* === Grilă & carusel: face cardul să ocupe toată înălțimea === */
.woocommerce ul.products li.product .product-inner,
.slick-slide .product .product-inner{
  display:flex;
  flex-direction:column;
  height:100%;
}

/* === Imagine: raport fix + contain (nu „împinge” cardul) === */
.woocommerce ul.products li.product .product-thumbnail a,
.woocommerce ul.products li.product .product-thumbnail img{
  width:100%;
  aspect-ratio: 1 / 1;       /* pătrat; poți folosi 4/3 dacă vrei */
  object-fit: contain;
}

/* === Titlu: blochează la exact 2 rânduri === */
.woocommerce-loop-product__title{
  --lh: 22px;
  line-height: var(--lh);
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  min-height: calc(var(--lh) * 2 + 2px);
}

/* === Rating: rezervă mereu loc (chiar dacă lipsește) === */
.woocommerce ul.products li.product .star-rating{
  min-height: 16px;   /* ~înălțimea stelelor */
}

/* === Preț + buton împinse josul cardului === */
.woocommerce ul.products li.product .price{
  margin-top: auto;   /* împinge secțiunea de jos la fundul cardului */
}
.woocommerce ul.products li.product .button{
  white-space: nowrap; /* nu rupe în două rânduri */
  min-height: 40px;
}

/* === SLICK: toate slide-urile aceeași înălțime === */
.slick-track { display:flex; }
.slick-slide { height:auto; }
.slick-slide > div { height:100%; }
.slick-slide .product { height:100%; }

/* container general */
.nl-form {
  width: 100%;
  border-collapse: collapse;
}

/* rânduri */
.nl-form .nl-row {
  vertical-align: middle;
}

/* input email */
.nl-form .nl-cell-email input[type="email"] {
  width: 100%;
  padding: 12px 15px;
  border: 1px solid #ddd;
  border-radius: 25px;
  font-size: 15px;
  background: #f4f6f8;
}

/* checkbox GDPR */
.nl-form .nl-left-td {
  font-size: 14px;
  color: #333;
  padding-right: 15px;
}

.nl-form .nl-left-td input[type="checkbox"] {
  margin-right: 6px;
}

/* buton Trimite */
.nl-form .nl-right-td input[type="submit"] {
  background: #e7bc34;
  color: #000;
  font-weight: bold;
  padding: 10px 25px;
  border: none;
  border-radius: 25px;
  cursor: pointer;
  transition: 0.3s ease;
}

.nl-form .nl-right-td input[type="submit"]:hover {
  background: #d1a924;
}
.nl-title {
  text-align: center;
  font-size: 22px;
  font-weight: 700;
  margin-bottom: 20px;
  color: #000;
  line-height: 1.4;
}

/* ascunde checkbox-ul Mailchimp în toate variantele posibile */
.mc4wp-hidden,
.mc4wp-hidden * { 
  display: none !important; 
}

/* fallback dacă pluginul nu adaugă clasa .mc4wp-checkbox */
input[name="mc4wp_checkbox"],
label[for*="mc4wp_checkbox"] {
  display: none !important;
}

/* dacă pluginul adaugă containerul standard */
.mc4wp-checkbox,
.mc4wp-checkbox *,
span.mc4wp-checkbox,
span.mc4wp-checkbox * {
  display: none !important;
}