/* b2b.polo.gr header (B) + footer (A). Active only under body.b2b-redesign (inc/header-footer.php). */
/* Storefront's overflow-x:hidden on body/#page turns them into scroll containers and breaks sticky; clip keeps the clipping without that. */
.b2b-redesign #page { overflow-x:clip !important; overflow-y:visible !important; } /* not body: that would defeat plugins' scroll locks */
/* The old staticHeader script writes inline styles on .site-header while scrolling; these rules must win. */
.b2b-redesign .site-header { position:sticky !important; top:var(--b2b-head-offset,0) !important; z-index:999; padding:0 !important; margin:0 !important; background:#fff !important; border-bottom:0 !important; }

/* top strip (nvm_add_top_menu) */
.b2b-redesign .header-row { background:#111; border:0; margin:0; }
.b2b-redesign .header-row-top { max-width:1360px; padding:6px 22px; }
.b2b-redesign .header-row-top, .b2b-redesign .header-row-top a, .b2b-redesign .header-row-top .first, .b2b-redesign .header-row-top .second, .b2b-redesign .header-row-top .third { color:#fff; font-size:12px; }
.b2b-redesign .header-row-top .first { text-align:left; } .b2b-redesign .header-row-top .third { text-align:right; }
.b2b-redesign .header-row-top p { margin:0; }

/* main row: logo | search | utility links */
.b2b-redesign .site-header > .col-full { display:flex; align-items:center; gap:24px; max-width:1360px; padding:12px 22px; min-height:76px; }
.b2b-redesign .site-header .site-branding { margin:0; flex:none; float:none; width:auto; }
.b2b-redesign .site-header .site-branding img { max-height:44px; width:auto; }
.b2b-redesign .site-header .site-search { flex:1; max-width:520px; margin:0 auto; float:none; width:auto; }
.b2b-redesign .site-header .site-search .dgwt-wcas-sf-wrapp input[type="search"] { border-radius:999px; border:1px solid #ddd; height:42px; padding-left:42px; background:#fff; }
.b2b-redesign .b2b-utility { display:flex; align-items:center; gap:18px; font-size:13px; white-space:nowrap; }
.b2b-redesign .b2b-utility a { color:#222; text-decoration:none; } .b2b-redesign .b2b-utility a:hover { text-decoration:underline; }
.b2b-redesign .b2b-search-toggle { display:none; }

/* menu bar */
.b2b-redesign .storefront-primary-navigation { background:#111; }
.b2b-redesign .storefront-primary-navigation .col-full { max-width:1360px; padding:0 22px; }
.b2b-redesign .main-navigation ul.menu > li > a { color:#fff; padding:13px 14px; font-size:14px; }
.b2b-redesign .main-navigation ul.menu > li > a:hover { color:#fff; opacity:.8; }
.b2b-redesign .main-navigation ul.menu ul { background:#fff; box-shadow:0 8px 24px rgba(0,0,0,.12); }
.b2b-redesign .main-navigation ul.menu ul a { color:#111; }

/* footer */
.b2b-redesign .site-footer { background:#111; color:#cfcfcf; padding:34px 0 0; }
.b2b-redesign .site-footer .col-full { max-width:1360px; padding:0 22px; }
.b2b-redesign .site-footer .footer-widgets { padding:0 0 18px; border:0; }
.b2b-redesign .site-footer .footer-widgets .textwidget, .b2b-redesign .site-footer .footer-widgets a, .b2b-redesign .site-footer .footer-widgets a:not(.button) { color:#cfcfcf; }
.b2b-redesign .site-footer .footer-widgets a:hover { color:#fff; }
.b2b-redesign .site-footer .textwidget > p:first-child { margin:0; font-size:0; line-height:0; } /* each widget starts with an   paragraph */
.b2b-redesign .site-footer .textwidget p:first-child:empty, .b2b-redesign .site-footer .textwidget > p:first-child { margin:0; }
.b2b-redesign .b2b-footer-heading { display:block; background:none; border:0; padding:0; margin:0 0 10px; color:#fff; font-size:12px; font-weight:700; letter-spacing:.06em; text-transform:uppercase; text-align:left; cursor:default; }
.b2b-redesign .site-footer .col-full { display:flex; flex-wrap:wrap; }
.b2b-redesign .site-footer .footer-widgets { flex:1 1 100%; }
.b2b-redesign .b2b-copyright, .b2b-redesign .site-footer .site-info { flex:1 1 50%; border-top:1px solid #2a2a2a; padding:12px 0 16px; font-size:12px; color:#8a8a8a; }
.b2b-redesign .site-footer .site-info { text-align:right; }

/* Tablets / small laptops (768–1099px): same layout, tighter. */
@media (min-width: 768px) and (max-width: 1099px) {
	.b2b-redesign .site-header > .col-full { gap:14px; padding:10px 16px; min-height:64px; }
	.b2b-redesign .site-header .site-branding img { max-height:34px; }
	.b2b-redesign .site-header .site-search { max-width:280px; }
	.b2b-redesign .b2b-utility { flex-direction:column; align-items:flex-end; gap:2px; font-size:12px; }
	.b2b-redesign .storefront-primary-navigation .col-full { padding:0 10px; }
	.b2b-redesign .main-navigation ul.menu > li > a { padding:12px 8px; font-size:13px; }
}
/* Storefront switches to its desktop menu at 768px, so the phone layout must stop at 767px. */
@media (max-width: 767px) {
	.b2b-redesign .header-row-top { grid-template-columns:1fr; padding:5px 12px; }
	.b2b-redesign .header-row-top .first, .b2b-redesign .header-row-top .second { display:none; }
	.b2b-redesign .header-row-top .third { text-align:center; font-size:11px; }
	.b2b-redesign .site-header > .col-full { display:grid; grid-template-columns:44px 1fr 44px; gap:0; padding:8px 12px; min-height:0; }
	.b2b-redesign .site-header .site-branding { grid-column:2; justify-self:center; }
	.b2b-redesign .site-header .site-branding img { max-height:30px; }
	.b2b-redesign .b2b-utility { grid-column:3; grid-row:1; justify-self:end; }
	.b2b-redesign .b2b-utility a { display:none; }
	.b2b-redesign .b2b-search-toggle { display:block; width:36px; height:36px; border:0; background:transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23111' stroke-width='2'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='M20 20l-4-4'/%3E%3C/svg%3E") center/22px no-repeat; }
	.b2b-redesign .site-header .site-search { display:none; grid-column:1 / -1; grid-row:2; max-width:none; margin:8px 0 0; }
	.b2b-redesign.b2b-search-open .site-header .site-search { display:block; }
	.b2b-redesign .storefront-primary-navigation { position:absolute; top:var(--b2b-strip-h, 26px); left:0; background:transparent; }
	.b2b-redesign .storefront-primary-navigation .col-full { padding:0 12px; }
	.b2b-redesign .main-navigation button.menu-toggle { margin:8px 0; border:0; background:transparent; color:#111; }
	.b2b-redesign .main-navigation.toggled .handheld-navigation { background:#fff; position:fixed; left:0; right:0; top:0; bottom:0; overflow:auto; z-index:100002; padding:56px 16px 16px; }
	.b2b-redesign .main-navigation .handheld-navigation ul.menu > li > a { color:#111; font-size:15px; font-weight:600; padding:14px 8px; } /* top-level labels were white on white */
	.b2b-redesign .xoo-wsc-basket, .b2b-redesign #fkcart-floating-toggler { display:none !important; } /* the bottom bar has the cart */
	.b2b-redesign .storefront-primary-navigation { right:auto; width:auto; }
	.b2b-redesign .storefront-primary-navigation .col-full { display:flex; justify-content:flex-start; margin:0; width:auto; }
	.b2b-redesign .main-navigation button.menu-toggle { float:none; margin:6px 0; position:relative; z-index:100003; } /* stays above the open menu so it can close it */
	.b2b-redesign .storefront-handheld-footer-bar ul li > a { font-size:11px; }
	.b2b-redesign .storefront-handheld-footer-bar ul li.my-account > a::after { content:'Λογαριασμός'; }
	.b2b-redesign .storefront-handheld-footer-bar ul li.search > a::after { content:'Αναζήτηση'; }
	.b2b-redesign .storefront-handheld-footer-bar ul li.cart > a::after { content:'Καλάθι'; }
	.b2b-redesign .storefront-handheld-footer-bar ul li > a::after { position:absolute; left:0; right:0; bottom:4px; text-indent:0; font-size:10px; color:#333; line-height:1; }
	.b2b-redesign .site-footer .footer-widgets .block { width:100%; float:none; margin:0; border-bottom:1px solid #2a2a2a; }
	.b2b-redesign .b2b-footer-heading { width:100%; padding:14px 0; margin:0; cursor:pointer; position:relative; }
	.b2b-redesign .b2b-footer-heading::after { content:'▾'; position:absolute; right:0; }
	.b2b-redesign .b2b-footer-heading[aria-expanded="true"]::after { content:'▴'; }
	.b2b-redesign .b2b-footer-heading[aria-expanded="false"] + .widget { display:none; }
	.b2b-redesign .b2b-copyright, .b2b-redesign .site-footer .site-info { flex:1 1 100%; text-align:center; border-top:0; padding:8px 0; }
}