/* BOOKSTORE PREMIUM CSS 
   ---------------------
*/
:root {
    --transition-smooth: 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
    --shadow-hover: 0 20px 40px rgba(0,0,0,0.12);
}
html { scroll-behavior: smooth; }
* { transition: all 0.3s ease; }

/* 1. PRODUCT CARD & EFFECTS */
.wp-block-post-template .wp-block-group {
    transition: var(--transition-smooth);
    border: 1px solid rgba(0,0,0,0.05) !important;
}
.wp-block-post-template .wp-block-group:hover {
    transform: translateY(-8px);
    box-shadow: var(--shadow-hover);
    border-color: var(--wp--preset--color--gold) !important;
}

/* 2. HEADER STICKY & NAV */
header.wp-block-template-part.is-sticky {
    position: fixed; top: 0; left: 0; width: 100%; z-index: 1000;
    background: rgba(18, 18, 18, 0.95); /* Obsidian with opacity */
    backdrop-filter: blur(10px);
    box-shadow: 0 4px 20px rgba(0,0,0,0.2);
    padding-top: 10px !important; padding-bottom: 10px !important;
}
.wp-block-navigation-item__content:hover { color: var(--wp--preset--color--gold) !important; }

/* 3. REVEAL ANIMATION */
.reveal-item { opacity: 0; transform: translateY(30px); transition: opacity 0.8s ease, transform 0.8s ease; }
.reveal-item.is-visible { opacity: 1; transform: translateY(0); }

/* 4. BLOCK STYLES */
.is-style-book-shadow img {
    box-shadow: -12px 10px 25px rgba(0,0,0,0.3);
    border-radius: 2px 5px 5px 2px;
}
.is-style-gold-border {
    border: 1px solid var(--wp--preset--color--gold);
    padding: 40px; position: relative;
}
.is-style-gold-border::after {
    content: ''; position: absolute; top: 5px; left: 5px; right: 5px; bottom: 5px;
    border: 1px solid var(--wp--preset--color--gold); opacity: 0.5; pointer-events: none;
}

/* 5. WOOCOMMERCE POLISH */
.woocommerce div.product form.cart { display: flex; gap: 15px; margin-bottom: 30px; }
.woocommerce div.product form.cart .button {
    height: 48px; background-color: var(--wp--preset--color--primary); color: #fff; border: none; text-transform: uppercase; font-weight: 600;
}
.woocommerce div.product .woocommerce-tabs ul.tabs { border-bottom: 2px solid #eee; padding: 0; list-style: none; display: flex; gap: 20px; }
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a { border-bottom: 2px solid var(--wp--preset--color--primary); color: #000; }
.price { font-family: var(--wp--preset--font-family--serif); font-weight: 700; color: var(--wp--preset--color--primary); font-size: 1.25rem; }