/*
 * Custom code goes here.
 * A template should always ship with an empty custom.css
 */

/* ==============================================================
   BUTOANE Default & Call To Action – colțuri rotunjite + font
   ============================================================== */
/* Rotunjire doar pentru butoane de tip .btn (Warehouse/PS) */
.btn,
input.btn,
a.btn{
  border-radius: 6px !important;}
/* Primary + Secondary Button */
.btn.btn-primary,
.btn-primary,
button.btn-primary,
a.btn-primary,
.btn.btn-secondary,
.btn-secondary,
button.btn-secondary,
a.btn-secondary,
/* Checkout confirm */
button#confirm_order {
  font-size: 16px;
  font-weight: 600;
  letter-spacing: .3px;}
/* Mobile fine tuning */
@media (max-width: 768px) {
  .btn.btn-primary,
  .btn.btn-secondary,
  button.add-to-cart,
  button#confirm_order {
    font-size: 14px;  }}

/* ====================================
   LOGO DESKTOP
   ================================== */
#desktop-logo,
.header-logo,
#_desktop_logo {
  max-height: 85px !important;
  height: 85px !important;
  overflow: hidden !important;
  display: flex !important;
  align-items: center !important;}
#desktop-logo img.logo,
.header-logo img,
#_desktop_logo img,
img.logo.img-fluid {
  height: 85px !important;
  max-height: 85px !important;
  width: auto !important;}

/* ====================================
   LOGO MOBIL
   ================================== */
@media (max-width: 767px) {
  #desktop-logo,
  .header-logo,
  #_desktop_logo {
    max-height: 62px !important;
    height: 62px !important;  }
  #desktop-logo img.logo,
  .header-logo img,
  #_desktop_logo img,
  img.logo.img-fluid {
    height: 62px !important;
    max-height: 62px !important;
    width: auto !important;  }}

/* =========================
   ICON CONTUL MEU
   ========================= */
.header-user-btn .fa-user:before{
  content: "\f007";        /* user (Font Awesome existent) */
  font-size: 26px;         /* marime icon */
  color: #1b3c59;          /* culoare normala */}
/* hover user */
.header-user-btn:hover .fa-user:before{
  color: #c81011;}

/* ====================================
   ICON COS
   ================================== */
#cart-toggle .icon:before,
.header-cart-btn .icon:before{
  content: "\f217" !important; /* cart-plus */
  font-size: 26px;             /* marime icon */
  color: #1b3c59;              /* culoare normala */}
/* hover cos */
#cart-toggle:hover .icon:before,
.header-cart-btn:hover .icon:before{
  color: #c81011;}

/* ====================================
   SEARCH BAR - rotunjire
   ================================== */
.search-widget .input-group {
  border-radius: 15px;
  overflow: hidden; /* IMPORTANT */}
/* input text */
.search-widget .form-control {
  border-radius: 15px 15px 15px 15px !important;}
/* buton lupa */
.search-widget .search-btn {
  border-radius: 15px 15px 15px 15px !important;}

/* =====================================================
   Badge-uri - DESIGN rotunjit pentru toate
   ===================================================== */
.badge,
.badge-success,
.badge-danger,
.badge-warning,
.badge-info,
.badge-primary,
.badge-secondary {
  border-radius: 4px;}
.product-flag,
.product-flags li {
  border-radius: 4px;}
#product-availability,
.product-availability {
  border-radius: 4px;}
.discount,
.discount-amount {
  border-radius: 4px;}

/* ==============================================================
   PAGINA DE COS - Badge si Pret produs si Pret total - DESIGN 
   ============================================================== */
/* Badge discount in cos */
#cart .cart-item .discount.discount-amount,
body#cart .cart-item .discount.discount-amount{
  font-size: 12px;
  padding: 2px 6px;
  font-weight: 600;}
/* Pret produs (unitate) in cos */
#cart .cart-item .unit-price .value,
body#cart .cart-item .unit-price .value{
  font-size: 16px;
  font-weight: 700;}
/* Pret produs (total pe linie) in cos */
#cart .cart-item .product-price strong,
body#cart .cart-item .product-price strong{
  font-size: 16px;
  font-weight: 700;}
/* Total (inclusiv TVA) in cos */
#cart .cart-summary-line.cart-total .label,
body#cart .cart-summary-line.cart-total .label{
  font-size: 16px;
  font-weight: 600;
  opacity: 0.85;}

