html body.category-id-498 #js-product-list,
html body.category-id-498 #products-list,
html body.category-id-498 .products-selection,
html body.category-id-498 .sort-by-row,
html body.category-id-498 .products-sort-order,
html body.category-id-498 nav.pagination,
html body.category-id-498 .pagination {
display: none !important;
}
html body.category-id-498 #subcategories {
max-width: 100% !important;
margin: 30px auto !important;
padding: 20px !important;
}
html body.category-id-498 ul.subcategories-list {
display: grid !important;
grid-template-columns: repeat(4, 1fr) !important;
gap: 25px !important;
list-style: none !important;
padding: 0 !important;
margin: 0 !important;
}
html body.category-id-498 ul.subcategories-list > li {
border: 2px solid #f0f0f0 !important;
border-radius: 12px !important;
padding: 25px !important;
text-align: center !important;
background: #fff !important;
list-style: none !important;
width: auto !important;
margin: 0 !important;
box-sizing: border-box !important;
min-height: 320px !important;
display: flex !important;
flex-direction: column !important;
justify-content: center !important;
align-items: center !important;
transition: all 0.3s !important;
}
html body.category-id-498 ul.subcategories-list > li:hover {
border-color: #0046BE !important;
box-shadow: 0 5px 20px rgba(0,0,0,0.08) !important;
transform: translateY(-3px) !important;
}
html body.category-id-498 .subcategory-image {
width: 100% !important;
max-width: 220px !important;
height: 220px !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
margin: 0 auto !important;
}
html body.category-id-498 .subcategory-image a {
display: flex !important;
align-items: center !important;
justify-content: center !important;
width: 100% !important;
height: 100% !important;
}
html body.category-id-498 .subcategory-image img {
width: 100% !important;
height: 100% !important;
max-width: 220px !important;
max-height: 220px !important;
object-fit: contain !important;
object-position: center !important;
display: block !important;
}
html body.category-id-498 .subcategories-list h5 {
margin-top: 20px !important;
margin-bottom: 0 !important;
}
html body.category-id-498 .subcategories-list h5 a.subcategory-name {
font-size: 16px !important;
font-weight: 600 !important;
color: #1a1a1a !important;
display: block !important;
text-decoration: none !important;
}
html body.category-id-498 .subcategories-list h5 a.subcategory-name:hover {
color: #0046BE !important;
}
@media (max-width: 768px) {
html body.category-id-498 ul.subcategories-list {
grid-template-columns: repeat(2, 1fr) !important;
}
html body.category-id-498 .subcategory-image {
max-width: 150px !important;
height: 150px !important;
}
}
/* Ascunde banner-ul de reclama PrestaShop din coloane (categorii/produse) */
.advertising-block,
#left-column .advertising-block,
#right-column .advertising-block,
#left-column #ps_advertising,
.module-ps_advertising {
display: none !important;
}
/* Pagina produsului - text titlu/pret/descriere vizibil pe fundal alb */
body#product .product-information,
body#product .product-prices,
body#product .product-description,
body#product .product-actions,
body#product .product-detail-name,
body#product h1,
body#product h1.h1,
body#product h1.product-title,
body#product .product-name,
body#product .current-price,
body#product .price,
body#product .product-price,
body#product .regular-price,
body#product .has-discount .regular-price,
body#product .product-description-short,
body#product .product-information label,
body#product .tax-shipping-delivery-label {
color: #222 !important;
}
body#product .current-price,
body#product .current-price-value,
body#product .product-price,
body#product .product-prices .product-price,
body#product .price,
body#product .product-prices .value,
body#product .product-information .value,
body#product .product-detail-name + * .value,
body#product [itemprop="price"],
body#product [content] {
color: #111 !important;
font-weight: 700 !important;
}
body#product .product-prices,
body#product .product-prices * {
color: #111 !important;
}
/* Pos Banner - text aliniat jos, titlu bold 900, font mai mic */
.home-banner .banner-content {
justify-content: flex-end !important;
padding-bottom: 25px !important;
}
.home-banner .banner-title,
.home-banner .banner-title2 {
font-weight: 900 !important;
font-size: 24px !important;
line-height: 1.2 !important;
}
/* Pos Product Tabs Widget - latime maxima pe mobil cu padding mic in parti */
@media (max-width: 991px) {
/* Sectiunea/widget-ul ocupa 100% cu 15px padding lateral pentru produse */
.elementor-section:has(.pos-producttabs-widget) > .elementor-container {
padding-left: 15px !important;
padding-right: 15px !important;
max-width: 100% !important;
width: 100% !important;
box-sizing: border-box !important;
}
.elementor-section:has(.pos-producttabs-widget),
.elementor-column:has(.pos-producttabs-widget),
.elementor-column:has(.pos-producttabs-widget) > .elementor-element-populated,
.elementor-widget-pos_tab_products,
.elementor-widget-pos_tab_products > .elementor-widget-container,
.pos-producttabs-widget {
max-width: 100% !important;
width: 100% !important;
padding-left: 0 !important;
padding-right: 0 !important;
margin-left: 0 !important;
margin-right: 0 !important;
box-sizing: border-box !important;
overflow-x: hidden !important;
}
/* Card-urile de produse umplu tot spatiul disponibil pe mobil */
.pos-producttabs-widget .pos-product-content,
.pos-producttabs-widget .product-miniature,
.pos-producttabs-widget .item-product,
.pos-producttabs-widget .item {
width: 100% !important;
max-width: 100% !important;
box-sizing: border-box !important;
}
/* Titlul widget-ului mai mic pe mobil cu padding lateral mai mare */
.pos-producttabs-widget .pos-title,
.pos-producttabs-widget .pos-title-text,
.pos-producttabs-widget h2,
.pos-producttabs-widget h3,
.elementor-widget-pos_tab_products .pos-title,
.elementor-widget-pos_tab_products h2,
.elementor-widget-pos_tab_products h3 {
font-size: 20px !important;
line-height: 1.3 !important;
word-break: break-word !important;
padding-left: 35px !important;
padding-right: 60px !important;
box-sizing: border-box !important;
}
/* Slide / lista produse fara overflow */
.pos-producttabs-widget .product-list,
.pos-producttabs-widget .owl-stage-outer,
.pos-producttabs-widget .owl-carousel,
.pos-producttabs-widget .swiper-container,
.pos-producttabs-widget .swiper-wrapper {
max-width: 100% !important;
width: 100% !important;
overflow-x: hidden !important;
box-sizing: border-box !important;
}
}
/* Header mobil - toate iconurile aliniate vertical (hamburger, lupa, logo, profil, cart) */
@media (max-width: 767px) {
body .elementor-element-1ee52cf3 .elementor-widget-wrap {
display: flex !important;
flex-direction: row !important;
flex-wrap: nowrap !important;
align-items: center !important;
justify-content: flex-start !important;
gap: 12px !important;
}
body .elementor-element-1ee52cf3 .elementor-widget-wrap > .elementor-widget {
width: auto !important;
flex: 0 0 auto !important;
margin: 0 !important;
}
/* Sectiunea mobila - randul si coloanele aliniate vertical pe centru */
body .elementor-element-280fda24 > .elementor-container,
body .elementor-element-280fda24 .elementor-row {
align-items: center !important;
}
body .elementor-element-280fda24 .elementor-column,
body .elementor-element-280fda24 .elementor-element-populated {
align-items: center !important;
justify-content: center !important;
}
body .elementor-element-280fda24 .elementor-column .elementor-widget-wrap {
align-content: center !important;
align-items: center !important;
}
}
/* Elementor Icon Box - icoana pe aceeasi linie cu textul (global) */
html body .elementor-widget-icon-box .elementor-icon-box-wrapper,
html body .elementor-icon-box-wrapper {
display: flex !important;
flex-direction: row !important;
align-items: center !important;
justify-content: flex-start !important;
gap: 10px !important;
text-align: left !important;
}
html body .elementor-widget-icon-box .elementor-icon-box-icon,
html body .elementor-icon-box-wrapper > .elementor-icon-box-icon {
flex: 0 0 auto !important;
margin: 0 !important;
margin-bottom: 0 !important;
width: auto !important;
}
html body .elementor-widget-icon-box .elementor-icon-box-content,
html body .elementor-widget-icon-box .elementor-icon-box-title,
html body .elementor-icon-box-wrapper > .elementor-icon-box-content {
text-align: left !important;
margin: 0 !important;
flex: 1 1 auto !important;
}
/* Footer mobil - icoane si font mai mici sa nu sara peste rinduri */
@media (max-width: 767px) {
#footer,
.js-footer,
.footer-container {
font-size: 13px !important;
}
#footer p,
#footer a,
#footer span,
#footer li,
.footer-container p,
.footer-container a,
.footer-container li {
font-size: 13px !important;
line-height: 1.4 !important;
word-break: break-word !important;
}
#footer h3,
#footer h4,
#footer .footer-title,
.footer-container h3,
.footer-container h4 {
font-size: 14px !important;
}
/* Iconuri (FontAwesome / material / svg) mai mici */
#footer i,
#footer .fa,
#footer svg,
#footer .icon,
.footer-container i,
.footer-container .fa,
.footer-container svg {
font-size: 16px !important;
width: auto !important;
height: auto !important;
}
/* Iconite social cu fundal galben - mai mici */
#footer .pos-socials a,
#footer .social-icon,
#footer .social-link,
.footer-container .pos-socials a {
width: 32px !important;
height: 32px !important;
line-height: 32px !important;
font-size: 14px !important;
}
/* Logo mai mic */
#footer .footer-logo img,
#footer .logo img {
max-width: 180px !important;
height: auto !important;
}
}
/* Mobile: text jos, centrat orizontal */
@media (max-width: 991px) {
.home-banner .banner-content {
justify-content: flex-end !important;
align-items: center !important;
text-align: center !important;
padding-bottom: 15px !important;
}
html body .home-banner .banner-title,
html body .home-banner .banner-title2,
html body .home-banner p.banner-title,
html body .home-banner p.banner-title2 {
font-weight: 900 !important;
font-size: 26px !important;
line-height: 1.2 !important;
}
/* Card late, simetric stanga/dreapta */
.elementor-section:has(.elementor-widget-pos_banner),
.elementor-section:has(.elementor-widget-pos_banner) > .elementor-container {
padding-left: 8px !important;
padding-right: 8px !important;
margin-left: 0 !important;
margin-right: 0 !important;
box-sizing: border-box !important;
max-width: 100% !important;
width: 100% !important;
}
.elementor-column:has(.elementor-widget-pos_banner),
.elementor-column:has(.elementor-widget-pos_banner) > .elementor-column-wrap,
.elementor-column:has(.elementor-widget-pos_banner) > .elementor-element-populated,
.elementor-column:has(.elementor-widget-pos_banner) > .elementor-column-wrap > .elementor-widget-wrap {
padding-left: 0 !important;
padding-right: 0 !important;
margin-left: 0 !important;
margin-right: 0 !important;
width: 100% !important;
box-sizing: border-box !important;
}
.elementor-widget-pos_banner,
.elementor-widget-pos_banner > .elementor-widget-container {
padding-left: 0 !important;
padding-right: 0 !important;
margin-left: 0 !important;
margin-right: 0 !important;
width: 100% !important;
box-sizing: border-box !important;
}
.home-banner {
width: 100% !important;
margin: 0 !important;
box-sizing: border-box !important;
}
}
/* Megamenu - dropdown ancorat sub bara de meniu */
#_desktop_megamenu {
position: relative !important;
}
#_desktop_megamenu .pos-menu-horizontal {
position: static !important;
}
#_desktop_megamenu .pos-menu-horizontal .menu-content .menu-item {
position: static !important;
}
/* Dropdown de nivel 1 - lat cat containerul meniului, direct sub bara */
#_desktop_megamenu .menu-item > .menu-dropdown {
position: absolute !important;
top: 100% !important;
left: 0 !important;
right: 0 !important;
width: 100% !important;
max-width: 100% !important;
margin: 0 !important;
padding: 0 !important;
background: #fff !important;
z-index: 9999 !important;
}
/* TOP-LEVEL pos-sub-inner: GRID cu 4 coloane (predictibil) */
#_desktop_megamenu .menu-item > .menu-dropdown > .pos-sub-inner {
width: 100% !important;
max-width: 1410px !important;
margin: 0 auto !important;
padding: 25px 30px !important;
background: #fff !important;
box-shadow: none !important;
list-style: none !important;
display: grid !important;
grid-template-columns: repeat(4, 1fr) !important;
gap: 4px 30px !important;
column-count: auto !important;
box-sizing: border-box !important;
}
#_desktop_megamenu .menu-item > .menu-dropdown > .pos-sub-inner > li {
display: block !important;
list-style: none !important;
margin: 0 !important;
padding: 0 !important;
border: none !important;
position: relative !important;
}
/* Sub-menu nested cat-drop-menu (fly-out) - NU aplica column-count */
#_desktop_megamenu .menu-dropdown .menu-dropdown.cat-drop-menu .pos-sub-inner {
column-count: auto !important;
padding: 10px 0 !important;
min-width: 220px;
}
#_desktop_megamenu .menu-dropdown .menu-dropdown.cat-drop-menu .pos-sub-inner > li {
display: block !important;
list-style: none !important;
margin-bottom: 6px !important;
padding: 4px 15px !important;
}
/* Linkurile top-level - compact, bold, uppercase */
#_desktop_megamenu .menu-item > .menu-dropdown > .pos-sub-inner > li > a {
font-weight: 700 !important;
text-transform: uppercase !important;
font-size: 13px !important;
display: block !important;
padding: 8px 0 !important;
margin: 0 !important;
line-height: 1.3 !important;
}
/* Ascunde sageata "next" si iconita +/- pe top-level (nu mai e nevoie - itemii sunt grupati) */
#_desktop_megamenu .menu-item > .menu-dropdown > .pos-sub-inner > li > .icon-drop-mobile {
display: none !important;
}
/* Linkurile in fly-out sub-menus - normal weight */
#_desktop_megamenu .menu-dropdown .menu-dropdown.cat-drop-menu li > a {
font-weight: 400 !important;
text-transform: none !important;
}
/* Pastrare grila Bootstrap pentru megamenu non-cat-drop (daca exista) */
#_desktop_megamenu .menu-dropdown:not(.cat-drop-menu) .pos-sub-inner > .container {
max-width: 1410px !important;
margin: 0 auto !important;
padding: 0 15px !important;
}
/* Dropdown: fundal alb, text NEGRU, accent verde la hover */
#_desktop_megamenu .menu-dropdown,
#_desktop_megamenu .menu-dropdown *,
#_mobile_megamenu .menu-dropdown,
#_mobile_megamenu .menu-dropdown * {
background: #fff !important;
background-color: #fff !important;
border-color: #e8e8e8 !important;
box-shadow: none !important;
color: #111 !important;
}
#_desktop_megamenu .menu-dropdown img,
#_mobile_megamenu .menu-dropdown img {
background: transparent !important;
}
#_desktop_megamenu .menu-dropdown a,
#_desktop_megamenu .menu-dropdown a span,
#_desktop_megamenu .menu-dropdown li,
#_desktop_megamenu .menu-dropdown h4,
#_mobile_megamenu .menu-dropdown a,
#_mobile_megamenu .menu-dropdown a span,
#_mobile_megamenu .menu-dropdown li {
color: #111 !important;
}
#_desktop_megamenu .menu-dropdown a:hover,
#_desktop_megamenu .menu-dropdown a:hover *,
#_desktop_megamenu .menu-dropdown li:hover > a,
#_mobile_megamenu .menu-dropdown a:hover,
#_mobile_megamenu .menu-dropdown a:hover * {
color: #0046BE !important;
}
/* Fly-out sub-cat dropdown - pozitionat lateral langa parintele LI */
#_desktop_megamenu .menu-dropdown .menu-dropdown.cat-drop-menu {
position: absolute !important;
top: 0 !important;
left: 100% !important;
right: auto !important;
width: auto !important;
min-width: 240px !important;
max-width: 320px !important;
background: #fff !important;
}
/* ============================================
BUTOANE PRODUS - accent verde #0046BE
============================================ */
/* Buy Now - verde plin */
body .buy .buy-now,
body .btn.buy-now,
body .btn-primary.buy-now,
body [data-button-action="buy-now"] {
background-color: #0046BE !important;
border-color: #0046BE !important;
color: #fff !important;
transition: background-color .25s ease, border-color .25s ease !important;
}
body .buy .buy-now:hover,
body .btn.buy-now:hover,
body .btn-primary.buy-now:hover,
body [data-button-action="buy-now"]:hover,
body .buy .buy-now:focus,
body .btn.buy-now:focus {
background-color: #003392 !important;
border-color: #003392 !important;
color: #fff !important;
}
/* Adauga in Cos - inchis, devine verde la hover */
body .btn.add-to-cart,
body .btn-primary.add-to-cart,
body button.add-to-cart,
body .product-add-to-cart .add-to-cart {
transition: background-color .25s ease, border-color .25s ease !important;
}
body .btn.add-to-cart:hover,
body .btn-primary.add-to-cart:hover,
body button.add-to-cart:hover,
body .product-add-to-cart .add-to-cart:hover,
body .btn.add-to-cart:focus,
body button.add-to-cart:focus {
background-color: #0046BE !important;
border-color: #0046BE !important;
color: #fff !important;
}
/* Butoane wishlist / compara - hover verde */
body .product-actions .wishlist-button-add:hover,
body .product-actions .js-compare:hover,
body .product-actions [class*="wishlist"]:hover,
body .product-actions [class*="compare"]:hover {
background-color: #0046BE !important;
border-color: #0046BE !important;
color: #fff !important;
}
/* Toate butoanele primare din site */
body .btn-primary,
body .btn-primary:not(.buy-now):not(.add-to-cart) {
background-color: #0046BE;
border-color: #0046BE;
}
body .btn-primary:hover,
body .btn-primary:focus,
body .btn-primary:active {
background-color: #003392 !important;
border-color: #003392 !important;
}
/* Mesaj disponibilitate stoc + iconita de avertizare */
body #product-availability .product-last-items,
body #product-availability .product-last-items i,
body #product-availability .product-last-items .material-icons,
body .product-last-items,
body .product-last-items i {
color: #0046BE !important;
}
body #product-availability .product-available,
body #product-availability .product-available i {
color: #0046BE !important;
}
/* ============================================================
HOMEPAGE — bara de incredere, titluri sectiuni, taburi
============================================================ */
/* ---------- 01. BARA DE INCREDERE ---------- */
body#index .elementor-widget-pos_icon_box .elementor-icon-box-wrapper {
display: flex !important;
flex-direction: row !important;
align-items: flex-start !important;
gap: 16px !important;
text-align: left !important;
padding: 4px 8px !important;
}
body#index .elementor-widget-pos_icon_box .elementor-icon-box-icon {
flex: 0 0 46px !important;
width: 46px !important;
height: 46px !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
border-radius: 4px !important;
background: rgba(103, 172, 18, 0.12) !important;
margin: 0 !important;
}
body#index .elementor-widget-pos_icon_box .elementor-icon-box-icon a,
body#index .elementor-widget-pos_icon_box .elementor-icon-box-icon span {
display: flex !important;
align-items: center !important;
justify-content: center !important;
width: 100% !important;
height: 100% !important;
}
body#index .elementor-widget-pos_icon_box .elementor-icon-box-icon i {
font-size: 22px !important;
color: #0046BE !important;
line-height: 1 !important;
}
/* Continut: titlu DEASUPRA descrierii, nu langa */
body#index .elementor-widget-pos_icon_box .elementor-icon-box-content {
display: flex !important;
flex-direction: column !important;
align-items: flex-start !important;
gap: 3px !important;
flex: 1 1 auto !important;
text-align: left !important;
padding-top: 2px !important;
}
body#index .elementor-widget-pos_icon_box .elementor-icon-box-title {
margin: 0 !important;
font-size: 15px !important;
font-weight: 700 !important;
line-height: 1.25 !important;
letter-spacing: 0.01em !important;
text-transform: none !important;
color: #16190F !important;
display: block !important;
}
body#index .elementor-widget-pos_icon_box .elementor-icon-box-title a {
color: inherit !important;
text-transform: none !important;
}
body#index .elementor-widget-pos_icon_box .elementor-icon-box-description {
margin: 0 !important;
font-size: 13px !important;
line-height: 1.45 !important;
color: #6E7568 !important;
font-weight: 400 !important;
text-transform: none !important;
display: block !important;
}
/* Separatoare verticale intre cele 4 argumente */
body#index .elementor-widget-pos_icon_box {
position: relative;
}
@media (min-width: 992px) {
body#index .elementor-widget-pos_icon_box::after {
content: "";
position: absolute;
right: -1px;
top: 12%;
height: 76%;
width: 1px;
background: #DDE2D6;
}
body#index .elementor-column:last-child .elementor-widget-pos_icon_box::after {
display: none;
}
}
/* ---------- TITLURI DE SECTIUNE ---------- */
body#index .elementor-widget-pos_title .pos-title,
body#index .elementor-widget-pos_title h2 {
font-size: 34px !important;
font-weight: 800 !important;
line-height: 1.15 !important;
letter-spacing: -0.015em !important;
text-transform: none !important;
color: #16190F !important;
margin: 0 0 10px !important;
}
body#index .elementor-widget-pos_title .pos-subtitle,
body#index .elementor-widget-pos_title .title-desc,
body#index .elementor-widget-pos_title p {
font-size: 15px !important;
line-height: 1.5 !important;
color: #6E7568 !important;
text-transform: none !important;
margin: 0 !important;
}
/* Linie verde sub titlu */
body#index .elementor-widget-pos_title .pos-title-widget,
body#index .elementor-widget-pos_title .pos-title-inner {
padding-bottom: 18px !important;
margin-bottom: 30px !important;
position: relative;
}
body#index .elementor-widget-pos_title .pos-title-widget::after,
body#index .elementor-widget-pos_title .pos-title-inner::after {
content: "";
position: absolute;
bottom: 0;
left: 50%;
transform: translateX(-50%);
width: 54px;
height: 3px;
background: #0046BE;
}
/* Aliniat stanga in sectiunea de formular */
body#index .elementor-widget-pos_title.elementor-align-left .pos-title-widget::after,
body#index .elementor-widget-pos_title .pos-title-inner.text-left::after {
left: 0;
transform: none;
}
/* ---------- TABURI PRODUSE ---------- */
body#index .pos-producttabs-widget .nav-tabs,
body#index .pos-producttabs-widget .tabs-title,
body#index .pos-producttabs-widget ul.tabs {
display: flex !important;
flex-wrap: wrap !important;
justify-content: center !important;
gap: 4px !important;
border-bottom: 1px solid #E3E7DD !important;
margin-bottom: 32px !important;
padding: 0 !important;
list-style: none !important;
}
body#index .pos-producttabs-widget .nav-tabs > li > a,
body#index .pos-producttabs-widget .tabs-title li a,
body#index .pos-producttabs-widget ul.tabs li a {
display: block !important;
padding: 12px 18px !important;
font-size: 13px !important;
font-weight: 600 !important;
letter-spacing: 0.07em !important;
text-transform: uppercase !important;
color: #7C8375 !important;
border: 0 !important;
background: transparent !important;
position: relative;
transition: color .2s ease !important;
}
body#index .pos-producttabs-widget .nav-tabs > li > a:hover,
body#index .pos-producttabs-widget .tabs-title li a:hover,
body#index .pos-producttabs-widget ul.tabs li a:hover {
color: #16190F !important;
}
body#index .pos-producttabs-widget .nav-tabs > li.active > a,
body#index .pos-producttabs-widget .tabs-title li.active a,
body#index .pos-producttabs-widget ul.tabs li.active a {
color: #16190F !important;
font-weight: 700 !important;
}
body#index .pos-producttabs-widget .nav-tabs > li.active > a::after,
body#index .pos-producttabs-widget .tabs-title li.active a::after,
body#index .pos-producttabs-widget ul.tabs li.active a::after {
content: "";
position: absolute;
left: 14px;
right: 14px;
bottom: -1px;
height: 3px;
background: #0046BE;
}
/* ---------- BADGE REDUCERE — mai discret ---------- */
body#index .product-price-and-shipping .discount-amount,
body#index .discount-amount,
body#index .discount-percentage {
background: #C0392B !important;
font-size: 11px !important;
font-weight: 600 !important;
padding: 3px 8px !important;
border-radius: 3px !important;
letter-spacing: 0.02em !important;
}
/* ---------- SECTIUNEA FORMULAR ---------- */
body#index .elementor-widget-contact-form .elementor-field-group {
margin-bottom: 16px !important;
}
body#index .elementor-widget-contact-form .elementor-field-label {
font-size: 13px !important;
font-weight: 600 !important;
color: #16190F !important;
margin-bottom: 6px !important;
display: block !important;
}
body#index .elementor-widget-contact-form .elementor-field-textual {
border: 1px solid #D8DDD2 !important;
border-radius: 4px !important;
padding: 11px 14px !important;
font-size: 14px !important;
width: 100% !important;
background: #fff !important;
transition: border-color .2s ease !important;
}
body#index .elementor-widget-contact-form .elementor-field-textual:focus {
border-color: #0046BE !important;
outline: none !important;
box-shadow: 0 0 0 3px rgba(103, 172, 18, 0.14) !important;
}
body#index .elementor-widget-contact-form button[type="submit"] {
background: #0046BE !important;
border-color: #0046BE !important;
color: #fff !important;
font-weight: 700 !important;
letter-spacing: 0.04em !important;
text-transform: uppercase !important;
padding: 14px 28px !important;
border-radius: 4px !important;
transition: background-color .2s ease !important;
}
body#index .elementor-widget-contact-form button[type="submit"]:hover {
background: #003392 !important;
border-color: #003392 !important;
}
/* ---------- responsive bara incredere ---------- */
@media (max-width: 991px) {
body#index .elementor-widget-pos_icon_box .elementor-icon-box-wrapper {
padding: 10px 4px !important;
}
body#index .elementor-widget-pos_title .pos-title,
body#index .elementor-widget-pos_title h2 {
font-size: 26px !important;
}
}
/* ---------- ALEGE DUPA MASINA — carduri marci ---------- */
body#index .elementor-widget-pos_categories .category-item > div {
border: 1px solid #E3E7DD !important;
border-radius: 6px !important;
background: #fff !important;
padding: 22px 14px 18px !important;
text-align: center !important;
transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease !important;
height: 100% !important;
}
body#index .elementor-widget-pos_categories .category-item > div:hover {
border-color: #0046BE !important;
box-shadow: 0 6px 20px rgba(22, 25, 15, 0.08) !important;
transform: translateY(-3px) !important;
}
body#index .elementor-widget-pos_categories .category-image {
width: 100% !important;
max-width: 130px !important;
height: 110px !important;
margin: 0 auto 14px !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
}
body#index .elementor-widget-pos_categories .category-image a {
display: flex !important;
align-items: center !important;
justify-content: center !important;
width: 100% !important;
height: 100% !important;
}
body#index .elementor-widget-pos_categories .category-image img {
max-width: 100% !important;
max-height: 100% !important;
width: auto !important;
height: auto !important;
object-fit: contain !important;
}
/* Numele marcii — sub imagine, nu peste ea */
body#index .elementor-widget-pos_categories .category-item .category-name,
body#index .elementor-widget-pos_categories .category-item h3,
body#index .elementor-widget-pos_categories .category-item h4,
body#index .elementor-widget-pos_categories .category-item > div > a:not(.category-image a) {
display: block !important;
position: static !important;
font-size: 15px !important;
font-weight: 700 !important;
text-transform: none !important;
color: #16190F !important;
line-height: 1.3 !important;
margin: 0 !important;
}
body#index .elementor-widget-pos_categories .category-item a:hover {
color: #0046BE !important;
}
/* Sagetile caruselului */
body#index .elementor-widget-pos_categories .slick-prev,
body#index .elementor-widget-pos_categories .slick-next {
background: #fff !important;
border: 1px solid #D8DDD2 !important;
border-radius: 50% !important;
width: 38px !important;
height: 38px !important;
}
body#index .elementor-widget-pos_categories .slick-prev:hover,
body#index .elementor-widget-pos_categories .slick-next:hover {
background: #0046BE !important;
border-color: #0046BE !important;
color: #fff !important;
}
/* ---------- Puncte carusel (dots) — verde, nu portocaliu ---------- */
body#index .slick-dots li.slick-active button,
body#index .slick-dots li.slick-active button:before,
body#index .owl-dots .owl-dot.active span {
background: #0046BE !important;
border-color: #0046BE !important;
color: #0046BE !important;
}
/* ---------- Carduri produse — mai compacte ---------- */
body#index .pos-producttabs-widget .product-miniature .thumbnail-container,
body#index .pos-producttabs-widget .product-miniature > div {
border: 1px solid #E8EBE4 !important;
border-radius: 6px !important;
transition: border-color .2s ease, box-shadow .2s ease !important;
}
body#index .pos-producttabs-widget .product-miniature:hover .thumbnail-container,
body#index .pos-producttabs-widget .product-miniature:hover > div {
border-color: #C9D3BC !important;
box-shadow: 0 6px 18px rgba(22, 25, 15, 0.07) !important;
}
body#index .pos-producttabs-widget .product-title a,
body#index .pos-producttabs-widget .product-name a {
font-size: 14px !important;
font-weight: 600 !important;
line-height: 1.35 !important;
color: #16190F !important;
text-transform: none !important;
}
body#index .pos-producttabs-widget .product-title a:hover,
body#index .pos-producttabs-widget .product-name a:hover {
color: #0046BE !important;
}
body#index .pos-producttabs-widget .product-price-and-shipping .price,
body#index .pos-producttabs-widget .product-price {
font-size: 16px !important;
font-weight: 700 !important;
color: #16190F !important;
}
/* ---------- Sectiunea produse pe toata latimea ---------- */
body#index .elementor-widget-pos_tab_products,
body#index .pos-producttabs-widget {
width: 100% !important;
max-width: 100% !important;
}
body#index .elementor-section:has(.pos-producttabs-widget) > .elementor-container {
max-width: 1800px !important;
width: 100% !important;
}
/* ---------- Taburi mai mari ---------- */
body#index .pos-producttabs-widget .nav-tabs > li > a,
body#index .pos-producttabs-widget .tabs-title li a,
body#index .pos-producttabs-widget ul.tabs li a,
body#index .pos-producttabs-widget .tab-title a,
body#index .pos-producttabs-widget .tabs li a {
font-size: 16px !important;
letter-spacing: 0.05em !important;
padding: 13px 20px !important;
}
@media (max-width: 991px) {
body#index .pos-producttabs-widget .nav-tabs > li > a,
body#index .pos-producttabs-widget .tabs-title li a,
body#index .pos-producttabs-widget ul.tabs li a,
body#index .pos-producttabs-widget .tab-title a,
body#index .pos-producttabs-widget .tabs li a {
font-size: 14px !important;
padding: 10px 12px !important;
}
}
/* ---------- Punct activ carusel — verde peste tot ---------- */
body#index .slick-dots li.slick-active button,
body#index .slick-dots li.slick-active button::before,
body#index .owl-dots .owl-dot.active span,
body#index .swiper-pagination-bullet-active,
body#index ul.slick-dots li.slick-active button,
body#index .pos-producttabs-widget .slick-dots li.slick-active button {
background-color: #0046BE !important;
border-color: #0046BE !important;
color: #0046BE !important;
opacity: 1 !important;
}
/* ---------- MARCI AUTO — corectat pe markup-ul real (.style1) ---------- */
body#index .elementor-widget-pos_categories .category-item .style1 {
display: flex !important;
flex-direction: column !important;
align-items: center !important;
justify-content: flex-start !important;
position: relative !important;
border: 1px solid #E3E7DD !important;
border-radius: 6px !important;
background: #fff !important;
padding: 24px 16px 20px !important;
height: 100% !important;
overflow: visible !important;
transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease !important;
}
body#index .elementor-widget-pos_categories .category-item .style1:hover {
border-color: #0046BE !important;
box-shadow: 0 6px 20px rgba(22, 25, 15, 0.08) !important;
transform: translateY(-3px) !important;
}
/* Imaginea — inaltime fixa, logo centrat, toate la acelasi nivel */
body#index .elementor-widget-pos_categories .category-item .style1 .category-image {
position: static !important;
inset: auto !important;
width: 100% !important;
max-width: none !important;
height: 130px !important;
min-height: 130px !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
margin: 0 0 16px !important;
padding: 0 !important;
overflow: hidden !important;
}
body#index .elementor-widget-pos_categories .category-item .style1 .category-image a {
display: flex !important;
align-items: center !important;
justify-content: center !important;
width: 100% !important;
height: 100% !important;
}
body#index .elementor-widget-pos_categories .category-item .style1 .category-image img {
max-width: 82% !important;
max-height: 100% !important;
width: auto !important;
height: auto !important;
object-fit: contain !important;
display: block !important;
margin: 0 auto !important;
}
/* Numele — SUB imagine, nu peste ea */
body#index .elementor-widget-pos_categories .category-item .style1 .category-content {
position: static !important;
inset: auto !important;
top: auto !important;
left: auto !important;
right: auto !important;
bottom: auto !important;
transform: none !important;
opacity: 1 !important;
visibility: visible !important;
background: transparent !important;
width: 100% !important;
padding: 0 !important;
margin: 0 !important;
text-align: center !important;
display: block !important;
}
body#index .elementor-widget-pos_categories .category-item .style1 .category-content a.name {
position: static !important;
display: block !important;
font-size: 16px !important;
font-weight: 700 !important;
line-height: 1.3 !important;
color: #16190F !important;
text-transform: none !important;
background: transparent !important;
padding: 0 !important;
margin: 0 !important;
border: 0 !important;
text-align: center !important;
white-space: normal !important;
}
body#index .elementor-widget-pos_categories .category-item .style1:hover .category-content a.name {
color: #0046BE !important;
}
/* ---------- SECTIUNEA REDUCERI ---------- */
body#index .elementor-widget-pos_sale_products,
body#index .pos-sale-product-widget,
body#index .pos-sale-product-slider {
width: 100% !important;
max-width: 100% !important;
}
body#index .pos-sale-product-widget .product-miniature .thumbnail-container,
body#index .pos-sale-product-widget .product-miniature > div {
border: 1px solid #E8EBE4 !important;
border-radius: 6px !important;
transition: border-color .2s ease, box-shadow .2s ease !important;
}
body#index .pos-sale-product-widget .product-miniature:hover .thumbnail-container,
body#index .pos-sale-product-widget .product-miniature:hover > div {
border-color: #C9D3BC !important;
box-shadow: 0 6px 18px rgba(22, 25, 15, 0.07) !important;
}
body#index .pos-sale-product-widget .product-title a,
body#index .pos-sale-product-widget .product-name a {
font-size: 14px !important;
font-weight: 600 !important;
line-height: 1.35 !important;
color: #16190F !important;
text-transform: none !important;
}
body#index .pos-sale-product-widget .product-title a:hover,
body#index .pos-sale-product-widget .product-name a:hover {
color: #0046BE !important;
}
/* Pretul vechi taiat + pretul nou evidentiat */
body#index .pos-sale-product-widget .regular-price,
body#index .pos-producttabs-widget .regular-price {
font-size: 13px !important;
color: #8A9082 !important;
text-decoration: line-through !important;
font-weight: 400 !important;
}
body#index .pos-sale-product-widget .price,
body#index .pos-sale-product-widget .product-price {
font-size: 17px !important;
font-weight: 700 !important;
color: #16190F !important;
}
/* ---------- TABURI — selectori reali (.tab-titles / .nav-link) ---------- */
body#index .pos-producttabs-widget .tab-titles,
body#index .pos-producttabs-widget ul.navtab-products {
display: flex !important;
flex-wrap: wrap !important;
justify-content: center !important;
align-items: center !important;
gap: 2px !important;
list-style: none !important;
padding: 0 !important;
margin: 0 0 32px !important;
border-bottom: 1px solid #E3E7DD !important;
text-align: center !important;
}
body#index .pos-producttabs-widget .tab-titles > .nav-item {
float: none !important;
margin: 0 !important;
list-style: none !important;
}
body#index .pos-producttabs-widget .tab-titles .nav-link {
display: block !important;
position: relative !important;
padding: 13px 20px !important;
font-size: 16px !important;
font-weight: 700 !important;
letter-spacing: 0.05em !important;
text-transform: uppercase !important;
color: #7C8375 !important;
background: transparent !important;
border: 0 !important;
border-radius: 0 !important;
transition: color .2s ease !important;
}
body#index .pos-producttabs-widget .tab-titles .nav-link:hover {
color: #16190F !important;
background: transparent !important;
}
body#index .pos-producttabs-widget .tab-titles .nav-link.active {
color: #16190F !important;
font-weight: 700 !important;
background: transparent !important;
}
body#index .pos-producttabs-widget .tab-titles .nav-link.active::after {
content: "" !important;
position: absolute !important;
left: 16px !important;
right: 16px !important;
bottom: -1px !important;
height: 3px !important;
background: #0046BE !important;
}
@media (max-width: 991px) {
body#index .pos-producttabs-widget .tab-titles .nav-link {
font-size: 14px !important;
padding: 10px 13px !important;
}
}
/* ---------- Buton "Adauga in cos" din carduri — verde, nu portocaliu ---------- */
body .product-miniature .add-to-cart,
body .product-miniature .ajax_add_to_cart_button,
body .product-miniature button.add-to-cart,
body .pos-producttabs-widget .add-to-cart,
body .pos-sale-product-widget .add-to-cart,
body .product-list .add-to-cart,
body .js-product-miniature .add-to-cart {
background-color: #0046BE !important;
border-color: #0046BE !important;
color: #fff !important;
font-weight: 700 !important;
transition: background-color .2s ease !important;
}
body .product-miniature .add-to-cart:hover,
body .product-miniature .ajax_add_to_cart_button:hover,
body .pos-producttabs-widget .add-to-cart:hover,
body .pos-sale-product-widget .add-to-cart:hover,
body .js-product-miniature .add-to-cart:hover {
background-color: #003392 !important;
border-color: #003392 !important;
color: #fff !important;
}
/* ---------- HEADER — icon telefon langa numar ---------- */
header .box-contact .contact-content,
.box-contact .contact-content {
display: inline-flex !important;
align-items: center !important;
gap: 7px !important;
}
header .box-contact .number-contact,
.box-contact .number-contact {
display: inline-flex !important;
align-items: center !important;
gap: 7px !important;
}
header .box-contact .number-contact::before,
.box-contact .number-contact::before {
content: "\f095"; /* fa-phone */
font-family: "Font Awesome 6 Free", "Font Awesome 5 Free", FontAwesome;
font-weight: 900;
font-size: 14px;
color: #0046BE;
display: inline-block;
line-height: 1;
}
/* ---------- HERO ---------- */
body#index > .elementor > .elementor-section-wrap > .elementor-section:first-child,
body#index .elementor-section:first-child {
background-color: #0B0D08;
}
body#index .elementor-widget-heading h1 {
text-wrap: balance;
margin: 0 !important;
}
body#index .elementor-widget-button .elementor-button {
box-shadow: 0 4px 16px rgba(103, 172, 18, 0.28) !important;
transition: background-color .2s ease, transform .15s ease, box-shadow .2s ease !important;
}
body#index .elementor-widget-button .elementor-button:hover {
transform: translateY(-2px) !important;
box-shadow: 0 8px 22px rgba(103, 172, 18, 0.34) !important;
}
@media (max-width: 767px) {
/* Pe mobil imaginea sta in spate, textul centrat peste ea */
body#index .elementor-section:first-child {
background-position: center center !important;
}
}
/* ============================================================
HERO — corectii (sectiunea .elementor-element-49d5022)
============================================================ */
/* Gradient intunecat peste imagine, ca textul sa se citeasca */
body#index .elementor-element-49d5022 {
position: relative !important;
background-color: #0B0D08 !important;
}
body#index .elementor-element-49d5022::before {
content: "" !important;
position: absolute !important;
inset: 0 !important;
background: linear-gradient(90deg,
rgba(8,10,6,0.92) 0%,
rgba(8,10,6,0.80) 34%,
rgba(8,10,6,0.35) 62%,
rgba(8,10,6,0) 85%) !important;
pointer-events: none !important;
z-index: 0 !important;
}
body#index .elementor-element-49d5022 > .elementor-container,
body#index .elementor-element-49d5022 > .elementor-row {
position: relative !important;
z-index: 1 !important;
}
/* TITLU — fara capitalize (strica romana), mai mare */
html body#index .elementor-element-49d5022 h1,
html body#index .elementor-element-49d5022 .elementor-heading-title,
html body#index .elementor-widget-heading h1,
html body#index .elementor-widget-heading .elementor-heading-title {
text-transform: none !important;
/* scaleaza continuu intre 28px si 64px, fara praguri */
font-size: clamp(28px, 6.2vw, 64px) !important;
font-weight: 800 !important;
line-height: 1.04 !important;
letter-spacing: -1.2px !important;
color: #FFFFFF !important;
margin: 0 !important;
text-wrap: balance;
}
/* SUBTITLU — mai mare */
html body#index .elementor-element-49d5022 .elementor-widget-text-editor,
html body#index .elementor-element-49d5022 .elementor-widget-text-editor p,
html body#index .elementor-widget-text-editor p {
font-size: clamp(14px, 2.1vw, 19px) !important;
line-height: 1.6 !important;
color: #D9DFD0 !important;
text-transform: none !important;
}
body#index .elementor-element-49d5022 .elementor-widget-text-editor strong {
color: #8FD028 !important;
font-weight: 700 !important;
}
/* BUTON — verde, mai mare */
body#index .elementor-element-49d5022 .elementor-button,
body#index .elementor-widget-button .elementor-button,
body#index .elementor-widget-button a.elementor-button {
background-color: #0046BE !important;
border-color: #0046BE !important;
color: #FFFFFF !important;
font-size: 16px !important;
font-weight: 700 !important;
text-transform: uppercase !important;
letter-spacing: 0.06em !important;
padding: 18px 40px !important;
border-radius: 4px !important;
box-shadow: 0 4px 18px rgba(103, 172, 18, 0.30) !important;
transition: background-color .2s ease, transform .15s ease, box-shadow .2s ease !important;
}
body#index .elementor-element-49d5022 .elementor-button:hover,
body#index .elementor-widget-button .elementor-button:hover,
body#index .elementor-widget-button a.elementor-button:hover {
background-color: #003392 !important;
border-color: #003392 !important;
color: #FFFFFF !important;
transform: translateY(-2px) !important;
box-shadow: 0 9px 24px rgba(103, 172, 18, 0.38) !important;
}
body#index .elementor-widget-button .elementor-button-text {
color: #FFFFFF !important;
}
@media (max-width: 767px) {
body#index .elementor-element-49d5022::before {
background: rgba(8,10,6,0.78) !important;
}
html body#index .elementor-element-49d5022 h1 { letter-spacing: -0.3px !important; }
body#index .elementor-widget-button .elementor-button {
font-size: 14px !important;
padding: 15px 30px !important;
}
}
/* ============================================================
COLOANA STANGA — arbore de categorii in paginile de listare
============================================================ */
#left-column {
padding-right: 24px;
}
#left-column .block-categories,
#left-column .block_content,
#left-column .category-tree {
background: #fff !important;
border: 1px solid #E3E7DD !important;
border-radius: 6px !important;
padding: 20px 18px !important;
margin-bottom: 24px !important;
}
/* Titlul blocului */
#left-column .block-categories .text-uppercase,
#left-column .block-categories h2,
#left-column .block-categories .block-title {
font-size: 15px !important;
font-weight: 700 !important;
letter-spacing: 0.06em !important;
text-transform: uppercase !important;
color: #16190F !important;
padding-bottom: 12px !important;
margin: 0 0 14px !important;
border-bottom: 2px solid #0046BE !important;
display: block !important;
}
/* Lista */
#left-column .block-categories ul,
#left-column .category-top-menu {
list-style: none !important;
padding-left: 0 !important;
margin: 0 !important;
}
#left-column .block-categories li {
list-style: none !important;
border-bottom: 1px solid #F0F3EC !important;
}
#left-column .block-categories li:last-child {
border-bottom: 0 !important;
}
#left-column .block-categories li a {
display: block !important;
padding: 9px 0 !important;
font-size: 14px !important;
font-weight: 500 !important;
color: #3A4034 !important;
text-transform: none !important;
line-height: 1.4 !important;
transition: color .18s ease, padding-left .18s ease !important;
}
#left-column .block-categories li a:hover {
color: #0046BE !important;
padding-left: 5px !important;
}
/* Categoria curenta */
#left-column .block-categories li a.current,
#left-column .block-categories li.current > a,
#left-column .block-categories li a[aria-current] {
color: #0046BE !important;
font-weight: 700 !important;
}
/* Subcategorii — indentate, font mai mic */
#left-column .block-categories ul ul {
padding-left: 14px !important;
border-left: 1px solid #E8ECE2 !important;
margin: 2px 0 8px !important;
}
#left-column .block-categories ul ul li {
border-bottom: 0 !important;
}
#left-column .block-categories ul ul li a {
padding: 6px 0 !important;
font-size: 13px !important;
font-weight: 400 !important;
color: #6E7568 !important;
}
/* Butonul de expandare (+/-) */
#left-column .block-categories .navbar-toggler,
#left-column .block-categories .add,
#left-column .block-categories .remove {
color: #8A9082 !important;
cursor: pointer !important;
}
#left-column .block-categories .navbar-toggler:hover {
color: #0046BE !important;
}
/* Blocul de filtre (faceted search) — acelasi stil */
#left-column #search_filters,
#left-column .facet {
background: #fff !important;
border: 1px solid #E3E7DD !important;
border-radius: 6px !important;
}
#left-column #search_filters .facet-title,
#left-column #search_filters h3 {
font-size: 14px !important;
font-weight: 700 !important;
color: #16190F !important;
text-transform: none !important;
}
@media (max-width: 767px) {
#left-column { padding-right: 0; }
#left-column .block-categories { padding: 16px 14px !important; }
}
/* ---------- Sidebar categorii: buton +/- nativ al modulului ---------- */
#left-column .block-categories li[data-depth] {
position: relative !important;
}
#left-column .block-categories li[data-depth] > a {
padding-right: 30px !important;
}
#left-column .block-categories .navbar-toggler {
display: flex !important;
align-items: center !important;
justify-content: center !important;
position: absolute !important;
top: 6px !important;
right: 0 !important;
width: 24px !important;
height: 24px !important;
padding: 0 !important;
border: 1px solid #DCE2D4 !important;
border-radius: 3px !important;
background: #fff !important;
color: #6E7568 !important;
cursor: pointer !important;
z-index: 2 !important;
transition: background-color .15s ease, color .15s ease, border-color .15s ease !important;
}
#left-column .block-categories .navbar-toggler:hover {
background: #0046BE !important;
border-color: #0046BE !important;
color: #fff !important;
}
#left-column .block-categories .navbar-toggler i {
font-size: 17px !important;
line-height: 1 !important;
color: inherit !important;
}
/* Semnul corect: minus cand e deschis, plus cand e inchis */
#left-column .block-categories .navbar-toggler .remove { display: none !important; }
#left-column .block-categories .navbar-toggler .add { display: block !important; }
#left-column .block-categories .navbar-toggler[aria-expanded="true"] .remove { display: block !important; }
#left-column .block-categories .navbar-toggler[aria-expanded="true"] .add { display: none !important; }
/* Font mai mare */
#left-column .block-categories .text-uppercase,
#left-column .block-categories h2,
#left-column .block-categories .block-title {
font-size: 17px !important;
}
#left-column .block-categories li a {
font-size: 16px !important;
padding: 10px 0 !important;
font-weight: 600 !important;
}
#left-column .block-categories ul ul li a {
font-size: 15px !important;
padding: 8px 0 !important;
font-weight: 400 !important;
}
#left-column .block-categories ul ul ul li a {
font-size: 14px !important;
padding: 6px 0 !important;
}
/* ============================================================
PRET LA REDUCERE — badge pe imagine, preturi aerisite
============================================================ */
body .product-miniature,
body .js-product-miniature,
body .product-miniature .thumbnail-container {
position: relative !important;
}
/* Badge-ul de reducere iese din randul de pret si urca pe imagine */
body .product-miniature .discount-amount,
body .product-miniature .discount-percentage,
body .product-miniature .discount-product,
body .js-product-miniature .discount-amount,
body .js-product-miniature .discount-percentage {
position: absolute !important;
top: 12px !important;
left: 12px !important;
right: auto !important;
bottom: auto !important;
z-index: 3 !important;
margin: 0 !important;
padding: 5px 9px !important;
background: #C0392B !important;
color: #fff !important;
font-size: 12px !important;
font-weight: 700 !important;
line-height: 1 !important;
border-radius: 3px !important;
white-space: nowrap !important;
box-shadow: 0 2px 6px rgba(0,0,0,0.18) !important;
}
/* Randul de pret: vechi (taiat) + nou, centrat, cu spatiu */
body .product-miniature .product-price-and-shipping,
body .js-product-miniature .product-price-and-shipping {
display: flex !important;
flex-wrap: wrap !important;
align-items: baseline !important;
justify-content: center !important;
gap: 8px !important;
margin-top: 6px !important;
line-height: 1.3 !important;
}
body .product-miniature .product-price-and-shipping .regular-price,
body .js-product-miniature .regular-price {
order: 1 !important;
font-size: 13px !important;
font-weight: 400 !important;
color: #9AA292 !important;
text-decoration: line-through !important;
margin: 0 !important;
}
body .product-miniature .product-price-and-shipping .price,
body .product-miniature .product-price-and-shipping .product-price,
body .js-product-miniature .price {
order: 2 !important;
font-size: 17px !important;
font-weight: 700 !important;
color: #16190F !important;
margin: 0 !important;
}
@media (max-width: 767px) {
body .product-miniature .discount-amount,
body .product-miniature .discount-percentage {
top: 8px !important;
left: 8px !important;
font-size: 11px !important;
padding: 4px 7px !important;
}
body .product-miniature .product-price-and-shipping .price { font-size: 15px !important; }
body .product-miniature .product-price-and-shipping .regular-price { font-size: 12px !important; }
}
/* ============================================================
SECTIUNI PE FUNDAL INCHIS (bara incredere + reduceri)
============================================================ */
body#index .elementor-section[style*="12150E"],
body#index .elementor-section[style*="rgb(18, 21, 14)"] {
background-color: #12150E !important;
}
/* Bara de incredere pe negru */
body#index .elementor-section[style*="12150E"] .elementor-icon-box-title,
body#index .elementor-section[style*="rgb(18, 21, 14)"] .elementor-icon-box-title {
color: #FFFFFF !important;
}
body#index .elementor-section[style*="12150E"] .elementor-icon-box-description,
body#index .elementor-section[style*="rgb(18, 21, 14)"] .elementor-icon-box-description {
color: #97A08C !important;
}
body#index .elementor-section[style*="12150E"] .elementor-icon-box-icon,
body#index .elementor-section[style*="rgb(18, 21, 14)"] .elementor-icon-box-icon {
background: rgba(103, 172, 18, 0.16) !important;
}
/* Separatoare verticale corect aliniate */
@media (min-width: 992px) {
body#index .elementor-section[style*="12150E"] .elementor-widget-pos_icon_box::after,
body#index .elementor-section[style*="rgb(18, 21, 14)"] .elementor-widget-pos_icon_box::after {
background: rgba(255, 255, 255, 0.10) !important;
right: 0 !important;
top: 15% !important;
height: 70% !important;
}
}
/* Titluri de sectiune pe fundal inchis */
body#index .elementor-section[style*="12150E"] .pos-title,
body#index .elementor-section[style*="12150E"] h2,
body#index .elementor-section[style*="rgb(18, 21, 14)"] .pos-title,
body#index .elementor-section[style*="rgb(18, 21, 14)"] h2 {
color: #FFFFFF !important;
}
body#index .elementor-section[style*="12150E"] .pos-subtitle,
body#index .elementor-section[style*="rgb(18, 21, 14)"] .pos-subtitle {
color: #97A08C !important;
}
/* Carduri de produs pe fundal inchis */
body#index .elementor-section[style*="12150E"] .product-miniature .thumbnail-container,
body#index .elementor-section[style*="12150E"] .product-miniature > div,
body#index .elementor-section[style*="rgb(18, 21, 14)"] .product-miniature .thumbnail-container,
body#index .elementor-section[style*="rgb(18, 21, 14)"] .product-miniature > div {
background: #FFFFFF !important;
border-color: transparent !important;
}
body#index .elementor-section[style*="12150E"] .tab-titles,
body#index .elementor-section[style*="rgb(18, 21, 14)"] .tab-titles {
border-bottom-color: rgba(255,255,255,0.12) !important;
}
body#index .elementor-section[style*="12150E"] .tab-titles .nav-link,
body#index .elementor-section[style*="rgb(18, 21, 14)"] .tab-titles .nav-link {
color: #97A08C !important;
}
body#index .elementor-section[style*="12150E"] .tab-titles .nav-link.active,
body#index .elementor-section[style*="rgb(18, 21, 14)"] .tab-titles .nav-link.active {
color: #FFFFFF !important;
}
/* ============================================================
INPUT DE FISIER STILIZAT
============================================================ */
body#index .elementor-widget-contact-form input[type="file"] {
width: 100% !important;
padding: 10px 12px !important;
border: 1px dashed #C6CFBA !important;
border-radius: 4px !important;
background: #FAFBF8 !important;
font-size: 13px !important;
color: #6E7568 !important;
cursor: pointer !important;
transition: border-color .2s ease, background-color .2s ease !important;
}
body#index .elementor-widget-contact-form input[type="file"]:hover {
border-color: #0046BE !important;
background: #F3F8EC !important;
}
body#index .elementor-widget-contact-form input[type="file"]::file-selector-button {
padding: 8px 16px !important;
margin-right: 12px !important;
border: 0 !important;
border-radius: 3px !important;
background: #16190F !important;
color: #fff !important;
font-size: 12px !important;
font-weight: 700 !important;
letter-spacing: 0.04em !important;
text-transform: uppercase !important;
cursor: pointer !important;
transition: background-color .2s ease !important;
}
body#index .elementor-widget-contact-form input[type="file"]:hover::file-selector-button {
background: #0046BE !important;
}
/* ============================================================
SECTIUNI INCHISE — tintite pe ID real
5a29b39 = bara de incredere | f128086 = reduceri
============================================================ */
body#index .elementor-element-5a29b39,
body#index .elementor-element-f128086 {
background-color: #12150E !important;
}
/* Text alb pe fundal inchis */
body#index .elementor-element-5a29b39 .elementor-icon-box-title,
body#index .elementor-element-5a29b39 .elementor-icon-box-title a,
body#index .elementor-element-f128086 .pos-title,
body#index .elementor-element-f128086 h2 {
color: #FFFFFF !important;
}
body#index .elementor-element-5a29b39 .elementor-icon-box-description,
body#index .elementor-element-f128086 .pos-subtitle {
color: #9BA490 !important;
}
body#index .elementor-element-5a29b39 .elementor-icon-box-icon {
background: rgba(103, 172, 18, 0.18) !important;
}
body#index .elementor-element-5a29b39 .elementor-icon-box-icon i {
color: #8FD028 !important;
}
/* Separatoare pe fundal inchis */
@media (min-width: 992px) {
body#index .elementor-element-5a29b39 .elementor-widget-pos_icon_box::after {
background: rgba(255, 255, 255, 0.10) !important;
top: 14% !important;
height: 72% !important;
}
}
/* Sectiunea Reduceri pe fundal inchis */
body#index .elementor-element-f128086 .tab-titles {
border-bottom-color: rgba(255, 255, 255, 0.12) !important;
}
body#index .elementor-element-f128086 .tab-titles .nav-link {
color: #9BA490 !important;
}
body#index .elementor-element-f128086 .tab-titles .nav-link:hover,
body#index .elementor-element-f128086 .tab-titles .nav-link.active {
color: #FFFFFF !important;
}
body#index .elementor-element-f128086 .product-miniature .thumbnail-container,
body#index .elementor-element-f128086 .product-miniature > div {
background: #FFFFFF !important;
border-color: transparent !important;
border-radius: 6px !important;
}
body#index .elementor-element-f128086 .product-title a,
body#index .elementor-element-f128086 .product-name a,
body#index .elementor-element-f128086 .price {
color: #16190F !important;
}
/* Sagetile si punctele caruselului pe inchis */
body#index .elementor-element-f128086 .slick-prev,
body#index .elementor-element-f128086 .slick-next {
background: rgba(255,255,255,0.10) !important;
border-color: rgba(255,255,255,0.20) !important;
color: #fff !important;
}
body#index .elementor-element-f128086 .slick-prev:hover,
body#index .elementor-element-f128086 .slick-next:hover {
background: #0046BE !important;
border-color: #0046BE !important;
}
body#index .elementor-element-f128086 .slick-dots li button {
background: rgba(255,255,255,0.25) !important;
}
/* Separatoarele verticale DOAR in bara de incredere, nu si in sectiunea formular */
body#index .elementor-widget-pos_icon_box::after { content: none !important; }
@media (min-width: 992px) {
body#index .elementor-element-5a29b39 .elementor-widget-pos_icon_box::after {
content: "" !important;
position: absolute !important;
right: 0 !important;
top: 14% !important;
height: 72% !important;
width: 1px !important;
background: rgba(255, 255, 255, 0.10) !important;
}
body#index .elementor-element-5a29b39 .elementor-column:last-child .elementor-widget-pos_icon_box::after {
content: none !important;
}
}
/* ============================================================
MOBIL — spatiere intre bara de incredere si cardurile de categorii
Sectiunea de bannere avea padding 0 si o marja negativa mostenita,
asa ca se suprapunea peste bara de deasupra.
============================================================ */
@media (max-width: 767px) {
html body#index .elementor-element-pmfokli {
padding-top: 28px !important;
padding-bottom: 20px !important;
margin-top: 0 !important;
margin-bottom: 0 !important;
}
/* spatiu si intre carduri */
html body#index .elementor-element-pmfokli .elementor-widget-pos_banner {
margin-bottom: 16px !important;
}
html body#index .elementor-element-pmfokli .elementor-column:last-child
.elementor-widget-pos_banner:last-child {
margin-bottom: 0 !important;
}
/* bara de incredere: aer sub ultimul argument */
html body#index .elementor-element-5a29b39 {
padding-bottom: 26px !important;
margin-bottom: 0 !important;
}
html body#index .elementor-element-5a29b39 .elementor-widget-pos_icon_box {
margin-bottom: 4px !important;
}
}
/* ============================================================
MOBIL — adresa si telefonul din footer aliniate intre ele
Iconurile porneau de la x diferit (15 vs 22) si aveau
dimensiuni vizuale diferite. Desktop-ul nu e atins.
============================================================ */
@media (max-width: 767px) {
html body #footer .elementor-widget-icon-box,
html body footer .elementor-widget-icon-box,
html body .js-footer .elementor-widget-icon-box {
padding-left: 0 !important;
padding-right: 0 !important;
margin-left: 0 !important;
margin-right: 0 !important;
}
html body #footer .elementor-widget-icon-box .elementor-icon-box-wrapper,
html body footer .elementor-widget-icon-box .elementor-icon-box-wrapper,
html body .js-footer .elementor-widget-icon-box .elementor-icon-box-wrapper {
display: flex !important;
flex-direction: row !important;
flex-wrap: nowrap !important;
align-items: center !important;
justify-content: flex-start !important;
gap: 12px !important;
padding-left: 15px !important;
margin: 0 0 14px 0 !important;
text-align: left !important;
}
/* toate iconurile in aceeasi coloana, aceeasi marime */
html body #footer .elementor-icon-box-icon,
html body footer .elementor-icon-box-icon,
html body .js-footer .elementor-icon-box-icon {
flex: 0 0 22px !important;
width: 22px !important;
height: 22px !important;
min-width: 22px !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
margin: 0 !important;
padding: 0 !important;
background: transparent !important;
border: 0 !important;
}
html body #footer .elementor-icon-box-icon i,
html body footer .elementor-icon-box-icon i,
html body .js-footer .elementor-icon-box-icon i {
font-size: 17px !important;
line-height: 1 !important;
width: auto !important;
height: auto !important;
}
/* textul: pe un singur rand cu iconul, aliniat la stanga */
html body #footer .elementor-icon-box-content,
html body footer .elementor-icon-box-content,
html body .js-footer .elementor-icon-box-content {
flex: 1 1 auto !important;
min-width: 0 !important;
margin: 0 !important;
padding: 0 !important;
text-align: left !important;
}
html body #footer .elementor-icon-box-title,
html body footer .elementor-icon-box-title,
html body .js-footer .elementor-icon-box-title {
margin: 0 !important;
padding: 0 !important;
font-size: 15px !important;
line-height: 1.35 !important;
text-align: left !important;
transform: none !important;
}
}
/* Footer mobil: widget-ul de telefon avea padding-left 7px pe container,
cel de adresa 0 — de aici iconurile porneau din puncte diferite. */
@media (max-width: 767px) {
html body #footer .elementor-widget-icon-box > .elementor-widget-container,
html body footer .elementor-widget-icon-box > .elementor-widget-container,
html body .js-footer .elementor-widget-icon-box > .elementor-widget-container {
padding-left: 0 !important;
padding-right: 0 !important;
}
}
/* ============================================================
NOTA DE LIVRARE pe pagina de produs
============================================================ */
body#product .wooimport-delivery-note {
margin: 18px 0 !important;
padding: 16px 18px !important;
background: #F4F8EC !important;
border: 1px solid #DCE7C9 !important;
border-radius: 4px !important;
}
body#product .wooimport-delivery-note .wdn-row {
display: flex !important;
align-items: flex-start !important;
gap: 13px !important;
}
body#product .wooimport-delivery-note .wdn-row > i {
flex: 0 0 auto !important;
font-size: 23px !important;
line-height: 1.15 !important;
color: #0046BE !important;
}
body#product .wooimport-delivery-note .wdn-text {
display: flex !important;
flex-direction: column !important;
gap: 5px !important;
}
body#product .wooimport-delivery-note .wdn-text strong {
font-size: 14px !important;
font-weight: 700 !important;
color: #16190F !important;
line-height: 1.35 !important;
}
body#product .wooimport-delivery-note .wdn-text span {
font-size: 13px !important;
color: #5C6455 !important;
line-height: 1.5 !important;
}
/* Randul cu telefonul, sub nota */
body#product .wooimport-delivery-note .wdn-phone {
display: flex !important;
align-items: center !important;
gap: 10px !important;
margin-top: 13px !important;
padding-top: 13px !important;
border-top: 1px solid #DCE7C9 !important;
text-decoration: none !important;
color: #16190F !important;
transition: color .18s ease !important;
}
body#product .wooimport-delivery-note .wdn-phone i {
flex: 0 0 auto !important;
font-size: 19px !important;
color: #0046BE !important;
line-height: 1 !important;
}
body#product .wooimport-delivery-note .wdn-phone span {
font-size: 14px !important;
color: #5C6455 !important;
line-height: 1.35 !important;
}
body#product .wooimport-delivery-note .wdn-phone strong {
color: #16190F !important;
font-weight: 700 !important;
margin-right: 4px !important;
}
body#product .wooimport-delivery-note .wdn-phone:hover span,
body#product .wooimport-delivery-note .wdn-phone:hover strong {
color: #0046BE !important;
}
@media (max-width: 767px) {
body#product .wooimport-delivery-note { padding: 13px 14px !important; }
body#product .wooimport-delivery-note .wdn-row { gap: 10px !important; }
body#product .wooimport-delivery-note .wdn-text strong { font-size: 13px !important; }
body#product .wooimport-delivery-note .wdn-text span { font-size: 12px !important; }
body#product .wooimport-delivery-note .wdn-phone span { font-size: 13px !important; }
}
/* ============================================================
PAGINA PRODUS — "Alte produse din aceeasi categorie"
Imaginea era 302px intr-un container de 304px, deci lipita
de margini. Ii dam aer si pastram proportiile.
============================================================ */
body#product .categoryproducts .thumbnail-container img,
body#product .categoryproducts .product-miniature img,
body#product .product-accessories .product-miniature img {
padding: 26px !important;
box-sizing: border-box !important;
object-fit: contain !important;
background: #fff !important;
}
body#product .categoryproducts .thumbnail-container,
body#product .product-accessories .thumbnail-container {
padding: 0 !important;
overflow: hidden !important;
}
/* putin spatiu si intre carduri */
body#product .categoryproducts .product-miniature {
margin-left: 6px !important;
margin-right: 6px !important;
}
/* aer la marginea din stanga si dreapta a intregii sectiuni */
body#product .categoryproducts {
padding-left: 45px !important;
padding-right: 45px !important;
box-sizing: border-box !important;
}
@media (max-width: 767px) {
body#product .categoryproducts .thumbnail-container img,
body#product .categoryproducts .product-miniature img,
body#product .product-accessories .product-miniature img {
padding: 16px !important;
}
body#product .categoryproducts .product-miniature {
margin-left: 4px !important;
margin-right: 4px !important;
}
body#product .categoryproducts {
padding-left: 18px !important;
padding-right: 18px !important;
}
}
/* orarul din randul cu telefonul, mai discret */
body#product .wooimport-delivery-note .wdn-phone em {
font-style: normal !important;
font-size: 12.5px !important;
color: #8A9082 !important;
margin-left: 6px !important;
white-space: nowrap !important;
}
@media (max-width: 767px) {
body#product .wooimport-delivery-note .wdn-phone em {
display: block !important;
margin-left: 0 !important;
margin-top: 2px !important;
}
}
/* ============================================================
MODALUL "produs adaugat in cos" — ii lipsea fundalul,
se vedea pagina prin el
============================================================ */
body #blockcart-modal .modal-content {
background-color: #FFFFFF !important;
border: 0 !important;
border-radius: 6px !important;
box-shadow: 0 18px 50px rgba(0, 0, 0, 0.30) !important;
overflow: hidden !important;
}
body #blockcart-modal .modal-body {
background-color: #FFFFFF !important;
padding: 26px 28px !important;
}
body #blockcart-modal .modal-header {
background-color: #16190F !important;
border-bottom: 0 !important;
padding: 16px 24px !important;
}
body #blockcart-modal .modal-title,
body #blockcart-modal .modal-header .close,
body #blockcart-modal .modal-header .close .material-icons {
color: #FFFFFF !important;
}
body #blockcart-modal .modal-footer {
background-color: #FFFFFF !important;
border-top: 1px solid #E8EBE4 !important;
}
/* fundalul intunecat din spatele modalului */
body .modal-backdrop,
body .modal-backdrop.show,
body .modal-backdrop.in {
background-color: #000 !important;
opacity: 0.55 !important;
}
/* textul din interior, lizibil pe alb */
body #blockcart-modal .modal-body,
body #blockcart-modal .modal-body p,
body #blockcart-modal .modal-body span,
body #blockcart-modal .modal-body strong,
body #blockcart-modal .modal-body .product-name,
body #blockcart-modal .modal-body .cart-content p {
color: #16190F !important;
}
body #blockcart-modal .modal-body .product-price,
body #blockcart-modal .modal-body .value {
color: #16190F !important;
font-weight: 700 !important;
}
/* ============================================================
COSUL — textul era alb pe fond alb: denumiri, preturi, totaluri
============================================================ */
body#cart .product-line-info,
body#cart .product-line-info a,
body#cart .product-price,
body#cart .product-price strong,
body#cart .cart-summary-line .value,
body#cart .cart-total .value,
body#cart .cart-summary-line .label,
body#cart .cart-summary-subtotals-container .value,
body#cart .cart-item .label,
body#cart .product-line-grid-body,
body#cart .product-line-grid-right,
body#cart .cart-grid-body,
body#cart h1, body#cart .card-block h1 {
color: #16190F !important;
}
body#cart .product-line-info a {
font-weight: 600 !important;
font-size: 15px !important;
line-height: 1.35 !important;
}
body#cart .cart-summary-line .label {
color: #5C6455 !important;
}
body#cart .cart-total .value,
body#cart .cart-total .label {
color: #16190F !important;
font-weight: 700 !important;
}
body#cart .cart-summary-line .value {
font-weight: 600 !important;
}
/* mai putin gol deasupra */
body#cart #main .cart-grid,
body#cart .cart-grid {
padding-top: 0 !important;
margin-top: 0 !important;
}
body#cart #content-wrapper > .cart-grid:first-child {
margin-top: 12px !important;
}
@media (max-width: 767px) {
/* Randul de produs: clasele Bootstrap se contrazic (imaginea are
col-xs-12, textul col-xs-8), asa ca ambele pornesc din acelasi
punct si imaginea acopera denumirea. Il refac ca flex curat. */
body#cart .cart-item .product-line-grid {
display: flex !important;
flex-wrap: wrap !important;
align-items: flex-start !important;
margin-left: 0 !important;
margin-right: 0 !important;
column-gap: 12px !important;
}
/* Structura reala: .product-line-grid-left > .row > (span.product-image + .product-line-grid-body)
Fac randul interior flex, ca imaginea si textul sa stea alaturi. */
body#cart .cart-item .product-line-grid-left {
float: none !important;
flex: 0 0 100% !important;
width: 100% !important;
max-width: 100% !important;
padding: 0 !important;
margin: 0 !important;
}
body#cart .cart-item .product-line-grid-left > .row {
display: flex !important;
flex-wrap: nowrap !important;
align-items: flex-start !important;
margin-left: 0 !important;
margin-right: 0 !important;
gap: 12px !important;
}
body#cart .cart-item .product-line-grid-left .product-image {
/* tema o pune absolute, deci iese din flux si acopera textul */
position: static !important;
float: none !important;
flex: 0 0 90px !important;
width: 90px !important;
max-width: 90px !important;
padding: 0 !important;
margin: 0 !important;
display: block !important;
}
body#cart .cart-item .product-line-grid-left .product-image img {
width: 90px !important;
height: auto !important;
display: block !important;
}
body#cart .cart-item .product-line-grid-body {
float: none !important;
flex: 1 1 0 !important;
width: auto !important;
max-width: none !important;
min-width: 0 !important;
padding: 0 !important;
margin: 0 !important;
}
/* pret unitar, cantitate si subtotal pe acelasi rand,
nu pe trei randuri suprapuse (toate erau col-xs-12) */
body#cart .cart-item .product-line-grid-right {
flex: 0 0 100% !important;
width: 100% !important;
max-width: 100% !important;
padding: 0 !important;
margin-top: 12px !important;
}
/* randul interior e cel care trebuie sa devina flex */
body#cart .cart-item .product-line-grid-right > .row {
display: flex !important;
flex-direction: row !important;
flex-wrap: nowrap !important;
align-items: center !important;
justify-content: space-between !important;
gap: 10px !important;
margin-left: 0 !important;
margin-right: 0 !important;
}
body#cart .cart-item .product-line-grid-right > .row > div {
padding-left: 0 !important;
padding-right: 0 !important;
width: auto !important;
max-width: none !important;
margin: 0 !important;
float: none !important;
position: static !important;
display: block !important;
}
/* pretul unitar */
body#cart .cart-item .product-line-grid-right > .row .product-price-and-shipping {
flex: 0 1 auto !important;
font-size: 13px !important;
color: #6E7568 !important;
}
body#cart .cart-item .product-line-grid-right > .row .product-price-and-shipping .price {
font-size: 13px !important;
color: #6E7568 !important;
}
/* cantitatea */
body#cart .cart-item .product-line-grid-right > .row .qty {
flex: 0 0 auto !important;
}
body#cart .cart-item .product-line-grid-right > .row .qty .input-group,
body#cart .cart-item .product-line-grid-right > .row .qty .js-cart-line-product-quantity {
margin: 0 !important;
}
/* subtotalul, aliniat la dreapta si evidentiat */
body#cart .cart-item .product-line-grid-right > .row > .price {
flex: 0 1 auto !important;
text-align: right !important;
margin-left: auto !important;
}
body#cart .cart-item .product-line-grid-right > .row > .price .product-price {
font-size: 16px !important;
font-weight: 700 !important;
color: #16190F !important;
white-space: nowrap !important;
}
body#cart .cart-item {
padding: 16px 0 !important;
}
body#cart .product-line-info a {
font-size: 14px !important;
display: block !important;
margin-bottom: 5px !important;
}
body#cart .cart-detailed-actions .btn,
body#cart .checkout .btn {
width: 100% !important;
display: block !important;
text-align: center !important;
}
}
/* ============================================================
COS — butonul "Continua cumparaturile", la fel ca cel de comanda
============================================================ */
body#cart .continue-shopping-btn {
display: flex !important;
align-items: center !important;
justify-content: center !important;
gap: 8px !important;
width: 100% !important;
padding: 15px 24px !important;
margin-bottom: 16px !important;
font-size: 15px !important;
font-weight: 700 !important;
line-height: 1.2 !important;
text-transform: none !important;
border-radius: 4px !important;
background-color: #16190F !important;
border: 0 !important;
color: #FFFFFF !important;
text-decoration: none !important;
transition: background-color .2s ease !important;
box-sizing: border-box !important;
}
body#cart .continue-shopping-btn:hover,
body#cart .continue-shopping-btn:focus {
background-color: #0046BE !important;
color: #FFFFFF !important;
}
body#cart .continue-shopping-btn i {
font-size: 19px !important;
line-height: 1 !important;
color: inherit !important;
}
body#cart .continue-shopping-btn span {
color: inherit !important;
}
/* ============================================================
FINALIZARE COMANDA — titlurile pasilor erau albe pe alb,
se vedeau doar cerculetele cu numarul
============================================================ */
body#checkout .step-title,
body#checkout h1.step-title,
body#checkout .checkout-step .step-title,
body#checkout .step-edit,
body#checkout .checkout-step h1,
body#checkout .checkout-step h2,
body#checkout #js-checkout-summary h1,
body#checkout .card-title,
body#checkout .cart-summary h1 {
color: #16190F !important;
}
body#checkout .step-title {
font-size: 19px !important;
font-weight: 700 !important;
display: flex !important;
align-items: center !important;
gap: 12px !important;
}
/* numarul pasului, in cerc */
body#checkout .step-number {
flex: 0 0 34px !important;
width: 34px !important;
height: 34px !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
border-radius: 50% !important;
background: #E9EEE2 !important;
color: #5C6455 !important;
font-size: 15px !important;
font-weight: 700 !important;
}
body#checkout .checkout-step.-current .step-number {
background: #0046BE !important;
color: #FFFFFF !important;
}
body#checkout .checkout-step.-complete .step-number {
background: #16190F !important;
color: #FFFFFF !important;
}
/* etichete si text din formulare */
body#checkout .form-control-label,
body#checkout .checkout-step label,
body#checkout .checkout-step .form-control-comment,
body#checkout .checkout-step p,
body#checkout .checkout-step span {
color: #3A4034 !important;
}
body#checkout .checkout-step a {
color: #003392 !important;
}
/* --- comanda scurta: ascundem campurile care nu cer nimic de la client --- */
/* "Mod de adresare" e optional si nu ne foloseste la nimic */
body#checkout #customer-form .form-group:has(input[name="id_gender"]) {
display: none !important;
}
/* pe pasul de adresa numele si tara vin deja completate din pasul 1,
iar bifa de facturare e oricum bifata — le lasam sa se trimita, dar nu le aratam */
body#checkout #checkout-addresses-step .form-group:has(input[name="firstname"]),
body#checkout #checkout-addresses-step .form-group:has(input[name="lastname"]),
body#checkout #checkout-addresses-step .form-group:has(select[name="id_country"]),
body#checkout #checkout-addresses-step .form-group:has(input[name="use_same_address"]) {
display: none !important;
}
/* --- sumarul comenzii: sumele erau albe pe alb --- */
body#checkout #js-checkout-summary .cart-summary-line .label,
body#checkout #js-checkout-summary .cart-summary-line .value,
body#checkout #js-checkout-summary .cart-summary-line span,
body#checkout #js-checkout-summary .product-line-info,
body#checkout #js-checkout-summary .media-body {
color: #16190F !important;
}
body#checkout #js-checkout-summary .cart-summary-line .value,
body#checkout #js-checkout-summary .cart-total .value {
font-weight: 700 !important;
}
body#checkout #js-checkout-summary .cart-total .label,
body#checkout #js-checkout-summary .cart-total .value {
font-size: 17px !important;
}
/* --- metoda de livrare: cardul era gri inchis cu text inchis --- */
body#checkout .delivery-option,
body#checkout .delivery-options .delivery-option {
background: #FFFFFF !important;
border: 1px solid #D8E0CE !important;
border-radius: 6px !important;
padding: 14px 12px !important;
margin-bottom: 10px !important;
}
body#checkout .delivery-option:hover {
border-color: #0046BE !important;
}
body#checkout .delivery-option .carrier-name,
body#checkout .delivery-option .carrier-delay,
body#checkout .delivery-option .carrier-price,
body#checkout .delivery-option label,
body#checkout .delivery-option span {
color: #16190F !important;
}
body#checkout .delivery-option .carrier-price {
font-weight: 700 !important;
}
/* --- pagina de confirmare a comenzii --- */
body#order-confirmation #content,
body#order-confirmation .card-block,
body#order-confirmation .order-line,
body#order-confirmation table td,
body#order-confirmation table th {
color: #3A4034 !important;
}
/* randul TOTAL era bara inchisa cu text inchis */
body#order-confirmation tr.total-value,
body#order-confirmation tr.total-value td,
body#order-confirmation tr.total-value th {
background: #16190F !important;
color: #FFFFFF !important;
font-weight: 700 !important;
}
/* casuta de observatii era neagra pe negru */
body#checkout #delivery textarea,
body#checkout .checkout-step textarea {
background: #FFFFFF !important;
color: #16190F !important;
border: 1px solid #D8E0CE !important;
}
/* ==========================================================================
Butoane de contact flotante (dreapta jos)
Stau in coloana deasupra sagetii "sus", care ramane la 30px de margine.
========================================================================== */
.contact-flotant {
position: fixed;
right: 1.875rem;
bottom: 5.4rem;
z-index: 11;
display: flex;
flex-direction: column;
gap: 10px;
}
.contact-flotant-buton {
width: 52px;
height: 52px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
color: #FFFFFF;
font-size: 24px;
line-height: 1;
box-shadow: 0 3px 12px rgba(0, 0, 0, .25);
transition: transform .15s ease, box-shadow .15s ease;
position: relative;
}
.contact-flotant-buton svg {
width: 24px;
height: 24px;
display: block;
}
.contact-flotant-buton:hover,
.contact-flotant-buton:focus {
color: #FFFFFF;
transform: translateY(-2px);
box-shadow: 0 6px 18px rgba(0, 0, 0, .3);
}
.cf-telefon { background: #0046BE; }
.cf-whatsapp { background: #25D366; }
/* eticheta apare la hover, doar pe desktop */
.contact-flotant-eticheta {
position: absolute;
right: 62px;
white-space: nowrap;
background: #16190F;
color: #FFFFFF;
font-size: 13px;
font-weight: 700;
padding: 6px 11px;
border-radius: 4px;
opacity: 0;
pointer-events: none;
transform: translateX(6px);
transition: opacity .15s ease, transform .15s ease;
}
.contact-flotant-buton:hover .contact-flotant-eticheta {
opacity: 1;
transform: translateX(0);
}
@media (max-width: 767px) {
.contact-flotant {
right: 14px;
bottom: 14px;
gap: 8px;
}
.contact-flotant-buton {
width: 46px;
height: 46px;
}
.contact-flotant-buton svg {
width: 21px;
height: 21px;
}
.contact-flotant-eticheta {
display: none;
}
/* pe mobil sageata "sus" ar sta peste butoane, o mutam in stinga lor */
.back-top {
right: 70px;
bottom: 14px;
}
}
/* ==========================================================================
Casute de bifat
Semnul de bifare era alb pe fond alb: casuta arata goala si dupa ce o
bifai, asa ca parea ca nu se poate apasa. Il desenam noi, din CSS, ca sa
nu depindem de fontul de iconuri.
========================================================================== */
#customer-form input[type="checkbox"] + span,
#conditions-to-approve input[type="checkbox"] + span,
body#checkout input[type="checkbox"] + span,
body#authentication input[type="checkbox"] + span,
body#registration input[type="checkbox"] + span {
display: inline-block !important;
position: relative;
width: 20px;
height: 20px;
flex: 0 0 20px;
border: 2px solid #B9C4AC;
border-radius: 3px;
background: #FFFFFF;
vertical-align: -4px;
cursor: pointer;
transition: background .12s ease, border-color .12s ease;
}
#customer-form input[type="checkbox"]:hover + span,
#conditions-to-approve input[type="checkbox"]:hover + span,
body#checkout input[type="checkbox"]:hover + span {
border-color: #0046BE;
}
#customer-form input[type="checkbox"]:checked + span,
#conditions-to-approve input[type="checkbox"]:checked + span,
body#checkout input[type="checkbox"]:checked + span,
body#authentication input[type="checkbox"]:checked + span,
body#registration input[type="checkbox"]:checked + span {
background: #0046BE;
border-color: #0046BE;
}
/* bifa propriu-zisa: doua laturi de chenar rotite */
#customer-form input[type="checkbox"]:checked + span::after,
#conditions-to-approve input[type="checkbox"]:checked + span::after,
body#checkout input[type="checkbox"]:checked + span::after,
body#authentication input[type="checkbox"]:checked + span::after,
body#registration input[type="checkbox"]:checked + span::after {
content: "";
position: absolute;
left: 5px;
top: 1px;
width: 5px;
height: 10px;
border: solid #FFFFFF;
border-width: 0 2px 2px 0;
transform: rotate(45deg);
}
/* glifa veche, care nu se randa, nu mai are ce cauta */
#customer-form input[type="checkbox"] + span .checkbox-checked,
#conditions-to-approve input[type="checkbox"] + span .checkbox-checked,
body#checkout input[type="checkbox"] + span .checkbox-checked,
body#authentication input[type="checkbox"] + span .checkbox-checked,
body#registration input[type="checkbox"] + span .checkbox-checked {
display: none !important;
}
/* zona de clic sa fie tot randul, nu doar patratelul.
Ramanem pe curgere inline: eticheta contine text si
, iar cu flex
fiecare bucata de text ar deveni coloana separata. */
#customer-form label:has(> input[type="checkbox"]),
#conditions-to-approve label:has(> input[type="checkbox"]) {
cursor: pointer;
display: block;
padding-left: 30px;
line-height: 1.5;
}
#customer-form label:has(> input[type="checkbox"]) > input[type="checkbox"] + span,
#conditions-to-approve label:has(> input[type="checkbox"]) > input[type="checkbox"] + span {
position: absolute;
left: 0;
top: 2px;
}
#customer-form label:has(> input[type="checkbox"]) {
position: relative;
}
#conditions-to-approve label:has(> input[type="checkbox"]) {
position: relative;
}
/* ==========================================================================
Meniul principal
La hover textul trecea din negru intr-un gri inchis care se pierdea pe
bara verde. Il tinem la fel de negru in toate starile si dam raspunsul
vizual dintr-o linie sub text.
========================================================================== */
#_desktop_megamenu ul.menu-content > li.menu-item > a,
#_desktop_megamenu ul.menu-content > li.menu-item > a span,
#_desktop_megamenu ul.menu-content > li.menu-item:hover > a,
#_desktop_megamenu ul.menu-content > li.menu-item:hover > a span,
#_desktop_megamenu ul.menu-content > li.menu-item.active > a,
#_desktop_megamenu ul.menu-content > li.menu-item.active > a span,
#_desktop_megamenu ul.menu-content > li.menu-item > a:hover,
#_desktop_megamenu ul.menu-content > li.menu-item > a:hover span,
#_desktop_megamenu ul.menu-content > li.menu-item > a:focus,
#_desktop_megamenu ul.menu-content > li.menu-item > a:active,
#_desktop_megamenu ul.menu-content > li.menu-item > a:active span {
color: #16190F !important;
opacity: 1 !important;
}
#_desktop_megamenu ul.menu-content > li.menu-item > a i {
color: #16190F !important;
}
/* sageata "inapoi sus": iconul e acum SVG, ii dam dimensiune */
.back-top a svg {
width: 18px;
height: 18px;
display: block;
}