/*
Theme Name: Plazart Child
Theme URI: https://plazart.templaza.net/
Description: A child theme of Plazart
Author: TemPlaza Team
Author URI: https://www.templaza.com
Version: 1.1.9
Text Domain: plazart
Template: plazart
*/


/* Plaza mobile filter – control corect */
.wp-block-categories-list.wp-block-categories li.cat-item ul.children {
    padding-left: 15px;
}


/* ascunde descrierea categoriilor din meniu*/
.templaza-header .navbar-nav .menu-item .megamenu-description-group .megamenu-description {
    display: none !important;
}


/* ascunde filtrul de categorii din pagina generala de produse, se afiseaza doar pe pagina unei categorii, pentru a fi afisate subcategoriile 
 in functions.php se verifica daca pagina este shop (woocommerce), se goleste de parametrii si se adauga clasa .shop-root-only*/
body.shop-root-only div.templaza-sidebar .widget.products-filter-widget {
    display: none !important;
}


div.templaza-sidebar .templaza_woo_filters>.templaza_woo_filter ul.children {
    padding-left: 15px !important;
}

div.templaza-sidebar .templaza_woo_filters>.templaza_woo_filter ul.children li.selected span {
    font-weight: 700;
}

div.templaza-sidebar .templaza_woo_filters>.templaza_woo_filter ul.products-filter__options.products-filter--list.filter-list li.selected>span.products-filter__option-name.name {
    font-weight: 700;
}

ul.wp-block-categories li.current-cat a {
    font-weight: 700;
}

ul.wp-block-categories-list.wp-block-categories ul.children li.current-cat {
    font-weight: 700;
}

.sf-custom-heading span {
    font-size: 22px !important;
}


div.widget.widget_block.style1 ul.wp-block-categories-list.wp-block-categories li.cat-item a {
    display: inline;
}

/*** GET QUOTE STICKY ****/

div.ap_product_quote {
    right: -76px !important;
} 

@media(max-width: 641px) {
    div.ap_product_quote {
        right: -60px !important;
    }     
}

/*************************
    STILIZARE MENIU
*************************/

li.sf-custom-shop div.sub-menu.megamenu-sub-menu div.uk-grid.templaza-row {
    padding: 0 15px !important;
}

@media(min-width: 960px) and (max-width: 1199px) {
  li.sf-custom-shop div.sub-menu.megamenu-sub-menu {
      width: 780px !important;
  }  
}

@media(min-width: 961px) {
    .header-justify-section div:first-child, ul#menu-main-menu {
        height: 100% !important;
    }
    
    ul#menu-main-menu li a.megamenu-item-link {
        display: flex;
        justify-content: center;
        align-items: center;
    }  
}

li.sf-custom-shop div.sub-menu a.megamenu-item-link {
    justify-content: flex-start !important;
}

@media(max-width: 425px) {
    div.templaza-wrapper .top-header {
        padding: 5px 15px !important;
    }
    
    header.templaza-header {
        padding: 10px 15px !important;
    }
}


/************************
   HIDE FILTRE ATRIBUTE
************************/

body.shop-root-only aside.widget-area div.widget:nth-of-type(3) {
    display: none !important;
}

/*******************
     MENIU
*********************/

span.contact-location {
    display: none !important;
}

.templaza-logo img {
    min-width: 0 !important;
}

.templaza-logo img.templaza-logo-sticky {
    max-width: 250px;
    max-height: 73px !important;
}

@media (max-width: 959.99px) {
    header.templaza-header {
        padding: 10px 30px !important;
    }
    
    .templaza-logo img.templaza-logo-default {
       max-height: 66px !important;
    }
}

@media(max-width: 425px) {
    header.templaza-header {
        padding: 10px 15px !important;
    }
}


@media screen and (max-width: 639.9px) {
    .templaza-logo img.templaza-logo-mobile {
        max-height: 55px !important;
    }
}

section.top-header .templaza-row {
    flex-wrap: nowrap !important;
}