/* ==============================================================
   CART (dropdown in header)
   ============================================================== */
.ps-shoppingcart.dropdown .cart-totals .label,
.ps-shoppingcart.dropdown .cart-totals .value{
  font-size: 16px;
  font-weight: 600;}

/* ==========================================
   CART Drop Down - design
   ========================================== */
#_desktop_blockcart-content .cart-buttons{
  display: flex;
  flex-direction: column-reverse; /* Vezi cos sus */
  gap: 10px;                      /* distanta intre butoane */}
#_desktop_blockcart-content .cart-buttons a.btn{
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 44px;               /* ajustezi aici */
  line-height: 1;}
/* rând produs din dropdown */
#_desktop_blockcart-content .cart-products .row{
  align-items: flex-start !important;}
/* coloana imaginii */
#_desktop_blockcart-content .cart-products .product-image,
#_desktop_blockcart-content .cart-products .product-image img,
#_desktop_blockcart-content .cart-products .col-3{
  align-self: flex-start !important;}
/* elimina centrarile verticale impuse de tema */
#_desktop_blockcart-content .cart-products span.product-image{
  display: block;}

/* ====================================
   CART - HEADER impreuna cu Theme.js
   ==================================== */
/* continutul din interior */
.ps-shoppingcart.dropdown .blockcart-content{
  width: 950%;}
/* sa fie peste alte elemente (banner/meniuri) */
.ps-shoppingcart.dropdown #blockcart-content{
  z-index: 1000;}

/* =========================================================
   Latime FIXA pentru butonul rosu "Produse" in aero-shop.ro
   ========================================================= */
.cbp-vertical-on-top{
  width: 320px !important;
  min-width: 320px !important;
  max-width: 320px !important;
  /* daca e intr-un header flex, asta e cheia */
  flex: 0 0 320px !important;}
/* 2) butonul rosu sa umple containerul */
.cbp-vertical-on-top .cbp-vertical-title{
  width: 100% !important;
  box-sizing: border-box;}
/* 3) textul sa nu “rupa” randul */
.cbp-vertical-on-top .cbp-vertical-title-text{
  white-space: nowrap;}

/* =========================================================
   LISTING – ZOOM FOARTE FIN PE HOVER (DOAR DESKTOP)
========================================================= */
@media (min-width: 1200px) {
  /* container imagine */
  #category .product-miniature .thumbnail-container,
  #search .product-miniature .thumbnail-container {
    overflow: hidden;  }
  /* imagine */
  #category .product-miniature img,
  #search .product-miniature img {
    transition: transform 0.3s ease;
    transform-origin: center center;  }
  /* zoom mic, discret */
  #category .product-miniature:hover img,
  #search .product-miniature:hover img {
    transform: scale(1.06);  }}

/* =========================================================
   LISTING – badge discount stanga jos 
========================================================= */
/* container imagine = referință */
.product-miniature .thumbnail-container {
  position: relative;}
/* poziționare badge în stânga jos */
.product-miniature .product-flags {
  position: absolute;
  bottom: 8px;
  left: 8px;
  top: auto;
  right: auto;
  z-index: 5;}

/* =====================================================
   LISTING – Butoane full width (Adauga in cos + Vezi)
===================================================== */
/* container buton */
.products-grid .product-add-cart {
  width: 95%;
  margin-bottom: 8px;}
/* full width pentru form / button */
.products-grid .product-add-cart form,
.products-grid .product-add-cart .input-group-add-cart,
.products-grid .product-add-cart button,
.products-grid .product-add-cart > a.btn,
.products-grid .product-add-cart > a.btn-product-list {
  width: 100%;}
