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

:root {
	--wd-text-font: "Source Sans 3", Arial, Helvetica, sans-serif;
	--wd-text-font-weight: 400;
	--wd-text-color: #767676;
	--wd-text-font-size: 16px;
	--wd-title-font: "Source Sans 3", Arial, Helvetica, sans-serif;
	--wd-title-font-weight: 700;
	--wd-title-color: #242424;
	--wd-entities-title-font: "Source Sans 3", Arial, Helvetica, sans-serif;
	--wd-entities-title-font-weight: 600;
	--wd-entities-title-color: #333333;
	--wd-entities-title-color-hover: rgb(51 51 51 / 65%);
	--wd-alternative-font: "Source Sans 3", Arial, Helvetica, sans-serif;
	--wd-widget-title-font: "Source Sans 3", Arial, Helvetica, sans-serif;
	--wd-widget-title-font-weight: 600;
	--wd-widget-title-transform: capitalize;
	--wd-widget-title-color: #333;
	--wd-widget-title-font-size: 16px;
	--wd-header-el-font: "Source Sans 3", Arial, Helvetica, sans-serif;
	--wd-header-el-font-weight: 600;
	--wd-header-el-transform: capitalize;
	--wd-header-el-font-size: 16px;
	--wd-primary-color: rgb(247,143,30);
	--wd-alternative-color: #fbbc34;
	--wd-link-color: #333333;
	--wd-link-color-hover: #242424;
	--btn-default-bgcolor: #f7f7f7;
	--btn-default-bgcolor-hover: #efefef;
	--btn-accented-bgcolor: rgb(220,172,127);
	--btn-accented-bgcolor-hover: rgb(200,157,116);
	--btn-transform: capitalize;
	--wd-form-brd-width: 2px;
	--notices-success-bg: #459647;
	--notices-success-color: #fff;
	--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: rgb(245,245,245);
	background-image: url(https://versalogic.ro/wp-content/uploads/2023/03/p-bg-3.jpg);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: left 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(233,235,239);
	background-image: none;
}
html .wd-nav-mobile > li > a {
	text-transform: capitalize;
}
.page .main-page-wrapper {
	background-color: rgb(245,245,245);
	background-image: none;
}
.wd-popup.popup-quick-view {
	--wd-popup-width: 920px;
}
:root{
--wd-container-w: 1222px;
--wd-form-brd-radius: 0px;
--btn-default-color: #333;
--btn-default-color-hover: #333;
--btn-accented-color: #fff;
--btn-accented-color-hover: #fff;
--btn-default-brd-radius: 0px;
--btn-default-box-shadow: none;
--btn-default-box-shadow-hover: none;
--btn-default-box-shadow-active: none;
--btn-default-bottom: 0px;
--btn-accented-brd-radius: 0px;
--btn-accented-box-shadow: none;
--btn-accented-box-shadow-hover: none;
--btn-accented-box-shadow-active: none;
--btn-accented-bottom: 0px;
--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;
}
}


/* === Fix: labels vizibile in Dark Mode (global) === */
html.wp-dark-mode-active label,
html.wp-dark-mode-active .wpcf7-form label,
html.wp-dark-mode-active form label {
  color: #ced6dc !important;
}

