/*
Theme Name: BookHaven
Theme URI: 
Author: BookHaven
Author URI: 
Description: A modern bookstore theme with glassmorphism design. Compatible with Elementor, WooCommerce, and the WordPress Block Editor. Edit any page with Elementor for full visual control.
Version: 2.0
Requires at least: 6.0
Tested up to: 6.7
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: bookhaven
Tags: e-commerce, woocommerce, elementor, custom-colors, custom-logo, full-width-template, blog
*/

/*
 * All styles are loaded from assets/css/main.css (compiled Tailwind CSS).
 * This file is intentionally minimal — WordPress requires it to exist for theme registration.
 *
 * To customize colors and styles, use:
 *   1. Elementor's built-in style controls (recommended)
 *   2. Appearance > Customize > Additional CSS
 *   3. Edit assets/css/main.css directly
 */

/* ── Glass Card Utility ─────────────────────────────────────────────────────── */
.glass-card {
    background: rgba(255, 255, 255, 0.4);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    border: 1px solid rgba(255, 255, 255, 0.5);
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.08);
}

/* ── WooCommerce Overrides ──────────────────────────────────────────────────── */
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
    text-align: left;
}

.woocommerce .button,
.woocommerce-page .button {
    background-color: #16a34a;
    color: #ffffff;
    border-radius: 9999px;
    padding: 0.5rem 1.25rem;
    font-weight: 600;
    transition: background-color 0.2s ease, transform 0.2s ease;
}

.woocommerce .button:hover,
.woocommerce-page .button:hover {
    background-color: #15803d;
    transform: scale(1.02);
}

/* ── Elementor Compatibility ────────────────────────────────────────────────── */
.elementor-section-boxed>.elementor-container {
    max-width: 1280px;
}

/* ── Base Body Styles ───────────────────────────────────────────────────────── */
body.bookhaven-theme {
    background-color: #f9fafb;
    /* gray-50 */
    font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    color: #111827;
    /* gray-900 */
    min-height: 100vh;
}

/* ── WordPress Admin Bar Compatibility ──────────────────────────────────────── */
/* When admin bar is showing, WordPress adds margin-top to body.
   Our sticky header needs to account for this. */
.admin-bar #site-header {
    top: 32px;
}

@media screen and (max-width: 782px) {
    .admin-bar #site-header {
        top: 46px;
    }
}