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

:root {

    /* ── Blocksy Color System ── */
    --color-1: #28A745;    /* Primary brand — buttons, links, accents */
    --color-2: #16A34A;    /* Hover / alt accent — darker green */
    --color-3: #93A3A0;    /* Body text — paragraphs, descriptions */
    --color-4: #0F1724;    /* Headings — titles, nav, strong text */
    --color-5: #E2E8E5;    /* Borders — dividers, card outlines */
    --color-6: #E6F6ED;    /* Subtle bg — hero, footer, sections (green tint) */
    --color-7: #FFFFFF;    /* Site background */
    --color-8: #FFFFFF;    /* Header / card bg — pure white */

    /* ── Extra Colors (optional) ── */
    --color-9: #F6FBF8;    /* Section bg — header, hero, services */
    --color-10: #F1F5F4;   /* Neutral section bg — muted alt */

    /* ── Spacing ── */
    --space-xs: 0.25rem;
    --space-s: 0.5rem;
    --space-base: 1rem;
    --space-m: clamp(1.13rem, calc(1.00rem + 0.56vw), 1.50rem);
    --space-l: clamp(1.50rem, calc(1.33rem + 0.74vw), 2.00rem);
    --space-xl: clamp(2.25rem, calc(2.00rem + 1.11vw), 3.00rem);
    --space-2xl: clamp(3.00rem, calc(2.67rem + 1.48vw), 4.00rem);
    --space-3xl: clamp(3.75rem, calc(3.33rem + 1.85vw), 5.00rem);
    --space-section: clamp(4rem, 2.4615rem + 6.1538vw, 8rem);

    /* ── Font Sizes ── */
    --font-xs: 0.625rem;                                           /* 10px — fine print */
    --font-s: 0.75rem;                                             /* 12px — labels, captions */
    --font-base: 1rem;                                             /* 16px — body */
    --font-h6: 0.875rem;                                           /* 14px — small text, tags */
    --font-h5: 1.125rem;                                           /* 18px — large body */
    --font-h4: clamp(1.125rem, 1.0769rem + 0.1923vw, 1.25rem);    /* 18→20px — small headings */
    --font-h3: clamp(1.25rem, 1.1538rem + 0.3846vw, 1.5rem);      /* 20→24px — card titles */
    --font-h2: clamp(1.5rem, 1.3558rem + 0.5769vw, 1.875rem);     /* 24→30px — section headings */
    --font-h1: clamp(2.25rem, 1.8654rem + 1.5385vw, 3.25rem);     /* 36→52px — main titles */
    --font-display: clamp(2.5rem, 1.734rem + 3.4043vw, 4.5rem); /* 50→72px — hero only */

    /* ── Font Families ── */
    --font-serif: 'DM Serif Display', Georgia, serif;
    --font-sans: 'DM Sans', -apple-system, sans-serif;

	/* ── Buttons ── */
	--button-radius: var(--radius-full);     /* pill for this project, change to var(--radius-m) for another */
	--button-padding-y: 0.8rem;
	--button-padding-x: 2rem;
	--button-font-size: var(--font-base);
	--button-font-weight: 600;
	--button-primary-bg: var(--color-1);
	--button-primary-color: var(--color-8);
	--button-primary-bg-hover: var(--color-2);
	--button-secondary-bg: transparent;
	--button-secondary-color: var(--color-4);
	--button-secondary-border: 1px solid var(--color-5);
    /* ── Radius ── */
    --radius-s: 4px;
    --radius-m: 8px;
    --radius-l: 16px;
    --radius-xl: 2rem;
    --radius-full: 9999px;

    /* ── Shadows ── */
    --shadow-s: 0 1px 3px rgba(0,0,0,0.06), 0 1px 2px rgba(0,0,0,0.04);
    --shadow-m: 0 4px 12px rgba(0,0,0,0.06), 0 2px 4px rgba(0,0,0,0.04);
    --shadow-l: 0 12px 40px rgba(0,0,0,0.08), 0 4px 12px rgba(0,0,0,0.04);

    /* ── Transition ── */
    --transition: all 0.3s ease-in-out;
}

.entry-content > *:not(section) + *{
	margin-block-start: var(--space-m);
}
/**************************************************
 * Product archive
 * ***********************************************/
.product .ct-media-container{
	aspect-ratio:1;
	background:#fff;
}
.product .ct-media-container img{
	object-fit:contain;
}
.ct-panel-heading{
	display:none;
}
/**************************************************
 * Cart
 * ***********************************************/
.cart_totals .woocommerce-shipping-destination{
	display:none;
}
.omniva-terminals-list .dropdown {
    height: 36px!important;
    padding-block: 6px!important;
}
.omnivalt_terminal_container .omniva-terminals-list .search-input:focus, .omnivalt_terminal_container .omniva-terminals-list .search-input{
	background-color: var(--theme-palette-color-6)!important;
    color: #000000!important;
    border-radius:0!important;
}
/**************************************************
 * Spacing fix
 * ***********************************************/
.woocommerce-Tabs-panel > * + *,.woocommerce-billing-fields__field-wrapper > * + *,.woocommerce-product-details__short-description > * + *,.woocommerce-billing-fields > * + *,
.woocommerce-shipping-fields > * + *,.col-1 >* + *,.col-2 > * + *,.woocommerce-billing-fields__field-wrapper > *:first-child,.woocommerce-order *:not(li) + *{
    margin-top: var(--space-base) !important;
}
/**************************************************
 * Animate
 * ***********************************************/
@media (prefers-reduced-motion: no-preference) {
  .animate {
    opacity: 0;
    transform: translateY(100px);
    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;
  }
}

.fluentform .ff-el-group {
    margin-bottom: 2rem!important;
}
@media (max-width: 600px) {
	:root{
	--radius-xl: 1.5rem;
	}
}