Evergreen Store Custom CSS

/* ===================== EVERGREEN STORE — GLOBAL STYLES ===================== */

/* === HEADER === */
#masthead, .site-header, .ast-header-wrap, header.ast-header-wrap {
background: #111111 !important;
border-bottom: 1px solid #222222 !important;
box-shadow: 0 2px 20px rgba(0,0,0,0.3) !important;
}

.main-header-bar {
background: #111111 !important;
padding: 0 !important;
}

/* Site logo / name */
.ast-site-identity .site-title a,
.ast-site-identity .site-title,
.site-title a {
color: #f0c060 !important;
font-size: 22px !important;
font-weight: 800 !important;
letter-spacing: -0.5px !important;
text-decoration: none !important;
}

/* Nav links */
.main-header-menu .menu-item > a,
.main-navigation .menu-item > a,
#site-navigation .menu-item > a {
color: #ffffff !important;
font-size: 14px !important;
font-weight: 500 !important;
padding: 8px 16px !important;
transition: color 0.2s !important;
text-transform: uppercase !important;
letter-spacing: 0.5px !important;
}

.main-header-menu .menu-item > a:hover,
.main-navigation .menu-item > a:hover,
.main-header-menu .current-menu-item > a {
color: #f0c060 !important;
}

/* WooCommerce cart icon in header */
.ast-header-woo-cart .count,
.woocommerce-cart-link .count {
background: #f0c060 !important;
color: #111 !important;
font-weight: 700 !important;
}

/* === HIDE PAGE TITLE ON HOMEPAGE === */
.home .entry-title,
.home .ast-page-title,
.home .page-header,
.home h1.entry-title,
.page-id-21 .entry-title,
.page-id-21 .ast-page-title,
.page-id-21 h1.entry-title,
.ast-page-header-bg-type-none .ast-archive-title {
display: none !important;
}

/* === HERO COVER FULL WIDTH === */
.home .wp-block-cover.alignfull,
.entry-content .wp-block-cover.alignfull {
margin-left: calc(-50vw + 50%) !important;
margin-right: calc(-50vw + 50%) !important;
max-width: 100vw !important;
width: 100vw !important;
}

/* Remove default page padding on homepage */
.home .entry-content {
padding: 0 !important;
}

.home .ast-container {
max-width: 100% !important;
padding: 0 !important;
}

/* === WOOCOMMERCE PRODUCT CARDS === */
.woocommerce ul.products li.product {
border-radius: 12px !important;
overflow: hidden !important;
box-shadow: 0 2px 12px rgba(0,0,0,0.06) !important;
transition: transform 0.25s, box-shadow 0.25s !important;
background: #fff !important;
}

.woocommerce ul.products li.product:hover {
transform: translateY(-5px) !important;
box-shadow: 0 12px 32px rgba(0,0,0,0.12) !important;
}

.woocommerce ul.products li.product .woocommerce-loop-product__title {
font-size: 15px !important;
font-weight: 600 !important;
color: #111 !important;
}

.woocommerce ul.products li.product .price {
color: #f0c060 !important;
font-weight: 700 !important;
font-size: 16px !important;
}

.woocommerce ul.products li.product .button,
.woocommerce ul.products li.product a.button {
background: #111111 !important;
color: #ffffff !important;
border-radius: 6px !important;
font-weight: 600 !important;
font-size: 13px !important;
padding: 10px 20px !important;
transition: background 0.2s !important;
border: none !important;
}

.woocommerce ul.products li.product .button:hover,
.woocommerce ul.products li.product a.button:hover {
background: #f0c060 !important;
color: #111 !important;
}

/* === FOOTER === */
.site-footer, #colophon {
background: #0a0a0a !important;
color: #888888 !important;
border-top: 1px solid #222 !important;
padding: 24px 0 !important;
text-align: center !important;
}

.site-footer a { color: #f0c060 !important; }

/* === GLOBAL BUTTON === */
.wp-block-button__link.wp-element-button {
transition: opacity 0.2s, transform 0.15s !important;
}
.wp-block-button__link.wp-element-button:hover {
opacity: 0.88 !important;
transform: translateY(-1px) !important;
}

/* === BODY FONT === */
body {
font-family: ‘Inter’, -apple-system, BlinkMacSystemFont, ‘Segoe UI’, sans-serif !important;
}