/* ==========================================================================
   Cantir Custom Styles
   ========================================================================== */

/* 1. Font face declarations */
@font-face {
    font-family: 'GoudyBookletter1911';
    src: url('fonts/GoudyBookletter1911-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@import url('https://fonts.googleapis.com/css2?family=Neue+Haas+Grotesk:wght@400;500;600;700&display=swap');

/* 2. Typography - Set GoudyBookletter1911 as main font */
body,
h1, h2, h3, h4, h5, h6,
p, a, div,
span,
.woocommerce,
.woocommerce-page {
    font-family: 'GoudyBookletter1911', serif !important;
    color: #424241 !important;
}

/* 3. Neue Haas Grotesk for subtitles and buttons */
.subtitle,
.button,
input[type="submit"],
input[type="button"],
input[type="reset"],
.woocommerce .button,
.woocommerce-page .button,
.btn {
    font-family: 'Neue Haas Grotesk', sans-serif !important;
}

/* 4. Change all black text to #424241 */
a:not(.button),
span:not(.button) {
    color: #424241 !important;
}

h1, h2, h3, h4, h5, h6 {
    color: #424241 !important;
}

div.moove-gdpr-cookie-notice p span {
    color: #fafafaaa !important;
}

/* 5. Menu items color */
.primary-menu a,
.secondary-menu a,
.topbar-menu a,
.nav-menu a {
    color: #424241 !important;
}


/* 6. Adjust Main menu */

.site-branding .logo img {
    max-height: 45px;
    width: auto;
    margin-top: 7px;
}

.site-header .header-main {
	height: 60px;
    margin-top: 10px;
}

.site-header .header-bottom {
	height: 60px;
}

.site-header .header-main .konte-container-fluid {
	margin: 0 37px;
	padding: 0px;
}

.site-header .header-bottom .konte-container-fluid {
	margin: 0 20px;
	padding: 0px;
}

#secondary-menu {
	display: flex;
	justify-content: space-between;
	width: 100%;
}

#secondary-menu .menu,
#secondary-menu .nav-menu {
	display: flex;
	justify-content: space-between;
	list-style: none;
	width: 100%;
}

.header-cart .counter, .header-wishlist .counter {
    display: none;
    margin: 0;
    padding: 0;
}

.header-right-items .header-cart,
.header-right-items .header-wishlist,
.header-right-items>* {
    margin: 5px 0 0 5px;
}

ul > li.account-link--wishlist > span {
    color: #fafafa !important;
    font-size: 14px;
    line-height: 8px;
}

/* 7. Adjust Buttons */

.woocommerce .button,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit,
.woocommerce #content input.button,
.woocommerce-page #respond input#submit,
.woocommerce-page #content input.button {
    color: white !important;
}

span.elementor-button-text {
    font-family: 'Neue Haas Grotesk', sans-serif !important;
    color: #424241 !important;
    padding: 10px;
    font-size: 0.9rem;
    font-weight: 500;
    text-shadow: none !important;
}

.elementor-button {
    background-color: #fafafa !important;
    border: 1px solid #424241 !important;
    border-radius: 0 !important;
}

.woocommerce .button, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce #respond input#submit, .woocommerce #content input.button, .woocommerce-page #respond input#submit, .woocommerce-page #content input.button {
    color: #424241 !important;
}

.woocommerce :not(a).button {
    background-color: #fafafa !important;
    border: 1px solid #424241 !important;
    border-radius: 0 !important;
}

table.cart .actions .button  {
    padding: 5px !important;
    margin-top: 0 !important;
}

#coupon_code {
    padding: 8px 5px;
}

a.checkout-button.button.alt.wc-forward {
    color: #fafafa !important;
    background-color: #424241 !important;
}


/* 8. FOOTER */
.footer-main .footer-items>* {
    margin-bottom: 0;
    color: #fafafa !important;
}

.footer-main .footer-items>* .nav-menu a {
    color: #fafafa !important;
}


/* 9. PRODUCTS PAGES */

.products-toolbar a.toggle-filters,
.products-toolbar p.woocommerce-result-count,
.products-toolbar form.woocommerce-ordering 
{
    font-size: 0.7rem;
    text-transform: uppercase;
}

.products-toolbar .woocommerce-ordering .select2-container .select2-dropdown {
    font-size: 0.8rem;
}

.products-toolbar a.remove-filtered {
    font-size: 0.8rem !important;
}

.products-toolbar .products-filter li {
    font-size: 0.8rem;
}

.products-tools .products-filter.dropdown-panel {
    z-index: 999 !important;
}

svg use[href="#eye"] {
    stroke-width: 1.8;
}

.products-tools p,
.products-tools p a,
.products-tools form span,
.shop-content-container  .nav-links a{
    font-family: 'Neue Haas Grotesk', sans-serif !important;
    font-weight: 400;
}

header > h1 {
    justify-self: left;
    font-size: 60px !important;
}