@media(max-width: 425px) {

    
    section.top-header .templaza-row .contact-phone, section.top-header .templaza-row .contact-phone a   {
        font-size: 13px !important;
    }
    
    .sf-custom-column-social-media {
        padding: 0 !important;
    }
}

.sf-custom-phone-number {
    font-size: 14px !important;
}

.sf-custom-phone-number h3 {
    display: none !important;
}

.sf-custom-phone-number i.contact-icon {
    padding-right: 4px !important;
}


#templaza-backtotop.square {
    border: 3px solid white;
    border-radius: 50px !important;
}

@media(min-width: 961px) and (max-width: 1200px) {
    li.sf-custom-shop div.sub-menu {
        left: -60px !important ;
        right: 0 !important;
    }
}

@media(min-width: 1201px) {
    li.sf-custom-shop div.sub-menu {
        left: 1px !important ;
        right: 0 !important;
    }
}

@media(max-width: 960px) {
    .templaza_woo_filter-name.filter-name {
        margin-top: 0 !important;
    }
    
    .templaza-sidebar {
        background-color: #FDC71F !important;
    }
    
    body.shop-root-only .templaza-sidebar {
        padding: 20px 0 !important;
        border-left: none !important;
    }
    
    body.shop-root-only .templaza-sidebar::after {
        content: "";
    }    
    
    body.shop-root-only .templaza-sidebar .widget {
        margin-bottom: 0px !important;
    }
    
    /****************************************
        BUTON X PE SIDEBAR .SHOP-ROOT-ONLY
    ****************************************/
        
    .templaza-sidebar.is-hidden {
      display: none;
    }
    
    .templaza-column.sidebar-fixed.is-hidden {
      display: none !important;
      pointer-events: none;
    }
    
    .templaza-column.sidebar-fixed {
        background-color: #F0F0F0;
        padding-left: 0 !important;
    }
    
    .shop-sidebar-close-wrap {
      display: flex;
      justify-content: flex-end;
      padding: 0 8px;
    }
    
    .shop-sidebar-close-btn {
      font-size: 24px;
      margin-bottom: 12px;
      line-height: 1;
      cursor: pointer;
      background: transparent;
      border: 0;
    }

}

/***********************
    BUTON QUICK VIEW
***********************/

.product-loop__buttons {
    display: none !important;
}

/**********************************
    FORMULAR CERE OFERTA
**********************************/

