/*
 * Vone custom CSS overrides (loaded site-wide via Magento_Theme/layout/default_head_blocks.xml).
 * Raw CSS — not processed by Tailwind JIT; safe to hand-edit.
 */

/*
 * Fix: product review form shows a full-screen "Loading…" overlay on every PDP.
 *
 * The review form (vendor thy-fashion-theme Magento_Review/templates/form.phtml)
 * is lazy-initialised with Hyvä `x-defer="intersect"` + `x-ignore`, so Alpine does
 * not process its subtree until the form scrolls into view. Its loading overlay
 * (`.fixed.inset-0.z-[9999]`, `x-show="isLoading"`) was authored WITHOUT `x-cloak`,
 * so before that deferred init it renders visible by default and blankets the page.
 *
 * Hide it while the form is still deferred. Hyvä's defer plugin removes `x-ignore`
 * on intersect-init (magento2-theme-module .../plugins/v3/defer.phtml), after which
 * this rule stops matching and `x-show="isLoading"` governs the overlay normally
 * (so the loader still appears during an actual review submission).
 */
form.review-form[x-ignore] [x-show="isLoading"] {
    display: none !important;
}

/*
 * Amasty Custom Form (Hyvä) — layout utilities.
 *
 * Hyva_AmastyCustomForm's init.phtml lays the form out with
 * `grid gap-4 grid-cols-6 max-w-3xl` + `col-span-*`, but grid-cols-6, col-span-6
 * and the max-w-* sizes are NOT in the prebuilt Hyvä JIT bundle (the module's
 * classes were never scanned), so they generated no CSS: the grid collapsed to a
 * single column and the form stretched the full page width. Define them here with
 * Tailwind's default values.
 */
.grid-cols-6 { grid-template-columns: repeat(6, minmax(0, 1fr)); }
.col-span-6 { grid-column: span 6 / span 6; }
.max-w-2xl { max-width: 42rem; }
.max-w-3xl { max-width: 48rem; }