/*
Theme Name:   AleCraft Stitch
Theme URI:    https://alecraftbeer.com
Description:  Modern Industrial redesign for AleCraft Brewery & Restaurant — Maroon, Ale Gold, Parchment. Sharp corners, Space Grotesk + Be Vietnam Pro. Built from the Stitch design system.
Author:       AleCraft
Version:      1.0.0
Text Domain:  alecraft-stitch
*/

/* Tailwind is loaded via CDN in header.php; this file holds only the bits
   that need to ship with the theme (font-faces, custom utilities, WP-specific
   adjustments, and overrides for WooCommerce / Elementor content inside our
   shell). */

:root {
    --ac-surface: #fcf9f8;
    --ac-surface-container: #f0eded;
    --ac-on-surface: #1c1b1b;
    --ac-on-surface-variant: #544342;
    --ac-primary: #380205;
    --ac-primary-container: #541617;
    --ac-secondary: #fed65b;
    --ac-gold: #d4af37;
    --ac-outline: #877271;
    --ac-charcoal: #18181b;
}

html { scroll-behavior: smooth; }

body.alecraft {
    background: var(--ac-surface);
    color: var(--ac-on-surface);
    font-family: 'Be Vietnam Pro', system-ui, sans-serif;
    font-size: 16px;
    line-height: 1.6;
}

.alecraft .industrial-offset {
    box-shadow: 6px 6px 0 0 var(--ac-primary-container);
    transition: transform .15s ease, box-shadow .15s ease;
}
.alecraft .industrial-offset:hover {
    transform: translate(2px, 2px);
    box-shadow: 2px 2px 0 0 var(--ac-primary-container);
}
.alecraft .hard-offset {
    box-shadow: 4px 4px 0 0 var(--ac-charcoal);
}
.alecraft .dotted-leader {
    flex: 1;
    border-bottom: 2px dotted var(--ac-outline);
    margin: 0 12px 8px;
}

/* WordPress admin bar offset for sticky header */
body.alecraft.admin-bar header.ac-topbar { top: 32px; }
@media (max-width: 782px) { body.alecraft.admin-bar header.ac-topbar { top: 46px; } }

/* WooCommerce / Elementor content rendered inside .ac-content-page get
   readable defaults that don't fight our shell. */
.ac-content-page .ac-wp-content { max-width: 1280px; margin: 0 auto; padding: 80px 24px; }
.ac-content-page .ac-wp-content h1,
.ac-content-page .ac-wp-content h2,
.ac-content-page .ac-wp-content h3 {
    font-family: 'Space Grotesk', system-ui, sans-serif;
    font-weight: 700;
    letter-spacing: -0.01em;
    text-transform: uppercase;
    color: var(--ac-primary-container);
    margin: 1.5rem 0 1rem;
}
.ac-content-page .ac-wp-content h1 { font-size: 48px; line-height: 1.1; }
.ac-content-page .ac-wp-content h2 { font-size: 32px; line-height: 1.2; }
.ac-content-page .ac-wp-content h3 { font-size: 22px; }
.ac-content-page .ac-wp-content p { margin: 0 0 1rem; }
.ac-content-page .ac-wp-content a { color: var(--ac-primary-container); text-decoration: underline; }
.ac-content-page .ac-wp-content img { max-width: 100%; height: auto; }
.ac-content-page .ac-wp-content ul,
.ac-content-page .ac-wp-content ol { margin: 0 0 1rem 1.25rem; }

/* WooCommerce buttons in our shell */
.alecraft .woocommerce a.button,
.alecraft .woocommerce button.button,
.alecraft .woocommerce input.button,
.alecraft .woocommerce #respond input#submit,
.alecraft .woocommerce-page a.button,
.alecraft .woocommerce-page button.button {
    background: var(--ac-primary-container);
    color: #fff;
    border-radius: 0;
    font-family: 'Space Grotesk', sans-serif;
    text-transform: uppercase;
    letter-spacing: .1em;
    font-weight: 600;
    padding: 12px 24px;
    box-shadow: 4px 4px 0 0 var(--ac-charcoal);
    transition: transform .15s ease, box-shadow .15s ease;
}
.alecraft .woocommerce a.button:hover,
.alecraft .woocommerce button.button:hover {
    transform: translate(2px, 2px);
    box-shadow: 0 0 0 0 var(--ac-charcoal);
}

/* Mobile menu toggle */
.ac-mobile-toggle { display: none; }
@media (max-width: 1023px) {
    .ac-mobile-toggle { display: inline-flex; }
    .ac-nav-desktop { display: none !important; }
    .ac-nav-mobile.open { display: flex !important; }
}
@media (min-width: 1024px) {
    .ac-nav-mobile { display: none !important; }
}