/* Force the primary menu into horizontal row */
.ast-builder-layout-element.site-navigation {
display: flex !important;
justify-content: center !important;
align-items: center !important;
flex-direction: row !important;
}

/* Make sure the menu items aren't stacked */
.ast-builder-layout-element.site-navigation ul.main-header-menu {
display: flex !important;
flex-direction: row !important;
gap: 40px;
list-style: none;
padding: 0;
margin: 0;
}

/* Style the links */
.ast-builder-layout-element.site-navigation ul.main-header-menu li a {
display: inline-block;
text-decoration: none;
font-size: 16px;
text-transform: uppercase;
color: #000;
}
/* Change "Add to Cart" button color */
.woocommerce ul.products li.product .button {
background-color: #000000; /* black */
color: #ffffff; /* white text */
border: none;
}

.woocommerce ul.products li.product .button:hover {
background-color: #444444;
color: #ffffff;
}
/* Base Currency Toggle Button */
.currency-toggle {
padding: 5px 15px;
border: 2px solid #000;
border-radius: 50%;
cursor: pointer;
display: inline-block;
text-align: center;
background-color: transparent;
color: #000;
font-weight: bold;
transition: all 0.3s ease;
}

/* Make it white on homepage */
body.home .currency-toggle {
color: #fff !important;
border-color: #fff !important;
}

/* Currency dropdown */
.currency-menu {
position: absolute;
top: 100%;
left: 0;
background-color: white;
border: 1px solid #ccc;
border-radius: 5px;
display: none;
z-index: 999;
min-width: 80px;
padding: 5px 0;
text-align: left;
box-shadow: 0 2px 10px rgba(0,0,0,0.1);
}

/* Show dropdown when active */
.currency-dropdown.active .currency-menu {
display: block;
}

/* Dropdown items */
.currency-menu li {
padding: 5px 15px;
list-style: none;
}

.currency-menu li a {
text-decoration: none;
color: #000;
display: block;
}

.currency-menu li a:hover {
background-color: #f5f5f5;
}

/* Hide default currency bar (like the floating EUR on the right) */
.vt-currency-bar-wrap {
display: none !important;
}
.currency-menu {
position: relative;
}

.currency-menu ul {
display: none;
position: absolute;
top: 100%;
left: 0;
background: white;
padding: 10px;
list-style: none;
border: 1px solid #ccc;
z-index: 9999;
}

.currency-menu.open ul {
display: block;
}
/* Currency button style */
.currency-toggle {
background: transparent;
border-radius: 50%;
border: 2px solid;
padding: 5px 12px;
font-weight: bold;
cursor: pointer;
position: relative;
z-index: 1000;
}

/* Menu hidden by default */
.currency-menu {
display: none;
position: absolute;
top: 40px;
right: 0;
list-style: none;
background: white;
padding: 10px 15px;
box-shadow: 0 4px 8px rgba(0,0,0,0.1);
z-index: 999;
}

/* Menu open */
.currency-switcher.open .currency-menu {
display: block;
}

/* Set icon color based on page */
body.home .currency-toggle {
color: white !important;
border-color: white !important;
}
body:not(.home) .currency-toggle {
color: black !important;
border-color: black !important;
}
.currency-menu {
display: none;
position: absolute;
background: white;
padding: 10px;
border: 1px solid #ccc;
z-index: 9999;
}

.currency-menu.show {
display: block;
}

.currency-menu li {
list-style: none;
padding: 5px;
cursor: pointer;
}
/* Second footer menu horizontal */
.footer-widget-area .widget_nav_menu ul {
display: flex;
justify-content: center; /* centers the menu */gap: 15px; /* spacing between items */
list-style: none;
padding: 0;
margin: 0;
}

.footer-widget-area .widget_nav_menu ul li {
display: inline-block;
}

.footer-widget-area .widget_nav_menu ul li a {
text-decoration: none;
font-size: 13px; /* smaller like your reference */
}
/* Force Astra footer to solid black (footer only, not header) */
.site-footer,
.site-footer .ast-footer-bar,
.site-footer .ast-footer-wrap,
.site-footer .footer-widget-area,
.site-footer .ast-builder-grid-row,
.site-footer .ast-builder-grid-row-container,
.site-footer .ast-footer-adv-overlay {
background-color: #000 !important;
}

/* Footer text + links white */
.site-footer,
.site-footer a,
.site-footer p,
.site-footer li,
.site-footer .widget-title {
color: #fff !important;
}

/* Second footer menu: horizontal, centered */
.site-footer .widget_nav_menu ul {
display: flex;
justify-content: center;
gap: 20px;
list-style: none;
margin: 0;
padding: 10px 0;
}

.site-footer .widget_nav_menu ul li a {
color: #fff !important;
text-decoration: none;
font-size: 14px;
}
/* Add a | separator between footer menu items */
.site-footer .widget_nav_menu ul li:not(:last-child)::after {
content: " |";
margin-left: 8px; /* space before the bar */
color: #fff; /* bar color (white) */
}