/* Header (parts/header.html): 1 top bar (deep, static, scrolls away) · 2 logo, search, phone,
account, cart · 3 category menu. Rows 2 and 3 stay at the top: the whole header is sticky with a
negative top equal to the top bar's height. Below 1024 px: menu button · logo · search · phone · account · cart.
The search is FiboSearch (inc/header.php): a wide field on desktop, an icon and its overlay on phones. */
header.wp-block-template-part {
position: sticky;
top: calc(var(--wp-admin--admin-bar--height, 0px) - var(--ub-topbar-h));
z-index: 50;
}
/* Once the page is scrolled (assets/motion.js: html.ub-scrolled), a soft shadow under the header */
html.ub-scrolled header.wp-block-template-part { box-shadow: 0 12px 24px -20px rgb(44 45 51 / 0.45); }
@media (prefers-reduced-motion: no-preference) {
html:not([data-ub-motion="off"]) header.wp-block-template-part { transition: box-shadow 0.25s ease; }
/* The cart's count pops when a product is added (assets/motion.js: .ub-pop) */
html:not([data-ub-motion="off"]) .ub-hdr__cart .wc-block-mini-cart__badge.ub-pop { animation: ub-badge-pop 0.6s cubic-bezier(0.34, 1.56, 0.64, 1); }
}
@keyframes ub-badge-pop {
0%, 100% { transform: scale(1); }
35% { transform: scale(1.45); }
}
/* ---- 1. Top bar ---------------------------------------------------------------------------- */
.ub-topbar { --ub-focus: var(--wp--preset--color--accent); --ub-ic-color: var(--wp--preset--color--accent); font-size: 0.8125rem; line-height: 1.2; }
.ub-topbar__row { block-size: var(--ub-topbar-h); align-items: center; overflow: hidden; gap: 1.5rem; }
.ub-topbar__facts { gap: 1.75rem; min-inline-size: 0; }
.ub-topbar p { margin: 0; white-space: nowrap; align-items: center; }
.ub-topbar .ub-ic::before { margin: 0; inline-size: 1.125rem; block-size: 1.125rem; }
@media (max-width: 1199px) { .ub-topbar__facts .ub-i-document { display: none; } }
@media (max-width: 899px) { .ub-topbar__facts .ub-i-showroom, .ub-topbar__facts .ub-i-warranty { display: none; } }
@media (max-width: 599px) {
:root { --ub-topbar-h: 2.25rem; }
.ub-topbar__hours { display: none; }
.ub-topbar__row { justify-content: center; }
}
/* ---- 2. Main row --------------------------------------------------------------------------- */
.ub-hdr { border-block-end: 1px solid var(--wp--preset--color--line); }
.ub-hdr__main { position: relative; align-items: center; gap: 1.5rem; min-block-size: 5rem; padding-block: 0.625rem; }
.ub-hdr__main > * { margin: 0; flex: none; }
.ub-logo { margin: 0; line-height: 0; }
.ub-logo img { display: block; inline-size: 160px; block-size: auto; aspect-ratio: 480 / 149; }
/* Wide product search (desktop header; also .ub-search-field, the 404 page): FiboSearch's form (inc/header.php) in the theme's look */
.ub-hdr__main .ub-hdr__search { flex: 1 1 auto; min-inline-size: 0; max-inline-size: 42rem; margin-inline: auto; }
:is(.ub-hdr__search, .ub-search-field) .dgwt-wcas-search-wrapp { inline-size: 100%; max-inline-size: none; min-inline-size: 0; margin: 0; }
:is(.ub-hdr__search, .ub-search-field) .dgwt-wcas-search-form { margin: 0; }
:is(.ub-hdr__search, .ub-search-field) .dgwt-wcas-sf-wrapp {
display: flex;
align-items: center;
gap: 0.25rem;
padding: 4px;
border: 1px solid var(--wp--preset--color--line);
border-radius: 14px;
background: var(--wp--preset--color--surface);
}
:is(.ub-hdr__search, .ub-search-field) .dgwt-wcas-sf-wrapp::before {
content: "";
flex: none;
inline-size: 1.25rem;
block-size: 1.25rem;
margin-inline: 0.75rem 0.25rem;
background-color: var(--wp--preset--color--muted);
-webkit-mask: var(--ub-i-search, var(--ub-i-none)) center / contain no-repeat;
mask: var(--ub-i-search, var(--ub-i-none)) center / contain no-repeat;
}
/* The text field covers the whole box (icon, field, button), border included, so its focus ring is the
box's own outline: one ring, on the element that has the focus (colleague's bug2, 2026-10-30: the
field's ring inside the box's ring looked "double highlighted"; ub check and keyboard-nav read the ring
from the focused element). The icon shows through it; the button sits above it, at the right. */
:is(.ub-hdr__search, .ub-search-field) .dgwt-wcas-sf-wrapp input[type="search"].dgwt-wcas-search-input {
position: absolute;
inset-block-start: -1px;
inset-inline-start: -1px;
z-index: 0;
inline-size: calc(100% + 2px);
min-inline-size: 0;
max-inline-size: none;
block-size: calc(100% + 2px);
margin: 0;
padding-block: 0;
padding-inline: 3.3125rem 6.25rem; /* after the icon; before "Caută" (the clear button, shown once there is text, sits over the end, as before) */
border: 0;
border-radius: 14px;
background: transparent;
box-shadow: none;
color: var(--wp--preset--color--ink);
font-family: inherit;
font-size: 0.9375rem;
line-height: normal;
}
:is(.ub-hdr__search, .ub-search-field) .dgwt-wcas-sf-wrapp input[type="search"].dgwt-wcas-search-input::placeholder { color: var(--wp--preset--color--muted); font-style: normal; opacity: 1; }
/* Focus: the box's border turns primary and the field adds 1 px outside it (2 px, primary); UB Kit's
outline, drawn around the field, goes. "Caută" tabbed to: a white ring inside the green button (UB
Kit's ring outside it ran into the box's border, 4 px away). */
:is(.ub-hdr__search, .ub-search-field) .dgwt-wcas-sf-wrapp:focus-within { border-color: var(--wp--preset--color--primary); background: var(--wp--preset--color--base); }
:is(.ub-hdr__search, .ub-search-field) .dgwt-wcas-sf-wrapp input[type="search"].dgwt-wcas-search-input:focus { box-shadow: 0 0 0 1px var(--wp--preset--color--primary); }
:is(.ub-hdr__search, .ub-search-field) .dgwt-wcas-sf-wrapp input[type="search"].dgwt-wcas-search-input:focus-visible { outline: none !important; }
:is(.ub-hdr__search, .ub-search-field) .dgwt-wcas-sf-wrapp button.dgwt-wcas-search-submit:focus-visible { outline: 2px solid var(--wp--preset--color--on-primary) !important; outline-offset: -5px !important; }
:is(.ub-hdr__search, .ub-search-field) .dgwt-wcas-sf-wrapp button.dgwt-wcas-search-submit {
position: relative;
z-index: 1;
flex: none;
inline-size: auto;
min-inline-size: 0;
block-size: 2.75rem;
min-block-size: 2.75rem;
margin: 0 0 0 auto;
padding: 0 1.25rem;
border: 0;
border-radius: 10px;
background: var(--wp--preset--color--primary);
color: var(--wp--preset--color--on-primary);
font-family: var(--wp--preset--font-family--body);
font-size: 0.9375rem;
font-weight: 600;
line-height: 2.75rem;
text-shadow: none;
text-transform: none;
opacity: 1;
}
:is(.ub-hdr__search, .ub-search-field) .dgwt-wcas-sf-wrapp button.dgwt-wcas-search-submit:hover { background: color-mix(in srgb, var(--wp--preset--color--primary) 72%, #000); }
:is(.ub-hdr__search, .ub-search-field) .dgwt-wcas-sf-wrapp button.dgwt-wcas-search-submit::before { display: none; }
:is(.ub-hdr__search, .ub-search-field) .dgwt-wcas-ico-magnifier { display: none; }
/* FiboSearch's spinner, then its clear button (×), left of "Caută", above the field */
:is(.ub-hdr__search, .ub-search-field) .dgwt-wcas-preloader { inset-inline-end: 6.25rem; z-index: 1; }
:is(.ub-hdr__search, .ub-search-field) .dgwt-wcas-preloader:not(.dgwt-wcas-close) { pointer-events: none; }
/* FiboSearch's suggestions (under either field; appended to the page body) */
.dgwt-wcas-suggestions-wrapp {
border: 1px solid var(--wp--preset--color--line) !important;
border-radius: 0 0 12px 12px;
background: var(--wp--preset--color--base);
box-shadow: var(--wp--preset--shadow--lifted);
font-family: var(--wp--preset--font-family--body);
}
.dgwt-wcas-suggestion, .dgwt-wcas-suggestion * { text-decoration: none; } /* each suggestion is one link: no underlines inside */
.dgwt-wcas-suggestion { padding: 0.625rem 0.875rem; border-bottom-color: var(--wp--preset--color--line); color: var(--wp--preset--color--ink); font-size: 0.875rem; }
.dgwt-wcas-suggestion-selected { background-color: var(--wp--preset--color--surface); box-shadow: inset 3px 0 0 var(--wp--preset--color--primary); }
.dgwt-wcas-st { color: var(--wp--preset--color--ink); font-size: 0.9375rem; line-height: 1.3; }
.dgwt-wcas-st strong { color: var(--wp--preset--color--primary); font-weight: 700; }
.dgwt-wcas-si img { border-color: var(--wp--preset--color--line); border-radius: 6px; background: var(--wp--preset--color--surface); }
.dgwt-wcas-sp { color: var(--wp--preset--color--primary); font-family: var(--wp--preset--font-family--heading); font-size: 0.9375rem; font-weight: 700; white-space: nowrap; }
.dgwt-wcas-sp .woocommerce-price-suffix,
.dgwt-wcas-sp .ub-price-from { display: block; font-family: var(--wp--preset--font-family--body); font-size: 0.75rem; font-weight: 400; color: var(--wp--preset--color--muted); }
/* Name and price never touch: a gap between them; on phones the price goes on its own line under the
name (the KH06's long name ran into its price at 390 px), "TVA inclus" beside it */
.dgwt-wcas-suggestion-product .dgwt-wcas-content-wrapp { gap: 0.25rem 1rem; }
.dgwt-wcas-suggestion-product .dgwt-wcas-st { min-inline-size: 0; }
@media (max-width: 599px) {
.dgwt-wcas-suggestion-product .dgwt-wcas-content-wrapp { flex-direction: column; align-items: flex-start; justify-content: center; }
.dgwt-wcas-suggestion-product .dgwt-wcas-meta { margin: 0; padding: 0; text-align: start; }
.dgwt-wcas-suggestion-product .dgwt-wcas-sp { display: inline-flex; flex-wrap: wrap; align-items: baseline; gap: 0 0.375rem; padding-inline-start: 0; text-align: start; }
.dgwt-wcas-suggestion-product .dgwt-wcas-sp .woocommerce-price-suffix { display: inline; }
}
.dgwt-wcas-suggestion-more { justify-content: center; color: var(--wp--preset--color--primary); font-weight: 600; }
.dgwt-wcas-suggestion-more .dgwt-wcas-st-more { color: var(--wp--preset--color--primary); }
.dgwt-wcas-suggestion-nores { color: var(--wp--preset--color--muted); }
.dgwt-wcas-overlay-mobile .dgwt-wcas-suggestions-wrapp { border: 0 !important; border-radius: 0; box-shadow: none; }
.dgwt-wcas-overlay-mobile .dgwt-wcas-search-input { font-family: var(--wp--preset--font-family--body); font-size: 1rem; }
/* Phone block: icon, small label over the number */
.ub-hdr__phone a {
display: grid;
grid-template-columns: auto auto;
grid-template-areas: "icon label" "icon nr";
align-items: center;
column-gap: 0.625rem;
color: var(--wp--preset--color--ink);
line-height: 1.2;
text-decoration: none;
}
.ub-hdr__phone a::before {
content: "";
grid-area: icon;
inline-size: 1.5rem;
block-size: 1.5rem;
background-color: var(--wp--preset--color--primary);
-webkit-mask: var(--ub-i-phone, var(--ub-i-none)) center / contain no-repeat;
mask: var(--ub-i-phone, var(--ub-i-none)) center / contain no-repeat;
}
.ub-hdr__phone-label { grid-area: label; color: var(--wp--preset--color--muted); font-size: 0.75rem; }
.ub-hdr__phone-nr { grid-area: nr; font-family: var(--wp--preset--font-family--heading); font-size: 1.0625rem; font-weight: 700; white-space: nowrap; }
.ub-hdr__phone a:hover .ub-hdr__phone-nr { color: var(--wp--preset--color--primary); }
/* Account and cart: the theme's line icons instead of WooCommerce's */
.ub-hdr__account a,
.ub-hdr__cart .wc-block-mini-cart__button {
display: inline-flex;
align-items: center;
gap: 0.5rem;
min-block-size: 2.75rem;
min-inline-size: 2.75rem;
justify-content: center;
padding: 0;
color: var(--wp--preset--color--ink);
line-height: 1.6;
}
.ub-hdr__account svg,
.ub-hdr__cart .wc-block-mini-cart__icon { display: none; }
.ub-hdr__account a::before,
.ub-hdr__cart .wc-block-mini-cart__quantity-badge::before {
content: "";
inline-size: 1.625rem;
block-size: 1.625rem;
background-color: currentColor;
-webkit-mask: var(--ub-i, var(--ub-i-none)) center / contain no-repeat;
mask: var(--ub-i, var(--ub-i-none)) center / contain no-repeat;
}
.ub-hdr__account { --ub-i: var(--ub-i-account); }
.ub-hdr__cart { --ub-i: var(--ub-i-cart); }
.ub-hdr__cart .wc-block-mini-cart__quantity-badge { position: relative; display: inline-flex; }
/* The badge hangs from the icon's top right corner and grows leftwards (over the icon, never into the
total). WooCommerce sets its left; that has to go, or it wins over the right. */
.ub-hdr__cart .wc-block-mini-cart__badge {
position: absolute;
inset-block-start: -0.375rem;
inset-inline-start: auto;
inset-inline-end: -0.625rem;
min-inline-size: 1.25rem;
block-size: 1.25rem;
padding-inline: 0.25rem;
border: 0;
border-radius: 999px;
background: var(--wp--preset--color--primary) !important;
color: var(--wp--preset--color--on-primary) !important;
font-size: 0.6875rem;
font-weight: 700;
line-height: 1.25rem;
text-align: center;
transform: none;
margin: 0;
}
.ub-hdr__cart .wc-block-mini-cart__amount {
margin-inline-start: 0.5rem; /* room for the badge's overhang (0.625rem) */
color: var(--wp--preset--color--ink) !important;
font-family: var(--wp--preset--font-family--heading);
font-size: 0.9375rem;
font-weight: 700;
white-space: nowrap;
}
.ub-hdr__account a:hover,
.ub-hdr__cart .wc-block-mini-cart__button:hover { color: var(--wp--preset--color--primary); }
/* Phone-only controls are hidden on desktop. The overlay menu's submenus are never "invisible":
the closed overlay is display:none as a whole, the open one shows them expanded. */
.ub-hdr__menu,
.ub-hdr__search-m { display: none !important; }
.ub-hdr .ub-hdr__search-m .dgwt-wcas-search-wrapp.dgwt-wcas-layout-icon .dgwt-wcas-search-form { opacity: 1; } /* FiboSearch fades it in icon mode; here it only ever opens in its overlay */
.ub-hdr__menu.wp-block-navigation .has-child .wp-block-navigation__submenu-container { visibility: visible; opacity: 1; }
/* ---- 3. Category row ----------------------------------------------------------------------- */
.ub-catbar { border-block-end: 1px solid var(--wp--preset--color--line); }
.ub-catbar__nav { gap: 1.75rem; min-block-size: 3rem; font-size: 0.9375rem; font-weight: 600; }
.ub-catbar__nav .wp-block-navigation-item__content { display: inline-flex; align-items: center; gap: 0.5rem; padding-block: 0.75rem; color: var(--wp--preset--color--ink); }
.ub-catbar__nav .wp-block-navigation-item__content:hover,
.ub-catbar__nav .current-menu-item > .wp-block-navigation-item__content,
.ub-catbar__nav .current-menu-ancestor > .wp-block-navigation-item__content { color: var(--wp--preset--color--primary); }
.ub-catbar__nav > .wp-block-navigation__container > .current-menu-item > .wp-block-navigation-item__content,
.ub-catbar__nav > .wp-block-navigation__container > .current-menu-ancestor > .wp-block-navigation-item__content { box-shadow: inset 0 -2px 0 var(--wp--preset--color--primary); }
.ub-catbar__nav .wp-block-navigation__submenu-container .current-menu-item > .wp-block-navigation-item__content { font-weight: 700; }
.ub-catbar__nav .ub-nav-sep { margin-inline-start: 0.25rem; padding-inline-start: 2rem; border-inline-start: 1px solid var(--wp--preset--color--line); }
.ub-catbar__nav .wp-block-navigation__submenu-container {
min-inline-size: 12rem !important;
padding: 0.5rem 0;
border: 1px solid var(--wp--preset--color--line) !important;
border-radius: 12px;
background: var(--wp--preset--color--base);
box-shadow: var(--wp--preset--shadow--soft);
font-weight: 500;
}
.ub-catbar__nav .wp-block-navigation__submenu-container .wp-block-navigation-item__content { display: flex; padding: 0.625rem 1rem; }
/* A closed submenu is display:none, not only invisible: core's own open states (hover, the toggle) show it */
.ub-catbar__nav.wp-block-navigation .has-child .wp-block-navigation__submenu-container { display: none; visibility: visible; opacity: 1; }
.ub-catbar__nav.wp-block-navigation .has-child:not(.open-on-click):hover > .wp-block-navigation__submenu-container,
.ub-catbar__nav.wp-block-navigation .has-child .wp-block-navigation-submenu__toggle[aria-expanded="true"] ~ .wp-block-navigation__submenu-container { display: flex; }
/* Category icons on the menu links (classes ub-i-cat-* on the menu items) */
.ub-nav-categories .wp-block-navigation-item[class*="ub-i-"] > .wp-block-navigation-item__content::before {
content: "";
flex: none;
inline-size: 1.375rem;
block-size: 1.375rem;
background-color: var(--wp--preset--color--primary);
-webkit-mask: var(--ub-i, var(--ub-i-none)) center / contain no-repeat;
mask: var(--ub-i, var(--ub-i-none)) center / contain no-repeat;
}
/* ---- Below 1024 px: one compact row ---------------------------------------------------------- */
@media (max-width: 1023px) {
.ub-catbar,
.ub-hdr__search,
.ub-hdr__phone-label,
.ub-hdr__phone-nr { display: none; }
.ub-hdr__phone-label,
.ub-hdr__phone-nr { display: block; position: absolute; inline-size: 1px; block-size: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.ub-hdr__menu,
.ub-hdr__search-m { display: flex !important; }
.ub-hdr__main { gap: 0.25rem; min-block-size: 3.75rem; padding-block: 0.5rem; }
.ub-hdr__main .ub-logo { margin-inline: 0.25rem auto; }
.ub-logo img { inline-size: 132px !important; }
.ub-hdr__phone a { display: inline-grid; place-items: center; grid-template-columns: 2.75rem; grid-template-areas: "icon"; min-block-size: 2.75rem; }
/* Menu button and its overlay */
.ub-hdr__menu .wp-block-navigation__responsive-container-open {
display: inline-flex;
align-items: center;
justify-content: center;
inline-size: 2.75rem;
block-size: 2.75rem;
color: var(--wp--preset--color--ink);
}
.ub-hdr__menu .wp-block-navigation__responsive-container-open svg { display: none; }
.ub-hdr__menu .wp-block-navigation__responsive-container-open::before {
content: "";
inline-size: 1.75rem;
block-size: 1.75rem;
background-color: currentColor;
-webkit-mask: var(--ub-i-menu, var(--ub-i-none)) center / contain no-repeat;
mask: var(--ub-i-menu, var(--ub-i-none)) center / contain no-repeat;
}
.ub-hdr__menu .wp-block-navigation__responsive-container.is-menu-open {
padding: var(--wp--preset--spacing--30) var(--wp--preset--spacing--40);
background: var(--wp--preset--color--base);
color: var(--wp--preset--color--ink);
}
.ub-hdr__menu .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content { padding-block-start: 3.5rem; }
.ub-hdr__menu .is-menu-open .wp-block-navigation__container { gap: 0 !important; inline-size: 100%; font-size: 1.125rem; font-weight: 600; }
.ub-hdr__menu .is-menu-open .wp-block-navigation-item { inline-size: 100%; }
.ub-hdr__menu .is-menu-open .wp-block-navigation__container > .wp-block-navigation-item > .wp-block-navigation-item__content {
display: flex;
align-items: center;
gap: 0.75rem;
inline-size: 100%;
padding-block: 0.875rem;
border-block-end: 1px solid var(--wp--preset--color--line);
}
.ub-hdr__menu .is-menu-open .wp-block-navigation__submenu-container { gap: 0; padding: 0 0 0.5rem 2.125rem !important; font-size: 1rem; font-weight: 500; }
.ub-hdr__menu .is-menu-open .wp-block-navigation__submenu-container .wp-block-navigation-item__content { padding-block: 0.625rem; }
.ub-hdr__menu .is-menu-open .ub-nav-sep { margin-block-start: 1rem; }
.ub-hdr__menu .wp-block-navigation__responsive-container-close { inline-size: 2.75rem; block-size: 2.75rem; display: inline-flex; align-items: center; justify-content: center; }
/* The product search at the top of the menu (inc/header.php), beside the close button (54 px tall field,
44 px button: 5 px down); the links start under it */
.ub-hdr__menu .ub-hdr__menu-search { margin-inline-end: 3.5rem; font-size: 1rem; font-weight: 400; }
.ub-hdr__menu .wp-block-navigation__responsive-dialog:has(> .ub-hdr__menu-search) > .wp-block-navigation__responsive-container-close { inset-block-start: 5px; }
.ub-hdr__menu .wp-block-navigation__responsive-container.is-menu-open .ub-hdr__menu-search + .wp-block-navigation__responsive-container-content { padding-block-start: 1rem; }
/* Search: FiboSearch's icon; it opens FiboSearch's own full-screen search */
.ub-hdr__search-m { inline-size: 2.75rem; }
.ub-hdr__search-m .dgwt-wcas-search-wrapp.dgwt-wcas-layout-icon { inline-size: 2.75rem; min-inline-size: 2.75rem; max-inline-size: 2.75rem; margin: 0; } /* FiboSearch's overlay trigger covers the wrapper: as wide as the icon */
.ub-hdr__search-m .dgwt-wcas-search-icon {
display: inline-flex;
align-items: center;
justify-content: center;
inline-size: 2.75rem;
block-size: 2.75rem;
margin: 0;
color: var(--wp--preset--color--ink);
}
.ub-hdr__search-m .dgwt-wcas-search-icon svg { display: none; }
.ub-hdr__search-m .dgwt-wcas-search-icon::before {
content: "";
inline-size: 1.625rem;
block-size: 1.625rem;
background-color: currentColor;
-webkit-mask: var(--ub-i-search, var(--ub-i-none)) center / contain no-repeat;
mask: var(--ub-i-search, var(--ub-i-none)) center / contain no-repeat;
}
.ub-hdr__cart .wc-block-mini-cart__amount { display: none; }
}
/* Phones: menu · logo · search · phone · account · cart. The account icon stays (colleague's bug5,
2026-10-30: tablet and desktop had it, phones didn't); to fit five 40 px buttons beside the logo at
360 px, the buttons are 40 px wide (still 44 px tall) and the logo 112 px (104 px under 375 px).
The cart's badge hangs 10 px past its button, into the page's 20 px side padding. */
@media (max-width: 599px) {
.ub-hdr__main { min-block-size: 3.5rem; padding-block: 0.375rem; gap: 0; }
.ub-logo img { inline-size: 112px !important; }
.ub-hdr__menu .wp-block-navigation__responsive-container-open,
.ub-hdr__search-m,
.ub-hdr__search-m .dgwt-wcas-search-wrapp.dgwt-wcas-layout-icon,
.ub-hdr__search-m .dgwt-wcas-search-icon { inline-size: 2.5rem; min-inline-size: 2.5rem; max-inline-size: 2.5rem; }
.ub-hdr__phone a { grid-template-columns: 2.5rem; }
.ub-hdr__account a,
.ub-hdr__cart .wc-block-mini-cart__button { min-inline-size: 2.5rem; }
}
@media (max-width: 374px) {
.ub-logo img { inline-size: 104px !important; }
}
/* 320 px phones: 36 px buttons and a 96 px logo, so the row still fits (it scrolled sideways before) */
@media (max-width: 359px) {
.ub-logo img { inline-size: 96px !important; }
.ub-hdr__menu .wp-block-navigation__responsive-container-open,
.ub-hdr__search-m,
.ub-hdr__search-m .dgwt-wcas-search-wrapp.dgwt-wcas-layout-icon,
.ub-hdr__search-m .dgwt-wcas-search-icon { inline-size: 2.25rem; min-inline-size: 2.25rem; max-inline-size: 2.25rem; }
.ub-hdr__phone a { grid-template-columns: 2.25rem; }
.ub-hdr__account a,
.ub-hdr__cart .wc-block-mini-cart__button { min-inline-size: 2.25rem; }
}
/* ---- Mini-cart drawer (opened from the cart button) ------------------------------------------- */
.wc-block-mini-cart__drawer h2.wc-block-mini-cart__title {
display: block;
font-size: clamp(1.25rem, 1.1rem + 0.6vw, 1.5rem);
line-height: 1.25;
letter-spacing: -0.01em;
overflow-wrap: anywhere;
}
.wc-block-mini-cart__drawer h2.wc-block-mini-cart__title span:first-child { margin-inline-end: 0.375rem; }
/* Item rows: image · name, price, options, quantity · line total. WooCommerce's fixed 80 + 132 px columns
and the total needed 344 px; a 360 px phone's drawer has 328, so the total ("14.500,00 lei") was cut
off at the right edge. The middle column now takes what is left. (WooCommerce loads its drawer CSS
when the drawer opens, after ours: hence the tag selectors, one step more specific than its own.) */
.wc-block-mini-cart__drawer table.wc-block-cart-items tr.wc-block-cart-items__row { grid-template-columns: 4.5rem minmax(0, 1fr) auto; column-gap: 0.75rem; }
.wc-block-mini-cart__drawer table.wc-block-cart-items tr.wc-block-cart-items__row td.wc-block-cart-item__image { padding-inline-end: 0; }
.wc-block-mini-cart__drawer table.wc-block-cart-items tr.wc-block-cart-items__row td.wc-block-cart-item__product { grid-column: 2 / 3; }
.wc-block-mini-cart__drawer table.wc-block-cart-items tr.wc-block-cart-items__row td.wc-block-cart-item__total { grid-column: 3; white-space: nowrap; }
/* FiboSearch's phone overlay: its back button is white on #ccc (1.6:1); ink on surface instead, with
a visible focus ring (keyboard users close the overlay with it) */
.dgwt-wcas-om-bar button.dgwt-wcas-om-return,
.dgwt-wcas-om-bar button.dgwt-wcas-om-return:hover,
.dgwt-wcas-om-bar button.dgwt-wcas-om-return:active { background: var(--wp--preset--color--surface); }
.dgwt-wcas-om-bar button.dgwt-wcas-om-return:focus-visible { background: var(--wp--preset--color--surface); outline: 2px solid var(--wp--preset--color--primary); outline-offset: -2px; }
.dgwt-wcas-om-return svg, .dgwt-wcas-om-return path { fill: var(--wp--preset--color--ink); }