/*
Theme Name: Azario Custom
Author: Azario Fragrance
Description: A custom black, gold and ivory block theme for the Azario perfume store. Edit layouts in Appearance > Editor.
Version: 1.0.1
Requires at least: 6.6
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: azario-custom
*/
html { scroll-behavior: smooth; }
body { margin: 0; }
*, *::before, *::after { box-sizing: border-box; }
img { max-width: 100%; height: auto; }
a { text-underline-offset: .22em; }
:focus-visible { outline: 3px solid #9b7720; outline-offset: 5px; }
.wp-site-blocks > * { margin-block-start: 0; }
/* Full-width homepage backgrounds, including previously saved editor templates. */
.home .wp-site-blocks > main.wp-block-group { width: 100%; max-width: none !important; margin-inline: 0 !important; }
.home .wp-site-blocks > main.wp-block-group > .wp-block-group { width: 100%; max-width: none !important; margin-inline: 0 !important; }
.az-hero > .az-hero-inner { max-width: 1160px; margin-inline: auto !important; }
/* Align text in a hero saved before the inner content wrapper was introduced. */
.az-hero > h1, .az-hero > p, .az-hero > .wp-block-buttons { margin-inline-start: max(0px, calc((100% - 1160px) / 2)) !important; margin-inline-end: 0 !important; }
.az-header { background: #000; color: #fff; padding: 18px clamp(20px, 5vw, 80px); border-bottom: 1px solid #332b18; }
.az-header a, .az-footer a { color: inherit; }
.az-header-row { max-width: 1240px; margin: auto; gap: 28px; }
.az-brand { margin: 0; line-height: 0; }
.az-brand img { width: 105px; display: block; }
.az-header .wp-block-navigation { margin-left: auto; font-size: 14px; }
.az-header .wp-block-navigation__responsive-container.is-menu-open { background: #000; color: #fff; padding: 28px; }
.az-cart a { color: #d4af37; text-decoration: none; font-size: 14px; }
.az-hero { position: relative; overflow: hidden; background: #080808; color: #fff; padding: clamp(80px, 11vw, 160px) 24px; isolation: isolate; }
.az-hero::before { content: ''; position: absolute; z-index: -1; inset: 0; background: radial-gradient(ellipse at 85% 30%, #d4af371c, transparent 60%); }
.az-hero::after { content: ''; position: absolute; z-index: -1; width: 600px; height: 600px; right: -250px; top: -160px; border: 1px solid #d4af3733; border-radius: 50%; box-shadow: 0 0 0 65px #d4af3707, 0 0 0 130px #d4af3705; }
.az-hero h1 { max-width: 820px; font-size: clamp(48px, 7vw, 96px); font-weight: 400; line-height: 1.03; letter-spacing: -.045em; margin: 22px 0; }
.az-hero .az-intro { max-width: 540px; color: #c9c4b9; font-size: 18px; line-height: 1.7; }
.az-eyebrow { text-transform: uppercase; letter-spacing: .2em; font-size: 12px; font-family: Arial, sans-serif; font-weight: 600; color: #80600e; }
.az-hero .az-eyebrow, .az-footer .az-eyebrow { color: #d4af37; }
.az-hero .wp-block-buttons { margin-top: 34px; gap: 14px; }
.wp-block-button__link { transition: background-color .2s, transform .2s; }
.wp-block-button__link:hover { background: #e3c365; color: #000; transform: translateY(-2px); }
.az-hero .is-style-outline .wp-block-button__link { color: #fff; border: 1px solid #6b624b; background: transparent; }
.az-hero .is-style-outline .wp-block-button__link:hover { background: #222; }
.az-section { padding: clamp(56px, 7vw, 96px) 24px; }
.az-section h2 { font-size: clamp(32px, 4vw, 52px); font-weight: 400; line-height: 1.15; letter-spacing: -.025em; }
.az-section p { line-height: 1.7; }
.az-section-white { background: #fff; }
.az-story { background: #ede7db; }
.az-story .wp-block-columns { gap: clamp(30px, 5vw, 70px); }
.az-story-heading { max-width: 520px; }
.az-category-grid { gap: 24px; margin-top: 35px; }
.az-category { padding: 28px; border: 1px solid #d9d1bf; min-height: 210px; }
.az-category h3 { font-size: 26px; font-weight: 400; }
.az-category p { font-size: 15px; }
.az-category a { color: #5c4409; }
.az-products { margin-top: 36px; }
.az-products ul.products { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 28px; padding: 0; }
.az-products ul.products::before, .az-products ul.products::after { display: none; }
.az-products ul.products li.product { width: auto !important; float: none !important; margin: 0 !important; }
.woocommerce ul.products li.product .woocommerce-loop-product__title { font-family: Georgia, serif; color: #171717; font-size: 20px; }
.woocommerce ul.products li.product .price { color: #614909; }
.woocommerce a.button, .woocommerce button.button, .woocommerce input.button { background: #d4af37; color: #000; border-radius: 0; }
.woocommerce span.onsale { background: #171717; color: #fff; }
.az-footer { background: #000; color: #c9c4b9; padding: 50px 24px; }
.az-footer h2 { color: #fff; font-size: 30px; font-weight: 400; }
.az-footer-row { align-items: start; gap: 30px; }
.az-footer .az-copyright { border-top: 1px solid #332b18; padding-top: 24px; margin-top: 30px; font-size: 13px; }
.az-page { padding: 50px 24px 80px; min-height: 55vh; }
.az-page > .wp-block-post-title { font-size: clamp(36px, 5vw, 60px); }
.az-blog-card { padding-block: 28px; border-bottom: 1px solid #d9d1bf; }
@media (max-width: 900px) { .az-products ul.products { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 600px) { .az-header { padding: 12px 20px; } .az-header-row { gap: 16px; } .az-brand img { width: 86px; } .az-hero { padding: 70px 20px; } .az-hero .az-intro { font-size: 16px; } .az-products ul.products { gap: 18px; } .az-footer-row { flex-direction: column; align-items: flex-start; } }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } *, *::before, *::after { transition: none !important; animation: none !important; } }