@font-face {
	font-weight: normal;
	font-style: normal;
	font-family: "woodmart-font";
	src: url("//www.vintager.ro/wp-content/themes/woodmart/fonts/woodmart-font-1-400.woff2?v=7.5.2") format("woff2");
}

:root {
	--wd-text-font: "Open Sans", Arial, Helvetica, sans-serif;
	--wd-text-font-weight: 500;
	--wd-text-color: rgb(20,20,20);
	--wd-text-font-size: 14px;
	--wd-title-font: "Open Sans", Arial, Helvetica, sans-serif;
	--wd-title-font-weight: 600;
	--wd-title-color: 141414;
	--wd-entities-title-font: "Open Sans", Arial, Helvetica, sans-serif;
	--wd-entities-title-font-weight: 600;
	--wd-entities-title-color: rgb(20,20,20);
	--wd-entities-title-color-hover: rgb(242, 141, 186);
	--wd-alternative-font: "Open Sans", Arial, Helvetica, sans-serif;
	--wd-widget-title-font: "Open Sans", Arial, Helvetica, sans-serif;
	--wd-widget-title-font-weight: 700;
	--wd-widget-title-transform: none;
	--wd-widget-title-color: rgb(20,20,20);
	--wd-widget-title-font-size: 16px;
	--wd-header-el-font: "Open Sans", Arial, Helvetica, sans-serif;
	--wd-header-el-font-weight: 600;
	--wd-header-el-transform: none;
	--wd-header-el-font-size: 14px;
	--wd-primary-color: rgb(242,141,186);
	--wd-alternative-color: rgb(20,20,20);
	--wd-link-color: rgb(20,20,20);
	--wd-link-color-hover: rgb(242,141,186);
	--btn-default-bgcolor: #FFFFFF;
	--btn-default-bgcolor-hover: rgb(242,141,186);
	--btn-default-color: rgb(20,20,20);
	--btn-default-color-hover: rgb(255,255,255);
	--btn-accented-bgcolor: #F28DBA;
	--btn-accented-bgcolor-hover: rgb(20,20,20);
	--wd-form-brd-width: 1px;
	--notices-success-bg: rgb(254,242,242);
	--notices-success-color: rgb(153,27,27);
	--notices-warning-bg: #E0B252;
	--notices-warning-color: #fff;
}
.woodmart-woocommerce-layered-nav .wd-scroll-content {
	max-height: 223px;
}
.wd-popup.wd-age-verify {
	--wd-popup-width: 500px;
}
.wd-popup.wd-promo-popup {
	background-color: #111111;
	background-image: url(https://www.vintager.ro/wp-content/uploads/2021/08/promo-popup-1.webp);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	--wd-popup-width: 800px;
}
.page-title-default {
	background-color: #0a0a0a;
	background-image: none;
	background-size: cover;
	background-position: center center;
}
.footer-container {
	background-color: rgb(0,0,0);
	background-image: none;
}
html .wd-nav.wd-nav-main > li > a {
	font-family: "Open Sans", Arial, Helvetica, sans-serif;
	font-weight: 700;
	font-size: 20px;
	text-transform: none;
	color: rgb(255,255,255);
}
html .wd-nav.wd-nav-main > li:hover > a, html .wd-nav.wd-nav-main > li.current-menu-item > a {
	color: rgb(242,141,186);
}
html .cart-actions .button[name="apply_coupon"] {
	color: rgb(255,255,255);
	background: rgb(0,0,0);
}
html .cart-actions .button[name="apply_coupon"]:hover {
	color: rgb(255,255,255);
	background: rgb(242,141,186);
}
.wd-nav-arrows.wd-pos-sep:not(:where(.wd-custom-style)) {
	--wd-arrow-bg: rgb(242,141,186);
	--wd-arrow-radius: 50px;
}
.wd-popup.popup-quick-view {
	--wd-popup-width: 920px;
}
:root{
--wd-container-w: 1222px;
--wd-form-brd-radius: 0px;
--btn-accented-color: #333;
--btn-accented-color-hover: #fff;
--btn-default-brd-radius: 35px;
--btn-default-box-shadow: none;
--btn-default-box-shadow-hover: none;
--btn-accented-brd-radius: 5px;
--btn-accented-box-shadow: none;
--btn-accented-box-shadow-hover: none;
--wd-brd-radius: 0px;
}

@media (min-width: 1239px) {
.platform-Windows .wd-section-stretch > .elementor-container {
margin-left: auto;
margin-right: auto;
}
}

@media (min-width: 1222px) {
html:not(.platform-Windows) .wd-section-stretch > .elementor-container {
margin-left: auto;
margin-right: auto;
}
}


.footer-images {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 15px;
    flex-wrap: wrap;
    margin-top: 20px;
}

.footer-images img {
    max-height: 50px;
    height: auto;
    width: auto;
    object-fit: contain;
}

.list-content a {
    color: inherit; /* Moștenește culoarea temei */
    text-decoration: none; /* Fără subliniere */
    font-weight: bold; /* Dacă vrei să fie mai îndrăzneț */
    font-size: 16px; /* Ajustează mărimea fontului */
    transition: color 0.3s ease; /* Tranziție lină la hover */
}

/* Hover - Schimbă culoarea doar la hover */
.list-content a:hover {
    color: rgb(242,141,186) !important; /* Forțăm schimbarea culorii la hover */
}



 .whatsapp-contact-button {
    display: inline-flex;
    align-items: center;
    background-color: #25D366; /* WhatsApp green */
    color: white;
    padding: 12px 18px;
    border-radius: 8px;
    text-decoration: none;
    font-weight: 600;
    font-size: 16px;
    transition: background-color 0.3s ease;
    margin-top: 15px;
}

/* Hover pentru desktop */
.whatsapp-contact-button:hover {
    background-color: #1DA851; /* Culoare de hover */
}

/* Stil pentru când butonul este apăsat pe mobil */
.whatsapp-contact-button:active {
    background-color: #1DA851; /* Hover pe mobil la apăsare */
}

/* Acesta va fi activ pe mobil când se face touch */
@media (hover: none) and (pointer: coarse) {
    .whatsapp-contact-button {
        background-color: #25D366; /* Culoare normală */
    }

    .whatsapp-contact-button:active {
        background-color: #1DA851; /* Culoare de hover pe mobil */
    }
}

/* Săgețile de navigare cu dimensiuni mai mici și culoare personalizată */
.wd-btn-arrow.wd-next, .wd-btn-arrow.wd-prev {
    font-size: 24px; /* Dimensiune mai mică pentru săgeți */
    width: 37px; /* Lățimea săgeții */
    height: 37px; /* Înălțimea săgeții */
    background-color: rgb(242,141,186); /* Culoare roz personalizată pentru fundalul săgeților */
    border-radius: 50%; /* Săgețile vor fi rotunde */
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Culoarea icon-ului săgeții */
.wd-btn-arrow.wd-next .icon, .wd-btn-arrow.wd-prev .icon {
    color: #ffffff; /* Culoarea albă pentru icon */
}

/* Efectul de hover pe săgeți */
.wd-btn-arrow.wd-next:hover, .wd-btn-arrow.wd-prev:hover {
    background-color: rgb(222, 123, 156); /* Culoare roz mai închisă la hover */
}

/* Culoare icon-ului săgeților la hover */
.wd-btn-arrow.wd-next:hover .icon, .wd-btn-arrow.wd-prev:hover .icon {
    color: #ffffff; /* Culoare albă pentru icon la hover */
}

.product-category img,
.woocommerce .product-category img {
    display: none !important;
}

.product-category h2,
.woocommerce .product-category h2 {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
}


.payment-request-button {
    border: 2px solid black !important;
    background-color: transparent !important;
    color: black !important;
}

.payment-request-button::-webkit-inner-spin-button,
.payment-request-button:before {
    filter: invert(0); /* păstrează logo-ul negru */
}

//emoji aranjate

.woocommerce div.product .woocommerce-product-details__short-description {
    line-height: 1.4;
}

.woocommerce div.product .woocommerce-product-details__short-description span,
.woocommerce div.product .woocommerce-product-details__short-description p,
.woocommerce div.product .woocommerce-product-details__short-description {
    font-size: 16px;
    vertical-align: middle;
}

.woocommerce div.product .woocommerce-product-details__short-description img,
.woocommerce div.product .woocommerce-product-details__short-description svg {
    max-height: 1em;
    vertical-align: middle;
}

/* Stilizare pentru butonul WhatsApp */
.whatsapp-button img {
    width: 20px; /* Lățimea iconului */
    height: auto; /* Înalțimea va fi proporțională cu lățimea */
    margin-right: 10px; /* Distanța între icon și text */
}
/* Stilizare pentru butonul WhatsApp */
.whatsapp-button {
    background-color: #25D366; /* Culoarea verde */
    color: white; /* Text alb */
    padding: 10px 15px; /* Strângem pe lățime */
    text-align: center;
    border-radius: 25px; /* Face butonul rotund */
    font-size: 16px; /* Dimensiunea textului */
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px; /* Spațiu între icon și text */
    text-decoration: none; /* Elimină sublinierea textului */
    transition: background-color 0.3s ease, transform 0.2s ease; /* Adăugăm efecte la hover */
}

/* Efect de hover (când utilizatorul trece cu mouse-ul pe buton) */
.whatsapp-button:hover {
    background-color: #128C7E; /* Culoare mai închisă pe hover */
    transform: scale(1.05); /* Mărește butonul la hover pentru un efect de apăsare */
}

/* Icona WhatsApp */
.whatsapp-button i {
    font-size: 18px; /* Mărimea iconului */
}


/* Emoji alignment fix */
.woocommerce, body {
  font-family: inherit;
}

.woocommerce ::selection,
body ::selection {
  background: #f2f2f2;
}

/* Aliniere și dimensiune emojiuri */
.woocommerce span,
.woocommerce p,
body span,
body p {
  line-height: 1.5;
  vertical-align: middle;
}

.woocommerce span img.emoji,
body span img.emoji,
.woocommerce p img.emoji,
body p img.emoji {
  display: inline-block;
  vertical-align: middle;
  height: 1em;
  width: auto;
}

/* Ascunde toate submeniurile */
.wd-widget.widget_nav_menu .sub-menu {
  display: none;
  padding-left: 15px;
}

/* Link cu submeniu */
.wd-widget.widget_nav_menu .menu-item-has-children > a {
  cursor: pointer;
  position: relative;
  user-select: none;
  padding-right: 20px;
  display: inline-block;
  width: 100%;
}

/* Săgeata ▼ pentru toate nivelurile */
.wd-widget.widget_nav_menu .menu-item-has-children > a::after {
  content: '▼';
  position: absolute;
  right: 5px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 12px;
  color: #f28dba;
  transition: transform 0.3s ease;
}

/* Săgeată rotită când submeniul este deschis */
.wd-widget.widget_nav_menu .menu-item-has-children.open > a::after {
  transform: translateY(-50%) rotate(180deg);
}

/* Afișare submeniuri deschise */
.wd-widget.widget_nav_menu .menu-item-has-children.open > .sub-menu {
  display: block;
}

/* afisare linie meniu slider */
.header-wrapper,
.whb-header,
.whb-top-bar,
.whb-main-header {
    border-bottom: 2px solid #000 !important;
}







@media (min-width: 1025px) {
	.wd-header-my-account i,
.wd-header-my-account .wd-tools-icon,
.wd-header-my-account .wd-tools-element,
.wd-header-my-account svg {
  font-size: 28px !important;
  width: 27px !important;
  height: 19px !important;
  line-height: 1 !important;
}

.wd-header-my-account {
  transform: scale(1.2) !important; /* mărește tot butonul */
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.wd-tools-count.has-items {
  background-color: #ffffff !important;
  color: #f28dba !important;
  transform: scale(1.3);
  box-shadow: 0 0 5px #f28dba;
}


.wd-header-cart i,
.wd-header-cart .wd-tools-icon,
.wd-header-cart .wd-tools-element,
.wd-header-cart svg {
  font-size: 28px !important;
  width: 27px !important;
  height: 19px !important;
  line-height: 1 !important;
}

.wd-header-cart {
  transform: scale(1.2) !important; /* mărește tot butonul */
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  position: relative !important;
}

/* Iconul de wishlist */
.wd-header-wishlist.wd-style-icon i,
.wd-header-wishlist.wd-style-icon svg,
.wd-header-wishlist.wd-style-icon .wd-tools-icon,
.wd-header-wishlist.wd-style-icon .wd-tools-element {
  font-size: 28px !important;
  width: 27px !important;
  height: 19px !important;
  line-height: 1 !important;
}

.wd-header-wishlist i,
.wd-header-wishlist .wd-tools-icon,
.wd-header-wishlist .wd-tools-element,
.wd-header-wishlist svg {
  font-size: 28px !important;
  width: 27px !important;
  height: 19px !important;
  line-height: 1 !important;
}

.wd-header-wishlist {
  transform: scale(1.2) !important; /* mărește tot butonul */
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  position: relative !important;
}


/* 🔷 Mărire logo principal (wd-logo.wd-main-logo) */
.wd-logo.wd-main-logo img {
    max-height: 117px !important; /* ajustează înălțimea după nevoie */
    height: auto;
    width: auto;
	   display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}

/* 🔷 Elimină linia/marginea dintre top bar și main header în Woodmart */

.whb-top-bar {
    margin-bottom: 0 !important;
    border-bottom: none !important;
    box-shadow: none !important;
}

/* Elimină bordura forțată de clasa `whb-border-fullwidth` */
.whb-border-fullwidth {
    border: none !important;
}

/* Elimină eventuale margini de sus de la headerul principal */
.whb-main-header {
    margin-top: 0 !important;
    border-top: none !important;
}

/* 🔷 Iconițe albe pentru toate elementele din header (wishlist, cart, etc.) */
.wd-tools-icon,
.wd-tools-icon.wd-icon-alt {
    color: #ffffff !important;
    fill: #ffffff !important;
}

/* 🔷 Schimbă culoarea la hover la rgb(242,141,186) */
.wd-tools-icon:hover,
.wd-tools-icon.wd-icon-alt:hover {
    color: rgb(242, 141, 186) !important;
    fill: rgb(242, 141, 186) !important;
}

.footer-logos-fixed {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 20px;
  padding: 20px;
  flex-wrap: nowrap; /* pe desktop toate pe un rând */
}

/* dimensiune imagini */
.footer-logos-fixed img {
  width: 200px;
  height: auto;
  display: inline-block;
}
}

@media (min-width: 577px) and (max-width: 767px) {
	.wd-header-cart i,
.wd-header-cart .wd-tools-icon,
.wd-header-cart .wd-tools-element,
.wd-header-cart svg {
  font-size: 30px !important;
  width: 27px !important;
  height: 19px !important;
  line-height: 1 !important;
}

.wd-header-cart {
  transform: scale(1.2) !important; /* mărește tot butonul */
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  position: relative !important;
}


.wd-header-mobile-nav .wd-mobile-nav-toggle,
.wd-header-mobile-nav .wd-mobile-nav-toggle i {
  color: #ffffff !important;
}

.wd-header-mobile-nav .wd-header-cart a,
.wd-header-mobile-nav .wd-header-cart a .wd-cart-icon {
  color: #ffffff !important;
}


.btn.btn-scheme-light.btn-style-link {
  color: white;
  font-weight: bold;
  background: none;
  border: none;
  text-transform: uppercase;
  font-size: 14px; /* sau ajustează dacă e nevoie */
  transition: color 0.3s ease;
  padding: 0; /* ca să arate ca un link, nu ca un buton */
}

.btn.btn-scheme-light.btn-style-link:hover {
  color: rgb(242, 141, 186);
}

}

@media (max-width: 576px) {
	.wd-header-cart i,
.wd-header-cart .wd-tools-icon,
.wd-header-cart .wd-tools-element,
.wd-header-cart svg {
  font-size: 28px !important;
  width: 30px !important;
  height: 19px !important;
  line-height: 1 !important;
}

.wd-header-cart {
  transform: scale(1.4) !important; /* mărește tot butonul */
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  position: relative !important;
}

@media (max-width: 768px) {
  .wd-logo.wd-main-logo img {
    max-height: 70px !important; /* poți ajusta mărimea după preferință */
    height: auto !important;
    width: auto !important;
  }
}


 .whatsapp-contact-button {
    display: inline-flex;
    align-items: center;
    background-color: #25D366; /* WhatsApp green */
    color: white;
    padding: 12px 18px;
    border-radius: 8px;
    text-decoration: none;
    font-weight: 600;
    font-size: 16px;
    transition: background-color 0.3s ease;
    margin-top: 15px;
}

.whatsapp-contact-button:hover {
    background-color: #1DA851;
}


/* Săgețile de navigare cu dimensiuni mai mici și culoare personalizată */
.wd-btn-arrow.wd-next, .wd-btn-arrow.wd-prev {
    font-size: 24px; /* Dimensiune mai mică pentru săgeți */
    width: 30px; /* Lățimea săgeții */
    height: 30px; /* Înălțimea săgeții */
    background-color: rgb(242,141,186); /* Culoare roz personalizată pentru fundalul săgeților */
    border-radius: 50%; /* Săgețile vor fi rotunde */
    display: flex;
    align-items: center;
    justify-content: center;
}



/* Hover negru pentru iconuri și text */
.wd-header-mobile-nav .wd-tools-icon:hover,
.wd-tools-element.wd-header-mobile-nav:hover,
.wd-tools-icon:hover,
.fa:hover,
.wd-tools-text:hover {
    color: #000000 !important;
    fill: #000000 !important;
}



/* Elimină spațiul și bordura dintre top bar și header pe mobil */
@media (max-width: 767px) {
  .whb-top-bar,
  .whb-main-header {
    margin: 0 !important;
    border: none !important;
    border-bottom: 0 !important;
  }

  .whb-top-bar.whb-border-fullwidth {
    border-bottom: none !important;
  }

  .whb-row {
    border: none !important;
    box-shadow: none !important;
  }
}


/* PE MOBIL: imagini una sub alta */
@media (max-width: 768px) {
  .footer-logos-fixed {
    flex-direction: column; /* vertical */
    flex-wrap: nowrap;
    gap: 15px;
  }
  .footer-logos-fixed img {
    width: 150px; /* lățime mai mică */
    max-width: 90vw;
    margin: 0 auto; /* centrează imaginea */
    display: block;
  }
}


.wd-tools-element.wd-header-mobile-nav.wd-style-text.wd-design-1.whb-g1k0m1tib7raxrwkm1t3 {
  color: #ffffff !important;
  fill: #ffffff !important;
}


.header-mobile .wd-tools-icon.wd-icon-alt {
  color: #f28dba !important;
}


.btn.btn-scheme-light.btn-style-link {
  color: white;
  font-weight: bold;
  background: none;
  border: none;
  text-transform: uppercase;
  font-size: 14px; /* sau ajustează dacă e nevoie */
  transition: color 0.3s ease;
  padding: 0; /* ca să arate ca un link, nu ca un buton */
}

.btn.btn-scheme-light.btn-style-link:hover {
  color: rgb(242, 141, 186);
}


/* Limităm înălțimea hero-ului Woodmart pe mobil (homepage) */
@media (max-width: 768px) {

    /* Hero / slider Woodmart de pe homepage */
    .home .wd-slider,
    .home .wd-slider .wd-slide,
    .home .page-title,
    .home .page-title-default {
        height: 320px !important;
        min-height: 320px !important;
        max-height: 320px !important;
        padding-top: 20px !important;
        padding-bottom: 20px !important;
        overflow: hidden;
    }

    /* Dacă imaginea este background în hero */
    .home .page-title,
    .home .wd-slider {
        background-size: cover !important;
        background-position: center center !important;
    }

    /* Dacă în hero există imagini normale <img> */
    .home .wd-slider img,
    .home .page-title img {
        height: 100% !important;
        width: 100%;
        object-fit: cover;
        object-position: center;
    }
}

}