div.offer-btn-wrap {
    background-color: black;
    padding: 30px 20px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

/* Buton "Cere ofertă" – curat, modern, cu hover spre negru */
/* Buton "Cere ofertă" – curat, modern */
.offer-btn{
  margin-top: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px;
  min-height: 44px;
  padding: 20px !important;
  background: #fdc71f !important;
  color: #111 !important;
  border: 1px solid #fdc71f !important;
  text-decoration: none !important;
  text-transform: uppercase !important;
  font-weight: 800 !important;
  letter-spacing: .6px !important;
  font-size: 16px !important;
  cursor: pointer !important;
  box-shadow: 0 8px 18px rgba(0,0,0,.12) !important;
  line-height: 18px;
  border: 1px solid #fdc71f !important;

  /* doar tranzitia lină pentru hover (culori) */
  transition: background-color .45s ease-in-out, color .45s ease-in-out, border-color .45s ease-in-out !important;

  -webkit-appearance: none;
  appearance: none;
}

.offer-btn:hover{
  background: #111 !important;
  border-color: white !important;
  color: #fff !important;
}

/* focus (accesibil) */
.offer-btn:focus-visible{
  outline: 3px solid rgba(253,199,31,.45);
  outline-offset: 3px;
}


/* Modal */
.offer-modal{
  position:fixed;
  inset:0;
  display:none;
  z-index:99999;
  
}
.offer-modal.is-open{ display:block; }

.offer-modal__overlay{
  position:absolute;
  inset:0;
  background:rgba(0,0,0,.55);
}

.offer-modal__dialog {
  position:relative;
  max-width:640px;
  width:calc(100% - 32px);
  margin:40px auto;
  background:#fff;
  border-radius:2px;
  padding:9px 20px 25px;
  box-shadow:0 20px 60px rgba(0,0,0,.25);
  max-height: 90vh;     /* nu depășește 90% din înălțimea ecranului */
  overflow-y: auto;     /* apare scroll când conținutul e mai mare */
}

.offer-modal__close {
  position:absolute;
  top:8px;
  right:12px;
  width:40px;
  height:40px;
  border:0;
  background:transparent;
  font-size:28px;
  cursor:pointer;
  line-height:1;
}

/* Header "Nume produs" din formular */
.offer-form-head {
  margin:0 0 14px;
  font-size:16px;
}

.offer-form-head span { 
    font-weight:700; 
    font-size: 20px;
    
}

.offer-modal__form {
    margin-top: 25px;
}

.offer-modal__form p {
    margin: 5px 0 !important;
}

.offer-modal__form p input.wpcf7-submit {
    margin-top: 15px !important;
}

.offer-modal__dialog .wpcf7-form > p:first-of-type {
    display:block !important;
}

.offer-modal__form input, .offer-modal__form select {
    margin: 5px 0 !important;
    border: 1px solid #ad9c50 !important;
}

.offer-modal__form select {
    border-radius: 5px !important;
    background-color: white !important;
}

@media(max-width: 576px) {
    .offer-modal__dialog {
        margin: 30px auto;
    }
}

/*************************************/

body.product-template-default div.summary.entry-summary form.cart {
    display: none !important;
}

/* IMAGINI DIN PAGINA DE CATEGORIE */

ul.products li.product .product-thumbnail .woocommerce-loop-product__link img {
    max-width: 250px;
    max-height: 250px;
}

body ul.products li.product .product-thumbnails--hover .hover-image {
    display: none !important;
}

ul.products.product-loop-layout-4 li.product .product-summary span.price {
    display: none !important;
}

.single-product div.product .summary-price-box {
    display: none !important;
}

section.tz_background_overlay {
    padding: 45px 0 !important;
}

 .templaza-heading h1 {
    font-size: 35px !important;
}

@media(max-width: 768px) {
     section.tz_background_overlay {
        padding: 35px 0 !important;
    }

    .templaza-heading h1 {
        font-size: 27px !important;
    }   
}

/**************************************
    AFISARE ATRIBUTE IN PAG DE CAT
**************************************/

/* 1) Product summary devine coloană și permite împingerea butonului jos */
li.product .product-summary{
  display: flex;
  flex-direction: column;
  height: 100%;
}

/* 2) Card-ul cu atribute + buton */
.up-loop-spec{
  margin-top: 12px;
  border-radius: 10px;
  box-shadow: 0 6px 18px rgba(0,0,0,.08);
  display: flex;
  flex-direction: column;
  flex: 1;               /* ocupă spațiul disponibil în summary */
}

/* 3) Grid-ul de atribute - mai compact */
.up-loop-attrs{
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 15px;       /* rânduri mai apropiate + coloane ok */
  flex: 1;               /* ca să lase butonul jos */
  align-content: start;  /* nu întinde spațiul între rânduri */
  padding: 15px;
}

.up-loop-attr__label{
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: .05em;
  opacity: .65;
  margin-bottom: 2px;
  line-height: 1.1;
}

.up-loop-attr__value{
  font-size: 13px;
  font-weight: 700;
  line-height: 1.15;
}

/* Butonul "VEZI PRODUS" */
.up-loop-btn{
  margin-top: auto;
  display: block;
  width: 100%;
  text-align: center;
  padding: 12px 14px;
  background: #fdc71f;
  color: #000;
  text-transform: uppercase;
  font-weight: 700;
  letter-spacing: .04em;
  text-decoration: none;

  transition: background-color .25s ease, color .25s ease, transform .2s ease;
  will-change: transform;
}

.up-loop-btn:hover{
  background: #000;
  color: #fff;
  transform: translateY(-1px);
  text-decoration: none;
}

.up-loop-btn:focus{
  outline: none;
}

.up-loop-btn:focus-visible{
  outline: 2px solid #000;
  outline-offset: 2px;
}


ul.products.product-loop-layout-4 li.product .product-inner {
    height: 100%;
    max-height: 100%;
    display: flex;
    flex-direction: column;
}

ul.products li.product .product-thumbnail .woocommerce-loop-product__link {
    display: flex !important;
    justify-content: center;
}

.woocommerce-badges {
    display: none !important;
}

/*******************************
    STILIZARE PAGINA PRODUS
*******************************/

body.single-product div.templaza-wrapper > :nth-child(4) {
  padding-top: 0 !important;
}

@media(max-width: 960px) {
    body.single-product div.templaza-wrapper > :nth-child(4) {
      padding-top: 60px !important;
    }    
}

.single-product div.product .summary-top-box {
    display: none !important;
}

.single-product div.product .product_meta {
    font-size: 16px;
    line-height: 18px;
    font-weight: 700;
    background-color: #fdc71f;
    padding: 30px 20px;
    color: black !important;
    margin-bottom: 20px !important;
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.single-product div.product .product_meta>span a:not(:hover) {
    color: black !important;
}

.single-product div.product .product_meta .label {
    color: black !important;
}


/***************************************
    CARD ATRIBUTE PAGINA PRODUS
***************************************/

/* Card */
.up-specs-card{
  margin-top: 20px;
  background: #f3f3f3;        
  overflow: hidden;
}

.up-specs-card__head{
  position: relative;
  background: #fdc71f;
  padding: 21px;
  font-weight: 700;
  text-transform: uppercase;
  color: #111;
  font-size: 16px;
  line-height: 18px;
}

.up-specs-card__head:after{
  content:"";
  position:absolute;
  top:0;
  right:0;
  width: 70px;
  height: 100%;
  background: black;
  clip-path: polygon(0 0, 100% 0, 100% 100%, 18% 100%);
}

/* Lista */
.up-specs{
  padding: 18px;
}

.up-specs__row{
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: 14px;
  padding: 10px 0;
}

.up-specs__row + .up-specs__row {
  border-top: 1px solid rgba(0,0,0,.06);
}

/* Label si value */
.up-specs__label{
  font-size: 16px;
  line-height: 18px;
  color: black;
}

.up-specs__value{
  font-size: 16px;
  font-weight: 800;
  color: #111;
  text-align: right;
}

/* punctele dintre label și value */
.up-specs__dots{
  height: 1px;
  background-image: radial-gradient(currentColor 1px, transparent 1px);
  background-size: 6px 2px;
  background-repeat: repeat-x;
  background-position: left center;
  opacity: .35;
}

.single-product div.product .woocommerce-product-gallery {
    padding: 20px 0;
}

/*****************************/
body.single-product .woocommerce-product-gallery__image {
    display: flex !important;
    justify-content: center;
}

.woocommerce-product-gallery__image a img {
    max-width: 500px !important;
}

.woocommerce-product-details__short-description p iframe {
    max-width: 100% !important;
    width: 100%;
}

.single-product div.product .woocommerce-product-details__short-description {
    margin-top: 20px !important;
}

body.single-product div.product-gallery-summary {
    margin-top: -60px !important;
}

/**********************************
    SECTIUNILE RELATED PRODUCTS SI
    VIEWED RECENTLY
**********************************/

@media(max-width: 800px) {
    
    section.related.products .up-loop-attrs, div.recently-products .up-loop-attrs {
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }
    
    section.related.products ul.products, div.recently-products ul.products {
        gap: 15px !important;
    }
}

/**************************************/

.woocommerce-products-header div.term-description {
    margin-bottom: 20px !important;
}

.single-product div.product .product_meta>span a:hover {
    color: black !important;
}

.single-product div.product_meta > div.product_meta {
    margin: 0;
    margin-bottom: 0 !important;
    padding: 0 !important;
}

/* FORMULAR DE CONTACT */

.wpcf7 form.sent .wpcf7-response-output, .wpcf7 form.invalid .wpcf7-response-output {
    border: none;
    color: #22792a;
    font-weight: 700;
    font-size: 16px;
    padding: 10px;
    text-align: center;
    margin: 0;
}

.wpcf7 form.invalid .wpcf7-response-output {
    color: red;
}

/*CHECKBOX SI CAPTCHA */

.form-row.checkbox-row span.wpcf7-list-item {
    margin: 0 !important;    
}

.form-row.checkbox-row a {
  text-decoration: underline;
}

.wpcf7-turnstile.cf-turnstile iframe {
    max-width: 100% !important;
}

/* HEADER */

header .header-horizontal-logo {
    background-color: white !important;
}

header .header-horizontal-logo::after {
    background-color: white !important;
}

header.templaza-header.templaza-horizontal-header.templaza-horizontal-justify-header.megamenu-trigger-hover {
    height: 87px !important;
}

header.templaza-header.templaza-horizontal-header.templaza-horizontal-justify-header.megamenu-trigger-hover > div:first-child {
    max-height: 100% !important;
}

img.templaza-logo-default {
    max-width: 70px !important;
    height: auto !important;
}

@media(min-width: 961px) {
    ul#menu-main-menu li.sf-custom-shop div.sub-menu {
        top: 86px !important;
    }    
}

ul.products li.product .price {
    display: none !important;
}

/*** VIZUALIZATE RECENT ***/

.templaza-history-products ul.products > li.product{
  height: auto;
}


/*** SHORT DESCRIPTION ***/


div.brosura-pagina-produs {
    background-color: black;
    padding: 30px 20px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin: 20px 0;
}


div.brosura-pagina-produs a {
  margin-top: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px;
  min-height: 44px;
  padding: 20px !important;
  background: #fdc71f !important;
  color: #111 !important;
  border: 1px solid #fdc71f !important;
  text-decoration: none !important;
  text-transform: uppercase !important;
  font-weight: 800 !important;
  letter-spacing: .6px !important;
  font-size: 16px !important;
  font-family: Arial;
  cursor: pointer !important;
  line-height: 18px;
  border: 1px solid #fdc71f !important;
  transition: background-color .45s ease-in-out, color .45s ease-in-out, border-color .45s ease-in-out !important;
}

div.brosura-pagina-produs a:hover {
  background: #111 !important;
  border-color: white !important;
  color: #fff !important;
}

div.imagine-short-description-produs {
    display: flex;
    justify-content: center;
    margin-bottom: 20px;
}

div.imagine-short-description-produs img {
    max-width: 330px !important;
}

.video_short_description_produs {
    display: flex;
    justify-content: center;
    flex-direction: column;
    gap: 20px;
    align-items: center;
    position: relative;
    width: 100%;
    padding-top: 56.25%;
    overflow: hidden;
}

.video_short_description_produs iframe {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
}

@media (max-width: 960px) {
  .video_container_short_description_produs {
    max-width: 700px !important;
    margin: 0 auto;
  }
}

/** ASCUNDERE TAB DESCRIERE **/

.woocommerce-tabs>ul.tabs {
    display: none !important;
}

.single-product div.product .woocommerce-tabs {
    margin-top: 20px !important;
}




/* LAYOUT PAGINA DE ARTICOL */
.single-post .post-layout {
    display: flex;
    gap: 30px;
}

.single-post .post-layout .post-content {
    width: 70%;
}

.single-post .post-layout .post-sidebar {
    width: 30%;
}

/* Clearfix */
.single-post .post-layout::after {
    content: "";
    display: table;
    clear: both;
}

/* Mobile: coloană unică */
@media (max-width: 768px) {
    .single-post .post-layout {
        flex-direction: column;
    }
    .single-post .post-layout .post-content,
    .single-post .post-layout .post-sidebar {
        width: 100%;
    }
}

/* Stil categorii – poți păstra CSS-ul tău deja */
#blog-categories-container {
    font-family: Arial, sans-serif;
    margin: 20px 0;
}
.desktop-categories {
    display: block;
}
.blog-categories {
    list-style: none;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
}
.blog-categories li {
    background: #f7f7f7;
    padding: 8px 12px;
    border-radius: 6px;
    transition: background 0.2s;
}
.blog-categories li a {
    text-decoration: none;
    color: #333;
    font-weight: 500;
}
.blog-categories li:hover {
    background: #f7c933;
}
.blog-categories li:hover a {
    color: #fff;
}
.mobile-categories {
    display: none;
}
.mobile-categories-select {
    width: 100%;
    padding: 8px 12px;
    border-radius: 6px;
    border: 1px solid #ccc;
    font-size: 16px;
    appearance: none;
    background-image: url("/wp-content/uploads/2026/01/bottom-arrow-svgrepo-com.svg");
    background-size: 10px 5px;
    background-color: #f7c933 !important;
}
@media (max-width: 768px) {
    .desktop-categories {
        display: none;
    }
    .mobile-categories {
        display: block;
    }
}