/* stil unitar pentru butoane */
.products-grid .product-add-cart button,
.products-grid .product-add-cart > a.btn,
.products-grid .product-add-cart > a.btn-product-list {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 8px 10px;
  border-radius: 4px;
  font-weight: 600;}

/* =====================================================
   LISTING – Spatiu deasupra si sub pret
===================================================== */
.products-grid .product-price-and-shipping {
  margin: 10px 0; /* sus | jos */}

/* =====================================================
   LISTING – Icon cos identic cu header
===================================================== */
/* butonul Adauga in cos: aliniere icon + text */
.products-grid .product-add-cart button {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;}
/* ascunde iconul existent (shopping-bag) */
.products-grid .product-add-cart button i.fa {
  display: none !important;}
/* pune iconul ca in header */
.products-grid .product-add-cart button::before {
  content: "\f217";                 /* cart-plus */
  font-family: "FontAwesome" !important;
  font-size: 18px;
  line-height: 1;}

/* =========================================================
   LISTING – box produs cu colturi rotunjite
========================================================= */
.products-grid article.product-miniature{
  border-radius: 5px;
  overflow: hidden; /* IMPORTANT – taie continutul la colturi */
  background: #fff;}

/* ===================================================================
   LISTING - CHENAR SI DESIGN - module de filtrare Layered Navigation
   =================================================================== */
/* ---------- PM ADVANCED SEARCH ---------- */
#left-column [id^="PM_ASBlock_"]{
  background: transparent;
  border: 0;
  box-shadow: none;}
/* card intern */
#left-column [id^="PM_ASBlock_"] .card,
#left-column [id^="PM_ASBlock_"] .card-header,
#left-column [id^="PM_ASBlock_"] .card-body,
#left-column [id^="PM_ASBlock_"] .card-block{
  background: transparent;
  border: 0;
  box-shadow: none;
  padding-left: 0;
  padding-right: 0;}
/* ascunde titlul general PM (optional, sigur) */
#left-column [id^="PM_ASBlock_"] .card-header{
  display: none;}
/* ---------- FACETED SEARCH (ps_facetedsearch) ---------- */
#left-column #search_filters,
#left-column #search_filters_wrapper{
  background: transparent;
  border: 0;
  box-shadow: none;}
/* titluri de grup (linie subtire jos) */
#left-column #search_filters .facet-title,
#left-column #search_filters .h6{
  border-top: 0;
  border-left: 0;
  border-right: 0;
  border-bottom: 1px solid #ddd;
  padding-bottom: 6px;
  margin-bottom: 8px;}

/* =====================================================
   LISTING - Ascunde badge-ul "Stoc epuizat" din listing
   ===================================================== */
.product-miniature-grid .product-availability,
.product-miniature .product-availability {
  display: none !important;}

/* =====================================================
   LISTING - Ascunde eticheta de produs nou
   ===================================================== */
.product-flag.new {
  display: none !important;}

/* =====================================================
   LISTING - Scoate iconita (bifa) din disponibilitate
   ===================================================== */
.product-miniature .product-availability .fa,
.product-miniature .product-availability i,
.product-miniature .product-availability .material-icons {
  display: none !important;}

/* =====================================================================================
   PAGINA PRODUS - Scoatem iconita "bifa" din fata lui "In stoc" pe pagina de produs
   ===================================================================================== */
body#product #product-availability .fa-check,
body#product #product-availability i.fa {
  display: none !important;}

/* =====================================================
   PAGINA PRODUS - COLOANE (stabilire dimensiuni)
   ===================================================== */
@media (min-width: 992px){
  .product-info-row > .col-product-image{ width: 40%; }
  .product-info-row > .product-sidebar{  width: 30%; }
  .product-info-row > .col-product-info{ width: 30%; }}

/* =========================================================
   PAGINA PRODUS - CARD MULTI-ACCESORII – fundal alb
========================================================= */
#product #group_accessories{
  background: #ffffff !important;
  border-radius: 4px !important;
  padding: 12px 14px !important;
  margin: 0 0 12px !important;
  box-shadow: 0 0 0 1px rgba(0,0,0,0.06);}
