/* ============================================
   AELEN Premium Design System v2
   ============================================ */

@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;1,300;1,400&family=Inter:wght@0,300;0,400;0,500;1,300;1,400&display=swap');

:root {
    --black: #0e0d0b;
    --ink: #1c1914;
    --muted: #6b6258;
    --paper: #fafaf8;
    --line: #e8e4dc;
}

/* === BASE === */
* { box-sizing: border-box; }

body {
    font-family: "Inter", -apple-system, BlinkMacSystemFont, sans-serif !important;
    font-weight: 300 !important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: var(--ink);
    background: #fff;
    line-height: 1.6;
}

/* === TYPOGRAPHY === */
h1, h2, h3, h4, h5, h6,
.wp-block-heading, .product_title, .entry-title,
.woocommerce-loop-product__title, .has-large-font-size {
    font-family: "Cormorant Garamond", Georgia, Times, serif !important;
    font-weight: 400 !important;
    letter-spacing: 0 !important;
    margin: 0 !important;
}

h1, .wp-block-heading.has-display-font-size {
    font-size: 52px !important;
    line-height: 1.1 !important;
}
h2 {
    font-size: 30px !important;
    line-height: 1.2 !important;
    margin-bottom: 12px !important;
}
h3 {
    font-size: 22px !important;
    line-height: 1.3 !important;
}
h4 {
    font-size: 13px !important;
    font-family: "Inter", sans-serif !important;
    font-weight: 400 !important;
    letter-spacing: 0.05em !important;
    text-transform: uppercase !important;
}

p {
    margin: 0 0 16px 0 !important;
    line-height: 1.7;
}

/* === HEADER & NAVIGATION === */
.site-header, .ct-header {
    border-bottom: 1px solid rgba(0,0,0,0.05);
    background: #fff !important;
}

nav a, .menu a, .ct-menu-link, .wp-block-navigation-item a {
    font-family: "Inter", sans-serif !important;
    font-size: 11px !important;
    font-weight: 400 !important;
    letter-spacing: 0.1em !important;
    text-transform: uppercase !important;
    color: var(--ink) !important;
}

/* Hide offcanvas mobile panel on desktop */
@media (min-width: 1000px) {
    #offcanvas,
    .ct-panel[data-behaviour="right-side"],
    .ct-panel[data-behaviour="modal"],
    .ct-drawer-canvas[data-panel] {
        display: none !important;
    }
}

/* === BUTTONS === */
.wp-block-button__link, .button, button, .btn, a.button,
.wp-element-button, input[type="submit"] {
    font-family: "Inter", sans-serif !important;
    font-weight: 400 !important;
    letter-spacing: 0.1em !important;
    text-transform: uppercase !important;
    font-size: 11px !important;
    padding: 16px 40px !important;
    border-radius: 0 !important;
    transition: all 0.35s ease !important;
    text-decoration: none !important;
}

.wp-block-button__link:hover, .button:hover, a.button:hover {
    opacity: 0.8;
    transform: translateY(-1px);
}

/* === PRODUCT CARDS === */
.product, li.product, .wc-block-grid__product {
    transition: transform 0.4s ease, box-shadow 0.4s ease !important;
    background: #fff !important;
}
.product:hover, li.product:hover {
    transform: translateY(-6px) !important;
    box-shadow: 0 20px 60px rgba(0,0,0,0.06) !important;
}
.woocommerce-loop-product__title {
    font-size: 17px !important;
    font-weight: 400 !important;
    line-height: 1.3 !important;
}

/* === PRODUCT PAGE === */
.single-product .product_title {
    font-size: 34px !important;
    line-height: 1.2 !important;
}
.woocommerce-product-gallery {
    border: 1px solid var(--line);
}
.woocommerce-tabs {
    border-top: 1px solid var(--line) !important;
    padding-top: 40px !important;
    margin-top: 40px !important;
}

/* === CATEGORY PAGES === */
.term-description, .woocommerce-category-description {
    text-align: center;
    color: var(--muted);
    max-width: 600px;
    margin: 0 auto 30px;
}

/* === COVER BLOCKS === */
.wp-block-cover {
    margin: 0 !important;
}
.wp-block-cover__inner-container {
    max-width: 900px !important;
    margin: 0 auto !important;
}

/* === COLUMNS & GRID === */
.wp-block-columns {
    gap: 24px !important;
}
.wp-block-column {
    overflow: hidden;
}

/* === COLLECTION CARDS === */
.wp-block-image img {
    transition: transform 0.5s ease;
}
.wp-block-image:hover img {
    transform: scale(1.03);
}

/* === TRUST SECTION === */
.has-background {
    position: relative;
}

/* === TESTIMONIALS === */
.wp-block-quote {
    border-left: 1px solid var(--line) !important;
    padding-left: 20px !important;
    margin: 0 !important;
}
.wp-block-quote p {
    font-family: "Cormorant Garamond", Georgia, serif !important;
    font-size: 17px !important;
    font-style: italic !important;
    line-height: 1.7 !important;
    color: var(--ink) !important;
    margin-bottom: 12px !important;
}
.wp-block-quote cite {
    font-family: "Inter", sans-serif !important;
    font-size: 11px !important;
    font-style: normal !important;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: var(--muted) !important;
}

/* === FOOTER === */
.site-footer, .ct-footer, footer {
    background: var(--black) !important;
    color: #999 !important;
    font-size: 12px;
    padding: 60px 0 !important;
}
.site-footer a, .ct-footer a, footer a {
    color: #bbb !important;
}

/* === HIDE UNWANTED === */
.add_to_cart_button, .single_add_to_cart_button,
.woocommerce ul.products li.product .button,
.woocommerce ul.products li.product .add_to_cart_button,
a.added_to_cart, .ajax_add_to_cart,
.no-results, .woocommerce-no-products-found,
.woocommerce-info:empty, .not-found,
div[aria-live="polite"][role="status"],
.asl_r .nores, .asl_nores,
.screen-reader-text:has(+ *) {
    display: none !important;
}

/* === SMOOTH & SELECTION === */
html { scroll-behavior: smooth; }
::selection { background: var(--black); color: var(--paper); }

/* === SPACING FIXES === */
.entry-content > *,
.wp-block-post-content > * {
    margin-block-start: 0 !important;
    margin-block-end: 0 !important;
}
.wp-site-blocks {
    padding: 0 !important;
}

/* === MOBILE === */
@media (max-width: 768px) {
    h1, h1.wp-block-heading { font-size: 32px !important; }
    h2 { font-size: 22px !important; }
    h3 { font-size: 18px !important; }
    .wp-block-columns {
        flex-wrap: wrap !important;
        gap: 16px !important;
    }
    .wp-block-column {
        flex-basis: 100% !important;
    }
    .wp-block-cover {
        min-height: 500px !important;
    }
}