/** DESCRIERE PRODUS **/


div.woocommerce-Tabs-panel div.mgt-desc p:first-child {
    font-size: 20px;
    text-align: center;
    font-weight: 700;
    font-family: Arial;
}

div.woocommerce-Tabs-panel div.mgt-desc p {
    margin-bottom: 8px;
    margin-top: 0 !important;
}

div.woocommerce-Tabs-panel div.mgt-desc ul {
    margin: 0 0 10px;
    padding-left: 18px;
}





/* ==========================================================
   Simple + clean responsive tables inside .mgt-desc
   - Desktop: normal table (works for 2 or 4 columns)
   - Mobile: each <tr> becomes a card
            label is on top of value, FULL width, centered
   Primary color: #fdc71f
   ========================================================== */

/* ---------- Desktop / default ---------- */
.mgt-desc table{
  width:100%;
  border-collapse:collapse;
  margin:18px 0;
  background:#fff;
  border:1px solid #e9e9e9;
  border-radius:12px;
  overflow:hidden;
}

.mgt-desc table th,
.mgt-desc table td{
  padding:12px 14px;
  border-bottom:1px solid #ededed;
  vertical-align:top;
  line-height:1.35;
}

.mgt-desc table tbody tr:last-child > *{
  border-bottom:0;
}