/* Titlu "Poti adauga si" – marime mai mica si eleganta */
#product #group_accessories h3{
  font-size: 15px !important;   /* incearca 14px / 15px / 16px */
  font-weight: 600 !important;
  color: #333;
  margin-bottom: 10px;}
/* Accesorii – text mai compact */
#product .block_accessory_name{
  line-height: 1.2 !important;   /* distanta mai mica intre randuri */
  font-size: 13px;              /* optional, daca vrei si mai mic */
  margin-bottom: 4px;}
/* Pret - bolduit */
#product #group_accessories .accessory_price span {
  font-weight: 700 !important;}

/* =========================================================
   PAGINA PRODUS - BADGE - Garantie
========================================================= */
.product-warranty-badge{
  background:#333;
  color:#fff;
  font-size:13px;
  padding:2px 6px;        /* mai mic pe verticală */
  border-radius:3px;
  font-weight:500;
  line-height:1.2;       /* taie înălțimea internă */
  white-space:nowrap;
  display:inline-flex;
  align-items:center;}

/* =========================================================
   PAGINA PRODUS – ascunde titlul blocului HTML "Beneficii"
========================================================= */
/* ascunde DOAR titlul blocului HTML din zona Product Info (dreapta) */
body#product #col-product-info [id^="iqithtmlandbanners-block-"] .block-title{
  display:none !important;}

/* ==========================================================================
   PAGINA PRODUS – Caracteristici principale (in Sidebar)
   impreuna cu modificari in /themes/warehouse/templates/catalog/product.tpl
============================================================================== */
/* container general */
#product .key-specs-card{
  background: transparent;
  border: none;
  padding: 0;
  margin: 8px 0 12px;}
/* lista */
#product .key-specs-list{
  list-style: none;
  padding: 0;
  margin: 0;}
/* rand caracteristica */
#product .key-specs-row{
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 10px;
  padding: 4px 0;                  /* ⬅ randuri apropiate */
  border-bottom: 1px solid #eaeaea; /* ⬅ linie subtire */}
/* fara linie la ultimul rand */
#product .key-specs-row:last-child{
  border-bottom: none;}
/* nume caracteristica */
#product .key-specs-name{
  font-size: 13px;     /* ⬅ modifica marimea */
  font-weight: 400;    /* ⬅ grosime text */
  color: #666;}
/* valoare caracteristica */
#product .key-specs-val{
  font-size: 13px;     /* ⬅ modifica marimea */
  font-weight: 600;    /* ⬅ valoarea mai accentuata */
  color: #333;
  text-align: right;
  white-space: nowrap;}

/* =========================================================
   PAGINA PRODUS – badge "Stoc limitat"
========================================================= */
#product-availability.product-last-items {
  background-color: #009900 !important;
  color: #fff !important;
  border-color: transparent !important;}
/* iconita din badge */
#product-availability.product-last-items i {
  color: #fff !important;}

/* =========================================================
   PAGINA PRODUS – badge discount eliminat de pe poza produs
========================================================= */
#product .product-flags .discount,
#product .product-flags .badge-discount,
#product .product-flags .product-flag.discount {
  display: none !important;}

/* =======================================================================
   PAGINA PRODUS - DESCRIERE SCURTA
   ======================================================================= */
#col-product-info .product-description {
    font-size: 15px;
    line-height: 1.5;
    text-align: justify;}
@media (max-width: 768px){
    #col-product-info .product-description {
        font-size: 13px;
        text-align: justify;    }}

/* =======================================================================
   PAGINA PRODUS - Ascunde textul "Include TVA" din pagina de produs
   ======================================================================= */
#product .tax-shipping-delivery-label {
    font-size: 0;}
#product .tax-shipping-delivery-label .delivery-information {
    font-size: 14px; /* revine doar livrarea */}

/* =======================================================================
   PAGINA PRODUS - ALINIERE BUTOANE ADAUGA_IN_COS, COMPARA ... (PE MOBIL)
   ======================================================================= */
