/**
 * Theme Name: Blocksy Child
 * Description: Blocksy Child theme
 * Author: Creative Themes
 * Template: blocksy
 * Text Domain: blocksy
 */

:root {
    --transition: all 0.3s ease-in-out;

    /* Spacing */
    --space-xs: 0.25rem;
    --space-s: 0.5rem;
    --space-base: 1rem;
    --space-m: clamp(1.13rem, calc(1rem + 0.56vw), 1.5rem);
    --space-l: clamp(1.5rem, calc(1.33rem + 0.74vw), 2rem);
    --space-xl: clamp(2.25rem, calc(2rem + 1.11vw), 3rem);
    --space-2xl: clamp(3rem, calc(2.67rem + 1.48vw), 4rem);
    --space-3xl: clamp(3.75rem, calc(3.33rem + 1.85vw), 5rem);
    --space-section: clamp(4rem, 2.47rem + 6.81vw, 8rem);

    /* Font sizes — referenced from Customizer typography settings */
    --font-eyebrow: 0.75rem;
    --font-xs: 0.6875rem;
    --font-s: 0.8125rem;
    --font-base: 0.9375rem;
    --font-h6: 0.875rem;
    --font-h5: 1.125rem;
    --font-h4: 1.375rem;
    --font-h3: clamp(1.375rem, 1.15rem + 1.1vw, 1.875rem);
    --font-h2: clamp(1.625rem, 1.0rem + 2.5vw, 2.625rem);
    --font-h1: clamp(2rem, 1.25rem + 3vw, 3.25rem);
    --font-hero: clamp(2.25rem, 1.5rem + 3.5vw, 3.5rem);
    --font-display: clamp(4rem, 2.5rem + 6vw, 8.75rem);

    /* Font families — selected in Customizer Font settings; vars kept for components */
    --font-sans: 'DM Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    --font-serif: 'PT Serif', Georgia, 'Times New Roman', serif;

    /* Letter spacing */
    --tracking-tight: 0.02em;
    --tracking-wide: 0.08em;
    --tracking-eyebrow: 0.28em;
    --tracking-widest: 0.32em;

    /* Radius */
    --radius-s: 0.125rem;
    --radius-m: 0.25rem;
    --radius-l: 0.375rem;
    --radius-xl: 1.25rem;
    --radius-full: 9999px;

    /* Shadows */
    --shadow-s: 0 1px 8px rgba(61, 31, 14, 0.06);
    --shadow-m: 0 8px 40px rgba(61, 31, 14, 0.18);
    --shadow-l: 0 20px 60px rgba(61, 31, 14, 0.25);

    /* Button component defaults */
    --button-radius: var(--radius-s);
    --button-padding: 0.875rem 2.25rem;
    --button-font-size: var(--font-xs);
    --button-font-weight: 600;

    /* Card component defaults */
    --card-radius: var(--radius-l);
    --card-bg: var(--theme-palette-color-10);
    --card-shadow: var(--shadow-s);
    --card-padding: var(--space-l);
    --card-border: 1px solid rgba(196, 154, 108, 0.3);
}

/**************************************************
 * Blocksy spacing fix
 * ***********************************************/
:is(.is-layout-flow,.is-layout-constrained)>*:where(:not(h1,h2,h3,h4,h5,h6,.section)) + * {
    margin-block-end: var(--space-base);
}
form.checkout.woocommerce-checkout.ct-woocommerce-checkout :is(h1,h2,h3,h4,p) {
    margin-bottom: var(--space-base);
}


.ct-checkout-cart-item-title .product-quantity{
	display:none;
}
.woocommerce-order-received .woocommerce-order-details {
    margin-top: var(--space-2xl);
}
.woocommerce-order-received .woocommerce-notice {
    border: 1px solid var(--theme-palette-color-4);
}
.woocommerce-customer-details > * + * {
    margin-top: var(--space-base);
}
/**************************************************
 * Checkout adjustments
 * ***********************************************/
.makecommerce-payment-methods .makecommerce-picker.bg-white {
	--bs-bg-opacity: 0;
}

.makecommerce-payment-methods .rounded {
    border: 1px solid var(--theme-palette-color-4);
    --bs-box-shadow-sm: none;
}
.makecommerce-payment-methods .rounded:hover {
    background: #ffffff00;
}
.makecommerce-payment-methods .form-select{
	--bs-body-bg:transparent;
    --bs-border-color:var(--theme-palette-color-4);
}
.makecommerce-payment-methods .payment-method-selected {
    border-color: var(--theme-palette-color-1);
}
/**************************************************
 * Animate
 * ***********************************************/
@media (prefers-reduced-motion: no-preference) {
    .animate {
        opacity: 0;
        transform: translateY(50px);
        transition: opacity 1s ease, transform 0.6s ease;
        will-change: opacity, transform;
    }

    .animate.is-visible {
        opacity: 1;
        transform: translateY(0);
    }

    /* Disable animation in the editor preview */
    .editor-styles-wrapper .animate {
        opacity: 1 !important;
        transform: none !important;
        transition: none !important;
    }
}