/* header row (th colspan="...") */
.mgt-desc table th[colspan],
.mgt-desc table thead th{
  background:rgba(253,199,31,.18);
  font-weight:800;
  text-align:center;
}

/* label/value feel (2-col or 4-col) */
.mgt-desc table td:nth-child(odd){
  font-weight:700;
  background:#fafafa;
}

/* avoid ugly letter breaking on desktop too */
.mgt-desc table td,
.mgt-desc table th{
  word-break:normal;
  overflow-wrap:anywhere;
  hyphens:auto;
}

/* ---------- Mobile: cards ---------- */
@media (max-width: 768px){

  /* make tables behave like a list */
  .mgt-desc table,
  .mgt-desc table tbody{
    display:block;
    border:0;
    border-radius:0;
    background:transparent;
    margin:14px 0;
  }

  /* each row becomes a card */
  .mgt-desc table tbody tr{
    display:block;
    margin:0 0 14px;
    background:#fff;
    border:1px solid #e9e9e9;
    border-radius:12px;
    overflow:hidden;
  }

  /* first row: section title */
  .mgt-desc table tbody tr:first-child{
    background:rgba(253,199,31,.18);
  }
  .mgt-desc table tbody tr:first-child th{
    display:block;
    padding:14px 12px;
    border:0;
    text-align:center;
    font-weight:900;
  }

  /* reset cells to full width */
  .mgt-desc table td,
  .mgt-desc table th{
    display:block;
    width:100% !important;
    padding:12px 14px;
    border:0;
    background:transparent;
    text-align:center;
    box-sizing:border-box;
  }

  /* stack pairs: label then value (also works for 4 cells) */
  .mgt-desc table tbody tr:not(:first-child) td:nth-child(odd){
    font-weight:800;
    background:rgba(253,199,31,.12); /* less color */
    padding:10px 14px;
  }

  .mgt-desc table tbody tr:not(:first-child) td:nth-child(even){
    padding:10px 14px 14px;
  }

  /* subtle separators between label/value blocks */
  .mgt-desc table tbody tr:not(:first-child) td + td{
    border-top:1px solid #f0f0f0;
  }

  /* if row has 4 tds, separate the two pairs slightly */
  .mgt-desc table tbody tr:not(:first-child) td:nth-child(3){
    margin-top:6px;
  }
}

