/*
 Theme Name:   Woodmart Child
 Description:  Woodmart Child Theme
 Author:       XTemos
 Author URI:   http://xtemos.com
 Template:     woodmart
 Version:      1.0.0
 Text Domain:  woodmart
*/

/* === Buton B2B în meniu primary === */
.menu-item-b2b > a{
	background:linear-gradient(135deg,#80c4ff,#508cff)!important;
	color:#fff!important;
	border-radius:22px!important;
	padding:8px 18px!important;
	margin-left:8px;
	font-weight:700!important;
	letter-spacing:.02em;
	text-transform:uppercase;
	font-size:12px!important;
	box-shadow:0 4px 12px rgba(80,140,255,.35);
	transition:transform .2s, box-shadow .2s;
}
.menu-item-b2b > a:hover{
	transform:translateY(-1px);
	box-shadow:0 8px 18px rgba(80,140,255,.5);
}
.menu-item-b2b > a > span{color:#fff!important}

/* === Buton flotant fixed bottom-right === */
.eco-b2b-fab{
	position:fixed;
	left:18px;
	bottom:18px;
	z-index:9998;
	display:inline-flex;
	align-items:center;
	gap:8px;
	padding:11px 18px 11px 14px;
	background:linear-gradient(135deg,#80c4ff,#508cff);
	color:#fff!important;
	border-radius:32px;
	font-weight:800;
	font-size:13px;
	letter-spacing:.02em;
	text-transform:uppercase;
	text-decoration:none!important;
	box-shadow:0 8px 22px rgba(0,0,0,.20),0 4px 10px rgba(80,140,255,.45);
	transition:transform .2s, box-shadow .2s, background .2s;
}
.eco-b2b-fab:hover{
	transform:translateY(-2px);
	box-shadow:0 14px 30px rgba(0,0,0,.25),0 8px 16px rgba(80,140,255,.55);
	background:linear-gradient(135deg,#90d0ff,#6098ff);
	color:#fff!important;
}
.eco-b2b-fab svg{flex-shrink:0}
@media (max-width:600px){
	.eco-b2b-fab{
		left:12px;bottom:72px; /* deasupra mobile bottom-nav Woodmart */
		padding:10px 14px 10px 12px;
		font-size:11px;
	}
	.eco-b2b-fab svg{width:18px;height:18px}
}

/* === B2B integrat în header, lângă logo === */
.eco-b2b-fab.in-header{
	position:static!important;
	left:auto;bottom:auto;top:auto;
	margin:0 0 0 22px;
	align-self:center;
	vertical-align:middle;
	padding:9px 16px 9px 13px;
	font-size:12px;
	box-shadow:0 4px 12px rgba(80,140,255,.35);
}
.eco-b2b-fab.in-header:hover{
	transform:translateY(-1px);
	box-shadow:0 8px 18px rgba(80,140,255,.5);
}
/* Fallback: pagini fără logo -> rămâne fix, dar sus și centrat */
.eco-b2b-fab.at-top{
	top:14px!important;bottom:auto!important;left:50%!important;transform:translateX(-50%);
}
.eco-b2b-fab.at-top:hover{transform:translateX(-50%) translateY(-2px);}
/* Tabletă */
@media (max-width:1024px){
	.eco-b2b-fab.in-header{margin-left:14px;padding:8px 13px 8px 11px;font-size:11px;}
}
/* Telefon: compact, doar iconiță rotundă lângă logo, ca să nu spargă header-ul */
@media (max-width:600px){
	.eco-b2b-fab.in-header{margin-left:10px;padding:9px;border-radius:50%;}
	.eco-b2b-fab.in-header span{display:none;}
}

/* === FIX bara de sus transparenta/alba (header principal desktop) — 2026-06-11 ===
   Header-ul Woodmart era "whb-without-bg" = transparent + margin-top:-30px peste
   continut, deci aparea ALB la incarcare si capata fundal abia la scroll (sticky).
   Ii dam fundal alb solid MEREU + umbra fina, ca sa fie vizibil de la inceput.
   Iconitele sunt deja inchise (whb-color-dark) => contrast bun pe alb. */
@media (min-width:1025px){
  .whb-general-header.whb-without-bg{
    background-color:#ffffff !important;
    margin-top:0 !important;
    box-shadow:0 2px 12px rgba(20,30,50,.08);
  }
}

/* Bara de admin WP: lasa-o sa creasca pe inaltime cand itemii se infasoara pe 2 randuri,
   ca fundalul ei sa acopere tot si JS-ul (fitAdminBar) sa rezerve spatiul real. Doar admini. */
@media screen and (min-width:783px){
  #wpadminbar{ height:auto !important; min-height:32px; }
}