/* ================================
YanScent — Custom CSS
================================ */
/* Google Fonts import */
@import url(‘https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,600;0,700;1,400&family=Inter:wght@300;400;500;600&display=swap’);
/* —- Base Typography —- */
body, body.elementor-page {
font-family: ‘Inter’, -apple-system, BlinkMacSystemFont, sans-serif !important;
color: #3E2F1C;
background-color: #FAF8F5;
}
h1, h2, h3, h4, h5, h6,
.elementor-heading-title,
.elementor-widget-heading h1,
.elementor-widget-heading h2,
.elementor-widget-heading h3 {
font-family: ‘Playfair Display’, Georgia, serif !important;
color: #3E2F1C;
}
/* —- Elementor Button Global —- */
.elementor-button {
border-radius: 0 !important;
font-family: ‘Inter’, sans-serif !important;
font-weight: 500 !important;
letter-spacing: 0.05em;
text-transform: none !important;
transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease !important;
}
.elementor-button:hover {
transform: none !important;
box-shadow: none !important;
}
/* —- Hero Section —- */
.elementor-section-wrap > section:first-child {
min-height: 100vh !important;
display: flex !important;
align-items: center !important;
}
/* —- Gold Divider —- */
.gold-divider {
width: 60px;
height: 1px;
background: #C4A35A;
margin: 20px auto;
}
/* —- Step Numbers (Ritual Guide) —- */
.step-number {
font-family: ‘Playfair Display’, serif !important;
font-size: 48px;
color: #C4A35A;
line-height: 1;
font-weight: 700;
}
/* —- Brand Philosophy Label —- */
.elementor-widget-text-editor p,
.elementor-widget-shortcode .shortcode {
font-family: ‘Inter’, sans-serif;
}
/* —- Smooth Scroll —- */
html {
scroll-behavior: smooth;
}
/* —- Newsletter Dark Section —- */
.elementor-section-boxed.newsletter-section {
background-color: #3E2F1C !important;
}
.newsletter-section input[type=”email”] {
border-radius: 0 !important;
font-family: ‘Inter’, sans-serif;
}
.newsletter-section button {
border-radius: 0 !important;
font-family: ‘Inter’, sans-serif !important;
font-weight: 500 !important;
cursor: pointer;
}
/* —- WooCommerce Overrides —- */
/* Product Grid */
.woocommerce ul.products {
display: grid !important;
grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
gap: 24px !important;
padding: 0;
list-style: none;
}
.woocommerce ul.products li.product {
background: #FFFFFF !important;
border: 1px solid #D4C4A8 !important;
border-radius: 0 !important;
padding: 0 !important;
margin: 0 !important;
text-align: center !important;
transition: border-color 0.3s ease !important;
position: relative;
}
.woocommerce ul.products li.product:hover {
border-color: #8B6F47 !important;
}
.woocommerce ul.products li.product img {
width: 100%;
height: 240px;
object-fit: cover;
}
.woocommerce ul.products li.product .woocommerce-loop-product__title {
font-family: ‘Playfair Display’, serif !important;
font-size: 18px !important;
color: #3E2F1C !important;
padding: 16px 16px 4px !important;
font-weight: 600 !important;
margin: 0 !important;
}
.woocommerce ul.products li.product .price {
color: #8B6F47 !important;
font-family: ‘Inter’, sans-serif !important;
font-size: 16px !important;
padding: 0 16px !important;
margin-bottom: 12px !important;
}
.woocommerce ul.products li.product .price del { color: #A09080; }
.woocommerce ul.products li.product .price ins { text-decoration: none; }
.woocommerce ul.products li.product a.button {
display: block !important;
background: transparent !important;
border: 1px solid #8B6F47 !important;
border-radius: 0 !important;
color: #8B6F47 !important;
font-family: ‘Inter’, sans-serif !important;
margin: 0 16px 16px !important;
padding: 10px 20px !important;
text-align: center !important;
transition: all 0.3s ease !important;
}
.woocommerce ul.products li.product a.button:hover {
background: #8B6F47 !important;
color: #FAF8F5 !important;
}
/* —- Product Detail Page —- */
.woocommerce div.product p.price {
color: #8B6F47 !important;
font-size: 24px !important;
}
.woocommerce div.product .product_title {
font-family: ‘Playfair Display’, serif !important;
}
.woocommerce div.product form.cart .button {
background: #8B6F47 !important;
border: none !important;
border-radius: 0 !important;
color: #FAF8F5 !important;
font-family: ‘Inter’, sans-serif !important;
font-weight: 500 !important;
padding: 14px 40px !important;
transition: background 0.3s ease !important;
}
.woocommerce div.product form.cart .button:hover {
background: #6B5B47 !important;
}
/* —- Footer —- */
.site-footer, .footer-inner, #colophon {
background-color: #3E2F1C !important;
color: #D4C4A8 !important;
font-family: ‘Inter’, sans-serif;
}
.site-footer a { color: #C4A35A !important; }
.site-footer h1, .site-footer h2, .site-footer h3,
.site-footer h4 {
font-family: ‘Playfair Display’, serif !important;
color: #FAF8F5 !important;
}
/* —- Scrollbar —- */
::-webkit-scrollbar { width: 8px; }
::-webkit-scrollbar-track { background: #FAF8F5; }
::-webkit-scrollbar-thumb { background: #C4A35A; }
/* —- Responsive —- */
@media (max-width: 768px) {
h1, .elementor-heading-h1 { font-size: 40px !important; }
h2, .elementor-heading-h2 { font-size: 28px !important; }
.woocommerce ul.products { grid-template-columns: repeat(2, 1fr) !important; }
.woocommerce ul.products li.product img { height: 160px; }
.step-number { font-size: 36px !important; }
}