/*** STILIZARE COLOANE PAGINA PRODUS ***/

@media(min-width: 961px) {
    .single-product div.product .woocommerce-product-gallery {
        width: 60% !important;
    }   
    
    .single-product div.product .entry-summary {
        width: 40% !important;
    }
}

@media (min-width: 960px) {

  /* grid doar pe desktop */
  .single-product div.product{
    display: grid;
    grid-template-columns: minmax(0, 3fr) minmax(0, 2fr);
    column-gap: 40px;
    row-gap: 30px;
    align-items: start;
  }

  /* wrapper-ul temei care ține galeria+summary */
  .single-product div.product > .product-gallery-summary{
    display: contents;
  }

  /* GALERIE: stânga sus */
  .single-product div.product .woocommerce-product-gallery{
    grid-column: 1;
    grid-row: 1;
    float: none !important;
    width: auto !important;
    margin: 0 !important;
  }

  /* SUMMARY: dreapta, pe 2 rânduri */
  .single-product div.product .summary{
    grid-column: 2;
    grid-row: 1 / span 2;
    float: none !important;
    width: auto !important;
    margin: 0 !important;
    align-self: start;
  }

  /* TABs/DESCRIERE: sub galerie (stânga jos) */
  .single-product div.product > .woocommerce-tabs,
  .single-product div.product > .woocommerce-tabs.wc-tabs-wrapper{
    grid-column: 1;
    grid-row: 2;
    clear: none !important;
    width: auto !important;
  }

  /* PRODUSE ASEMĂNĂTOARE / UPSELLS: full width, dedesubt */
  .single-product div.product > .related,
  .single-product div.product > .upsells,
  .single-product div.product > .cross-sells{
    grid-column: 1 / -1;
  }
}