@media (max-width: 768px){
  .product-add-to-cart .row{
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center;
    gap: 6px;  }
  .product-add-to-cart .col-add-qty{
    flex: 0 0 70px;
    max-width: 70px;  }
  .product-add-to-cart .col-add-btn{
    flex: 1 1 auto;
    max-width: none;  }
  .product-add-to-cart .col-add-wishlist,
  .product-add-to-cart .col-add-compare{
    flex: 0 0 45px;
    max-width: 45px;  }
  .product-add-to-cart .col-add-wishlist .btn,
  .product-add-to-cart .col-add-compare .btn{
    width: 45px;
    height: 45px;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;  }}

/* =======================================================================
   PAGINA PRODUS - TITLU PRODUS sub breadcrumb – aliniere + tipografie
   ======================================================================= */
.h1-under-breadcrumb {
  max-width: 1540px;
  margin: 6px auto 16px;
  padding: 0 15px;
  font-family: "Open Sans", system-ui, -apple-system, "Segoe UI", Arial, sans-serif;
  font-size: 24px;
  font-weight: 400;     /* mai elegant decât 700 */
  line-height: 1.2;
  letter-spacing: 0px;
  color: #1a1a1a;}

/* ==============================================================================
   MENIU - BUTON SIMPLU – TEXT (ACV si ACM si Aero-Shop) - capacitati in meniu
   ============================================================================= */
.simple-btn{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 130px;
  height: 36px;
  margin-bottom: 5px;
  background: #f9f9f9;
  border: 1px solid #e4e4e4;
  border-radius: 5px;
  text-decoration: none;
  font-size: 15px;
  font-weight: 500;
  color: #222;
  transition: background .2s ease,
              border-color .2s ease,
              color .2s ease;
}

/* mentinem border normal */
.simple-btn{
  border: 1px solid #e4e4e4;
  box-sizing: border-box;
}

/* hover FARA border rosu */
a.simple-btn:hover,
.simple-btn:hover{
  background: #f1f1f1;
  border: 1px solid #e4e4e4 !important; /* ← eliminat rosu + 2px */
  box-shadow: 0 6px 18px rgba(0,0,0,.12);
  transform: translateY(-2px);
}


/* ==================================================================
   MENIU - BUTON PRINCIPAL (Img + txt) - (ACV si ACM) (card)
   ================================================================== */
.model-card{
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  width: 200px;
  height: 180px;
  padding: 1px;
  background: #f5f5f5;
  border: 1px solid #e4e4e4;
  border-radius: 5px;
  text-decoration: none;
  transition: background .25s ease,
              border-color .25s ease,
              box-shadow .25s ease,
              transform .25s ease;}
/* titlu sus */
.model-title{
  font-size: 16px;
  font-weight: 600;
  color: #3f3f3f;
  margin-bottom: 10px;}
/* container imagine */
.model-image{
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;}
.model-image img{
  max-width: 100%;
  max-height: 200px;
  object-fit: contain;}
/* hover peste card */
.model-card:hover{
  background: #f1f1f1;
  border: 2px solid #c81011;
  box-shadow: 0 6px 18px rgba(0,0,0,.12);
  transform: translateY(-2px);}
/* text sus la hover */
.model-card:hover .model-title{
  color: #000;}


/* =============================================
   MENIU – CARD aero-shop.ro (tot cardul click)
   ============================================= */
.menu-card{
  position: relative;              /* necesar pt overlay */
  display:flex;
  align-items:center;
  gap:12px;
  padding:8px 14px;
  padding-top: 10px;
  padding-bottom: 10px;
  margin-bottom:13px;
  background:#f9f9f9;
  border:1px solid #e4e4e4;
  border-radius:6px;
  transition: background .2s ease, border-color .2s ease;}
/* overlay: link pe tot cardul */
.menu-card > .menu-card-link{
  position:absolute;
  inset:0;
  z-index:3;
  border-radius:6px;               /* ca sa respecte round */
  text-indent:-9999px;
  overflow:hidden;}
/* continutul sta deasupra vizual, dar click-ul e pe overlay */
.menu-card .menu-icon-box,
.menu-card .menu-right{
  position: relative;
  z-index:2;}
/* ca sa NU mai “asculte” linkurile interne (click-ul sa fie doar pe overlay) */
.menu-card .menu-icon-link,
.menu-card .menu-title-link{
  pointer-events:none;}
/* icon box – pastrez exact stilul tau */
.menu-icon-box{
  width:90px;
  height:72px;
  display:flex;
  align-items:center;
  justify-content:center;
  flex:0 0 auto;
  overflow:hidden;
  background:#fff;
  border:1px solid #e9e9e9;
  border-radius:4px;
  transition: background .2s ease, border-color .2s ease, transform .2s ease;}
.menu-icon-box img{
  max-height:46px;
  width:auto;
  display:block;
  object-fit:contain;
  transform:scale(1.08);}
.menu-right{ flex:1 1 auto; min-width:0; }
.menu-title-row{
  display:flex;
  align-items:center;
  gap:6px;
  min-width:0;}
.menu-title-link{
  flex:1 1 auto;
  min-width:0;
  font-size:15px;
  font-weight:600;
  line-height:1.15;
  color:#333;
  text-decoration:none;}
.menu-subtitle{
  margin-top:8px;
  font-size:13px;
  color:#777;
  line-height:1.1;}
/* badge – pastrez */
.menu-badge{
  flex:0 0 auto;
  font-size:11px;
  font-weight:600;
  padding:3px 6px;
  border-radius:3px;
  text-transform:uppercase;
  line-height:1;}
.menu-badge.promo{ background:#ff5722; color:#fff; }
.menu-badge.info{  background:#005ea8; color:#fff; }
.menu-badge.sale{  background:#d32f2f; color:#fff; }
.menu-badge.nou{   background:#2e7d32; color:#fff; }
/* HOVER – exact ca la tine */
.menu-card:hover{
  background:#e9e9e9;
  border-color:#B7C9E2;}
.menu-card:hover .menu-icon-box{
  background:#e5e5e5;
  border-color:#dcdcdc;
  transform: translateY(-1px);}
.menu-card:hover .menu-title-row > .menu-title-link {
  color: #005ea8 !important;}

/* ==============================================
   MENIU - CARD(BUTON) IMAGINE (rezidentiale)
   ============================================== */
.img-btn{
  display: inline-flex;          /* flex pentru centrare */
  align-items: center;           /* centrare verticala */
  justify-content: center;       /* centrare orizontala */
  width: 150px;                  /* latime fixa */
  height: 120px;                  /* controlezi inaltimea AICI */
  margin-bottom: 6px;
  background: #f9f9f9;
  border: 1px solid #f1f1f1;
  border-radius: 2px;
  text-decoration: none;
  /* FONT */
  font-size: 15px;
  font-weight: 500;
  color: #222;
  transition: background .2s ease, border-color .2s ease, color .2s ease;}
/* mouse over */ .img-btn:hover{ background: #e9e9e9; border-color: #e1e1e1; color: #000; /* text putin mai inchis la hover */ }
/* rand 3 butoane pe mobil */
.img-btn-row{
  display: flex;
  gap: 8px;}

/* =====================================================
   MENIU VERTICAL – hover cu miscare + bold REAL
===================================================== */
.cbp-vertical-on-top .cbp-hrmenu-tab > a {
  display: block;
  transition: transform 0.2s ease;}
.cbp-vertical-on-top .cbp-hrmenu-tab > a span,
.cbp-vertical-on-top .cbp-hrmenu-tab > a .cbp-tab-title {
  font-weight: 400;
  transition: font-weight 0.2s ease;}
.cbp-vertical-on-top .cbp-hrmenu-tab:hover > a {
  transform: translateX(8px);}
.cbp-vertical-on-top .cbp-hrmenu-tab:hover > a span,
.cbp-vertical-on-top .cbp-hrmenu-tab:hover > a .cbp-tab-title {
  font-weight: 600;}