/* ==================== DESKTOP (>=1025px) ==================== */
@media (min-width: 1025px) {

  /* === Menu in white rounded box, centered === */
  .whb-general-header > .container {
    display: flex;
    justify-content: center;
  }
  .whb-general-header .whb-general-header-inner {
    display: inline-flex;
    width: auto;
    max-width: 100%;
    --vl-pill-bg: #ffffff;
    --vl-pill-link: #3A3A3C;
    background-color: var(--vl-pill-bg);
    border-radius: 16px;
    padding: 8px 48px;
    box-shadow: 0 6px 24px rgba(0,0,0,0.10);
  }
  .whb-general-header .wd-nav > li > a,
  .whb-general-header .wd-nav > li > a .nav-link-text {
    color: var(--vl-pill-link, #3A3A3C) !important;
  }
  .whb-general-header .wd-nav > li:hover > a,
  .whb-general-header .wd-nav > li.current-menu-item > a,
  .whb-general-header .wd-nav > li > a:hover .nav-link-text,
  .whb-general-header .wd-nav > li.current-menu-item > a .nav-link-text {
    color: #A85C00 !important;
  }
  html.wp-dark-mode-active .whb-general-header .whb-general-header-inner {
    background-color: var(--vl-pill-bg, #ffffff) !important;
  }
  html.wp-dark-mode-active .whb-general-header .wd-nav > li > a,
  html.wp-dark-mode-active .whb-general-header .wd-nav > li > a .nav-link-text {
    color: var(--vl-pill-link, #3A3A3C) !important;
  }

  /* === Top bar: logo at page center, items glued next to it === */
  .whb-top-bar > .container {
    max-width: 100% !important;
    width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .whb-top-bar .whb-top-bar-inner {
    width: 100% !important;
  }
  .whb-top-bar .whb-col-left {
    display: grid !important;
    grid-template-columns: 1fr auto 1fr !important;
    align-items: center !important;
    width: 100% !important;
    flex: 1 1 100% !important;
    margin: 0 !important;
  }
  .whb-top-bar .whb-col-left > .wd-tb-left-group {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    grid-column: 1;
  }
  .whb-top-bar .whb-col-left > .site-logo {
    grid-column: 2;
    justify-self: center;
  }
  .whb-top-bar .whb-col-left > .wd-tb-right-group {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    grid-column: 3;
  }
  .whb-top-bar .whb-col-left > .whb-space-element {
    display: none !important;
  }

  /* Spacing between Suport info-box and Obtine Oferta button */
  .whb-top-bar .wd-tb-right-group > .wd-button-wrapper {
    margin-left: 24px !important;
  }
}

/* ==================== MOBIL + TABLETA (<=1024px) ==================== */
@media (max-width: 1024px) {

  /* Top bar mobil: logo stanga, burger dreapta, un singur rand aerisit */
  .whb-top-bar .whb-col-mobile {
    width: 100%;
    justify-content: space-between !important;
    align-items: center;
    padding-inline: 10px;
  }
  .whb-top-bar .whb-col-mobile .site-logo img {
    max-height: 34px;
    width: auto;
  }

  /* Burger: alb in dark, antracit in light (top bar e alb in light) */
  html.wp-dark-mode-active .whb-top-bar .wd-header-mobile-nav > a {
    color: #ffffff !important;
  }
  html:not(.wp-dark-mode-active) .whb-top-bar .wd-header-mobile-nav > a {
    color: #3A3A3C !important;
  }
  .whb-top-bar .wd-header-mobile-nav > a {
    font-size: 24px;
  }
  .whb-top-bar .wd-header-mobile-nav .wd-tools-text {
    display: none;
  }

  /* Randul cu linkuri secundare: centrat si compact */
  .whb-general-header .whb-mobile-left {
    width: 100%;
    justify-content: center;
  }
  .whb-general-header .whb-mobile-left .wd-nav {
    justify-content: center;
  }
}

/* ==================== CARUSEL (hero slider) ==================== */
/* Caseta de continut: colturi rotunjite */
.wd-slide .wd-slide-inner .e-con.e-child {
  border-radius: 16px;
}
/* Puncte navigare: accent portocaliu */
.wd-slider .wd-nav-pagin-item span {
  background-color: rgba(255,255,255,.55) !important;
}
.wd-slider .wd-nav-pagin-item.wd-active span {
  background-color: #F7941E !important;
}

@media (max-width: 768px) {
  /* Titlu si text compacte pe mobil */
  .wd-slide h4.woodmart-title-container {
    font-size: 23px !important;
    line-height: 1.3 !important;
  }
  .wd-slide .e-con.e-child {
    padding: 20px !important;
  }
  .wd-slide p {
    font-size: 13px !important;
    line-height: 1.5 !important;
  }
}

/* Burger: alb doar in dark (light: antracit, tratat in blocul mobil) */
html.wp-dark-mode-active .whb-top-bar .wd-header-mobile-nav .wd-tools-icon:before,
html.wp-dark-mode-active .whb-top-bar .wd-header-mobile-nav > a {
  color: #ffffff !important;
}
html:not(.wp-dark-mode-active) .whb-top-bar .wd-header-mobile-nav .wd-tools-icon:before {
  color: #3A3A3C !important;
}

/* ==================== MENIU MOBIL v2 ==================== */
@media (max-width: 1024px) {
  /* Randul general-header e gol pe mobil (linkurile s-au mutat in burger) */
  .whb-general-header { display: none; }

  /* Burger mai mare si mai vizibil */
  .whb-top-bar .wd-header-mobile-nav > a {
    font-size: 30px !important;
    padding: 6px 2px;
  }

  /* Top bar putin mai inalt, aerisit */
  .whb-top-bar { min-height: 56px; }
}

/* Meniul off-canvas: itemi mai mari, mai eleganti */
.mobile-nav .wd-nav-mobile > li > a {
  font-size: 17px !important;
  font-weight: 600;
  padding-top: 16px;
  padding-bottom: 16px;
  letter-spacing: 0.01em;
}
.mobile-nav .wd-nav-mobile li li a {
  font-size: 14px !important;
}
.mobile-nav .wd-nav-mobile li a:hover {
  color: #A85C00 !important;
}
html.wp-dark-mode-active .mobile-nav .wd-nav-mobile li a:hover {
  color: #F7941E !important;
}

/* Butonul X Close din meniul mobil: culoarea de brand (preluata din tema) */
.mobile-nav .close-side-widget a,
.mobile-nav .close-side-widget a:hover {
  color: var(--wd-primary-color, #F7941E) !important;
}

/* In dark mode, WP Dark Mode vopseste linkurile cu --wpdm-link-color (cyan din preset).
   Il redefinim scoped pe meniul mobil la culoarea de brand. */
.mobile-nav {
  --wpdm-link-color: var(--wd-primary-color, #F7941E);
}

/* ==================== BRANDBOOK v1.0 — ALINIERE ==================== */

/* -- Culori de brand: #F7941E portocaliu, #3A3A3C antracit, #A85C00 text-accent -- */
:root {
  --wd-primary-color: #F7941E;
  --wd-alternative-color: #A85C00;
  --wd-link-color: #A85C00;
  --wd-link-color-hover: #3A3A3C;
  --btn-accented-bgcolor: #F7941E;
  --btn-accented-bgcolor-hover: #E4820D;
  --btn-accented-color: #3A3A3C;
  --btn-accented-color-hover: #3A3A3C;
  --btn-default-brd-radius: 4px;
  --btn-accented-brd-radius: 4px;
}

/* Butoane: text antracit pe portocaliu (albul e interzis de brandbook), raza 4px, 44px */
a.btn.btn-color-primary,
button.btn.btn-color-primary,
.btn.btn-color-primary,
.wd-button-wrapper a.btn {
  background-color: #F7941E !important;
  color: #3A3A3C !important;
  border-radius: 4px !important;
  min-height: 44px;
  display: inline-flex;
  align-items: center;
}
a.btn.btn-color-primary:hover,
button.btn.btn-color-primary:hover,
.btn.btn-color-primary:hover,
.wd-button-wrapper a.btn:hover {
  background-color: #E4820D !important;
  color: #3A3A3C !important;
}

/* In dark mode portocaliul de brand ramane portocaliu (anulam remaparea WP Dark Mode) */
html.wp-dark-mode-active {
  --wp-dark-mode-bg--wd-primary-color: #F7941E;
  --wp-dark-mode-text--wd-primary-color: #F7941E;
  --wp-dark-mode-bg--btn-accented-bgcolor: #F7941E;
}
html.wp-dark-mode-active .btn.btn-color-primary,
html.wp-dark-mode-active .wd-button-wrapper a.btn {
  background-color: #F7941E !important;
  color: #3A3A3C !important;
}
html.wp-dark-mode-active .btn.btn-color-primary:hover,
html.wp-dark-mode-active .wd-button-wrapper a.btn:hover {
  background-color: #E4820D !important;
}

/* Linkuri din text pe fundal deschis: portocaliu profund (contrast AA), nu portocaliu pur */
html:not(.wp-dark-mode-active) .main-page-wrapper p a:not(.btn),
html:not(.wp-dark-mode-active) .main-page-wrapper li a:not(.btn) {
  color: #A85C00;
}

/* (Culorile meniului pill sunt definite o singura data, in blocul DESKTOP de sus) */

/* Focus vizibil (brandbook p.24): contur 2px #A85C00, offset 2px */
a:focus-visible, button:focus-visible, input:focus-visible, [tabindex]:focus-visible {
  outline: 2px solid #A85C00 !important;
  outline-offset: 2px;
}

/* Header sticky pe mobil: bandoul de sus ramane la scroll */
@media (max-width: 1024px) {
  .whb-header {
    position: sticky !important;
    top: 0;
    z-index: 360;
  }
  .admin-bar .whb-header { top: 46px; }

  /* Meniul off-canvas: tranzitie mai rapida, mai "snappy" */
  .mobile-nav.wd-side-hidden {
    transition: transform .18s ease-out, opacity .18s ease-out !important;
    will-change: transform;
  }
  .wd-close-side { transition: opacity .18s ease-out !important; }
}

/* Respectam prefers-reduced-motion (brandbook p.24) */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}

/* ==================== SCUT DARK MODE BUTOANE (brandbook) ====================
   WP Dark Mode copiaza regulile si inverseaza culorile; definim chiar variabilele
   lui namespaced ca sa rezolve tot la culorile de brand. */
.btn.btn-color-primary,
.wd-button-wrapper a.btn {
  --vl-btn-bg: #F7941E;
  --vl-btn-bg-h: #E4820D;
  --vl-btn-fg: #3A3A3C;
  --wp-dark-mode-bg--vl-btn-bg: #F7941E;
  --wp-dark-mode-bg--vl-btn-bg-h: #E4820D;
  --wp-dark-mode-text--vl-btn-fg: #3A3A3C;
  --wp-dark-mode-color--vl-btn-fg: #3A3A3C;
  --wpdm-link-color: #3A3A3C;
  background-color: var(--vl-btn-bg) !important;
  color: var(--vl-btn-fg) !important;
}
.btn.btn-color-primary:hover,
.wd-button-wrapper a.btn:hover {
  background-color: var(--vl-btn-bg-h) !important;
  color: var(--vl-btn-fg) !important;
}

/* Nav desktop in dark mode: portocaliul de brand, nu derivatul plugin-ului */
.whb-general-header .wd-nav {
  --wpdm-link-color: var(--wd-primary-color, #F7941E);
}

/* Text curent in dark mode: gri neutru de brand (N200), nu albastrui */
html.wp-dark-mode-active body {
  --wpdm-text-color: #C9C9CB;
}

/* ==================== DESIGN UNITAR v1 (brandbook) ==================== */

/* Fara Title Case fortat: doar prima litera mare (regula de titluri) */
:root {
  --btn-transform: none;
  --wd-header-el-transform: none;
  --wd-widget-title-transform: none;
}

/* Toate butoanele si campurile: raza 4px, unitar */
.btn, button.btn, input[type="submit"], .wpcf7-form .wpcf7-submit, .wd-btn {
  border-radius: 4px !important;
  text-transform: none !important;
}
input[type="text"], input[type="email"], input[type="tel"], input[type="number"],
textarea, select, .wpcf7-form-control:not(.wpcf7-submit) {
  border-radius: 4px;
  border-color: #D6D6D8;
}
input[type="text"]:focus, input[type="email"]:focus, input[type="tel"]:focus, textarea:focus {
  border-color: #A85C00;
}

/* Footer pe neutru de brand (N50), nu gri-albastrui */
html:not(.wp-dark-mode-active) .footer-container {
  background-color: #F6F6F5 !important;
}

/* Semnatura tipografica de titlu: primul cuvant Black 900, restul Light 300 */
.wd-slide h4.woodmart-title-container,
.main-page-wrapper h2.woodmart-title-container,
h2.wd-el-title {
  font-weight: 300 !important;
}
.wd-slide h4.woodmart-title-container b,
.main-page-wrapper h2.woodmart-title-container b,
h2.wd-el-title b {
  font-weight: 900;
  color: inherit;
}

/* Cookie banner (CookieYes) aliniat la brand: butoane conforme, fara alb pe portocaliu */
.cky-consent-bar, .cky-preference-center { font-family: var(--wd-text-font) !important; }
.cky-btn.cky-btn-accept {
  background-color: #F7941E !important;
  border-color: #F7941E !important;
  color: #3A3A3C !important;
  border-radius: 4px !important;
}
.cky-btn.cky-btn-reject, .cky-btn.cky-btn-customize, .cky-btn.cky-btn-preferences {
  border-color: #A3A3A6 !important;
  color: #3A3A3C !important;
  border-radius: 4px !important;
}
.cky-consent-bar .cky-btn:hover { opacity: .9; }

/* Carduri si casete: plafonul de raza 16px e deja respectat; umbre discrete */
.wd-slider .wd-slide .e-con.e-child { box-shadow: 0 6px 24px rgba(0,0,0,.10); }

/* ==================== SISTEM BUTOANE v1 — un singur DNA ====================
   Ratio: inaltime 44px / padding orizontal 24px (~0,55h) / min-width 120px (~2,7h)
   Tipografie: 14px / 600. Raza: 4px. Se aplica TUTUROR butoanelor de actiune. */
a.btn, button.btn,
.wd-button-wrapper a,
.wpcf7-submit, input[type="submit"], button[type="submit"],
.elementor-button {
  min-height: 44px !important;
  min-width: 120px;
  padding: 5px 24px !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  border-radius: 4px !important;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  text-transform: none !important;
  line-height: 1.2;
}
/* Linkurile-buton (btn-style-link) devin butoane pline, ca restul CTA-urilor */
a.btn.btn-style-link {
  background-color: #F7941E;
  color: #3A3A3C;
}

/* ==================== HEADER ALB IN LIGHT (brandbook: 60% alb) ==================== */
html:not(.wp-dark-mode-active) .whb-top-bar {
  background-color: #FFFFFF !important;
  border-bottom: 1px solid #EDEDEE;
}
html:not(.wp-dark-mode-active) .whb-top-bar .info-box-subtitle,
html:not(.wp-dark-mode-active) .whb-top-bar .info-box-inner,
html:not(.wp-dark-mode-active) .whb-top-bar .info-box-inner p,
html:not(.wp-dark-mode-active) .whb-top-bar a:not(.btn) {
  color: #3A3A3C !important;
}
html:not(.wp-dark-mode-active) .whb-top-bar a:not(.btn):hover {
  color: #A85C00 !important;
}
/* Titlurile in light: culoare solida de brand (nu palide) */
html:not(.wp-dark-mode-active) .main-page-wrapper h1.woodmart-title-container,
html:not(.wp-dark-mode-active) .main-page-wrapper h2.woodmart-title-container,
html:not(.wp-dark-mode-active) .wd-slide h4.woodmart-title-container {
  color: #1C1C1E;
}

/* ==================== BANDOU GENERAL-HEADER LIGHT ====================
   In light, banda din spatele pill-ului de meniu devine alba (era neagra) */
html:not(.wp-dark-mode-active) .whb-general-header,
html:not(.wp-dark-mode-active) .whb-general-header.whb-sticky-row,
html:not(.wp-dark-mode-active) .whb-header .whb-sticked .whb-general-header {
  background-color: #FFFFFF !important;
}
html:not(.wp-dark-mode-active) .whb-header,
html:not(.wp-dark-mode-active) .whb-main-header {
  background-color: #FFFFFF !important;
}

/* === BANDOU TITLU PAGINA — ALB IN LIGHT === */
html:not(.wp-dark-mode-active) .page-title.page-title-default {
  background-color: #FFFFFF !important;
  background-image: none !important;
  border-bottom: 1px solid #EDEDEE;
}
html:not(.wp-dark-mode-active) .page-title.page-title-default .entry-title,
html:not(.wp-dark-mode-active) .page-title.page-title-default .title {
  color: #1C1C1E !important;
}
html:not(.wp-dark-mode-active) .page-title.page-title-default .breadcrumbs,
html:not(.wp-dark-mode-active) .page-title.page-title-default .breadcrumbs .current {
  color: #6B6B6E !important;
}
html:not(.wp-dark-mode-active) .page-title.page-title-default .breadcrumbs a {
  color: #A85C00 !important;
}