/***** PAGINA BRANDURI *****/

body.page-id-24708 div.templaza-wrapper div.uk-container > div.uk-grid {
    justify-content: center;
}

body.page-id-24708 section.koer-shape div.uk-container > div.uk-grid div.templaza-column {
    width: 100% !important;
}

body.page-id-24708 div#smooth-content section.templaza-section:nth-child(4) {
    padding-top: 0 !important;
}

.sf-custom-brands-container ul.brand-thumbnails {
    display: flex;
    align-items: stretch;
    flex-wrap: wrap;
    padding: 0 !important;
}

.sf-custom-brands-container ul.brand-thumbnails li {
    display: flex;
    justify-content: center;
    align-items: center;
}

@media(max-width: 578px) {
    .sf-custom-brands-container ul.brand-thumbnails {
       justify-content: center;
       gap: 20px;
    }

    .sf-custom-brands-container ul.brand-thumbnails li {
        min-width: 215px;
    }
}

.sf-custom-brands-container ul.brand-thumbnails li a {
    display: block;
}

body.page-id-24708 {
    height: 100% ;
}

body.page-id-24708  .templaza-wrapper {
    min-height: 100vh;
}

body.page-id-24708  .templaza-wrapper section.koer-shape {
    flex: 1 0 auto;
}

