/*
Theme Name: Ilish Books
Theme URI: https://ilishbooks.com
Author: Ilish Books
Author URI: https://ilishbooks.com
Description: Editorial WordPress block theme for Ilish Books — an independent Dhaka-based Print-on-Demand publisher. WooCommerce-ready, with a calm literary aesthetic built from the Ilish_web_v2 mockup. Cormorant Garamond + Inter typography, terracotta accents on warm cream paper.
Version: 0.1.0
Requires at least: 6.4
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: ilish-books
Tags: block-theme, full-site-editing, e-commerce, editorial
*/

/* Most styling lives in theme.json. This file is intentionally minimal and
   holds only rules that block styles cannot express. */

/* Small-caps editorial label used for section eyebrows ("FEATURED BOOK", "OUR CATALOGUE"). */
.is-style-editorial-label {
    font-family: var(--wp--preset--font-family--sans);
    font-size: 0.75rem;
    font-weight: 500;
    letter-spacing: 0.16em;
    text-transform: uppercase;
    color: var(--wp--preset--color--accent);
}

/* Arrow-link affordance for "Explore Books →", "Read Sample →" etc. */
.is-style-arrow-link {
    font-family: var(--wp--preset--font-family--sans);
    font-size: 0.8125rem;
    font-weight: 500;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--wp--preset--color--ink);
    text-decoration: none;
    border-bottom: 0;
}
.is-style-arrow-link::after {
    content: " \2192";
    color: var(--wp--preset--color--accent);
    margin-left: 0.5rem;
}
.is-style-arrow-link:hover::after {
    margin-left: 0.75rem;
    transition: margin 120ms ease-out;
}

/* Thin red rule under section eyebrows, matching mockup. */
.is-style-eyebrow-rule {
    border: 0;
    border-top: 1px solid var(--wp--preset--color--accent);
    width: 2.5rem;
    margin: 0.5rem 0 1.25rem;
}

/* Italic serif tagline used in hero + footer-adjacent quotes. */
.is-style-tagline {
    font-family: var(--wp--preset--font-family--serif);
    font-style: italic;
    font-weight: 400;
    line-height: 1.45;
}

/* Editor parity for above. */
.editor-styles-wrapper .is-style-editorial-label,
.editor-styles-wrapper .is-style-arrow-link,
.editor-styles-wrapper .is-style-tagline { font-family: inherit; }

/* Belt-and-braces: hide WC's auto-injected account/cart blocks in the header.
   The PHP render_block filter in inc/woocommerce.php is the primary defense;
   this catches edge cases (admin bar, editor preview, plugin updates). */
.wp-block-woocommerce-customer-account,
.wp-block-woocommerce-mini-cart,
.wc-block-mini-cart { display: none !important; }

/* Custom-logo sits on the warm paper; give it a little breathing room from the
   site title and constrain max height to keep the masthead compact. */
.wp-block-site-logo .custom-logo {
    height: auto;
    max-height: 44px;
    width: auto;
    display: block;
}

/* Site title in the masthead — render at the small size used by editorial
   imprints so it sits next to the monogram instead of dominating it. */
.wp-block-site-title a {
    text-decoration: none;
}

@media (max-width: 781px) {
    .ilish-sidebar-shell {
        flex-wrap: wrap !important;
    }

    .ilish-sidebar-shell > aside.wp-block-group {
        border-bottom: 1px solid var(--wp--preset--color--rule);
        flex-basis: 100% !important;
        max-width: none;
        padding: var(--wp--preset--spacing--40) var(--wp--preset--spacing--50) !important;
        width: 100%;
    }

    .ilish-sidebar-shell > main.wp-block-group {
        border-left: 0 !important;
        flex-basis: 100% !important;
        padding-left: var(--wp--preset--spacing--50) !important;
        width: 100%;
    }
}