/*** FILTRARE DUPA BRANDURI ***/

.widget_brand_nav {
    margin-top: 70px !important;
}

.widget_brand_nav.widget_layered_nav h2 span{
    font-size: 22px !important;
}

ul.wc-brand-list-layered-nav-product_brand li.wc-layered-nav-term a::before {
        content: "";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    color: #FDC71F;
    padding-right: 10px;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
    margin-top: 2px;
}

.products-filter__options.products-filter--list.filter-list li.products-filter__option span.products-filter__option-name::before {
        content: "";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    color: #FDC71F;
    padding-right: 10px;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
    margin-top: 2px;    
}


.wc-block-product-filters__overlay-content h2 span {
    font-size: 22px !important;
}


/*** NEWSLETTER ***/

	
.sf-newsletter  p {
    display: flex !important;
    gap: 3px !important;
}

.sf-newsletter input.wpcf7-email {
	margin-top: 0;
}

.sf-newsletter .wpcf7-spinner {
	display: none !important;
}	


@media(max-width: 425px) {
    .sf-newsletter p {
        flex-direction: column !important;
    }
    

    .sf-newsletter input.wpcf7-submit {
        max-height: 40px;
        max-width: 115px;
        margin-top: -20px !important;
    }
}
	
	
@media(min-width:1024px) {
	.sf-newsletter input.wpcf7-submit {
		max-height: 46px !important;
		margin-top: 2px !important
	}	    
}

/** PAGINA CAUTARE **/

body.search-results .templaza-shop-filter {
    display: none !important;
}

body.search-results .templaza-section.koer-shape div.uk-container .templaza-column {
    width: 100% !important;
}

body.search-results .templaza-section.koer-shape div.uk-container .templaza-column ul.products {
    padding-left: 0 !important;
}

@media(min-width: 640px) and (max-width: 960px) {
    body.search-results .templaza-section.koer-shape div.uk-container .templaza-column ul.products {
        gap: 15px;
        justify-content: center;
    }    
    
    body.search-results .templaza-section.koer-shape div.uk-container .templaza-column ul.products li {
        flex: 0 0 calc(50% - 15px);
    }    
}


body.home ul.products li.product .product-thumbnail {
    max-width: 250px !important;
    margin: 0 auto !important;
}


/*** PAGINA 404 ***/

.templaza-error-page:before {
    background-color: transparent !important;
}

.section.sf-404-page .templaza-column {
    width: 100% important;
}

@media (min-width: 959px) and (max-width: 1023px) {
    body.home .asezare-laptop li.product {
        width: 50% !important;
    }

}

/* BANNER COOKIE - MI L RESCRIE ELEMENTORUL */

.cky-btn {
    flex: auto !important;
    max-width: 100% !important;
    font-size: 14px !important;
    font-family: inherit !important;
    line-height: 24px !important;
    padding: 8px !important;
    font-weight: 500 !important;
    border-radius: 2px !important;
    cursor: pointer !important;
    text-align: center !important;
    text-transform: none !important;
    min-height: 0 !important;
    overflow-wrap: break-word !important;
}

.cky-notice-btn-wrapper {
    display: flex !important;
    justify-content: flex-start !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
    margin-top: 16px !important;
}

a {
    cursor: pointer !important;
}


	div.sf-custom-brands ul.brand-thumbnails {
		gap: 20px !important;
		justify-content: center !important;
}
	
	div.sf-custom-brands ul.brand-thumbnails img {
		max-width: 190px !important;
}
	
	ul.products li.product .product-thumbnail {
    position: relative;
    height: 250px !important;
    min-height: 250px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

/* NUMERE TELEFON */

.contact-phone-mobile {
   display: none;
}

@media(min-width: 991px) {
    
    .sf-custom-contact-column > div {
        display: inline-block !important;
        margin-right: 10px !important;
    }
}

@media(max-width:991px) {
   .contact-phone-mobile {
       display:block;
   }
   
   .contact-phone-desktop {
        display: none !important;
   }
}