/*
Theme Name: Blankspaces-child
Template: blankspaces
Author: Blank Spaces
Author URI: https://blankspaces.it/
Description: Blankspaces is designed to be flexible, versatile and applicable to any website. Its collection of templates and patterns tailor to different needs, such as presenting a business, blogging and writing or showcasing work. A multitude of possibilities open up with just a few adjustments to color and typography. Blankspaces takes advantage of new design tools introduced in WordPress 6.4.
Requires at least: 6.4
Tested up to: 6.9
Requires PHP: 7.0
Version: 1.1.3
Text Domain: blankspaces-child
*/


:root {
    /* menu header */
    --bs-hm-color-link: var(--wp--preset--color--contrast);
    --bs-hm-color-link-hover: var(--wp--preset--color--contrast);
    --bs-hm-color-link-current: var(--wp--preset--color--primary);

    --bs-hm-gap: 2rem;
    --bs-hm-font-size: 1rem;
    --bs-hm-font-weight: 400;
    --bs-hm-link-padding: 0.5rem 0;

    --bs-hm-dropdown-bg: var(--wp--preset--gradient--light-purple);
    --bs-hm-dropdown-shadow: 0 4px 16px rgba(0, 0, 0, 0.10);
    --bs-hm-dropdown-radius: 8px;
    --bs-hm-dropdown-min-width: 200px;
    --bs-hm-dropdown-link-pad: 0.6rem 1.25rem;

    --bs-hm-hamburger-color: var(--wp--preset--color--contrast);
    --bs-hm-hamburger-size: 2.5rem;

    --bs-hm-overlay-bg: var(--wp--preset--gradient--light-purple);
    --bs-hm-overlay-radius: 0 0 24px 24px;
    /* usato anche da render.php */
    --bs-hm-overlay-gap: 1.5rem;
    --bs-hm-overlay-font-size: 1.125rem;

    --bs-hm-transition: all 0.2s ease;


    /* Accordion */
    --bs-accordion-icon: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><line x1="12" y1="4.37114e-08" x2="12" y2="24" stroke="%233C3C3B" stroke-width="2"/><line x1="8.74228e-08" y1="12" x2="24" y2="12" stroke="%233C3C3B" stroke-width="2"/></svg>');
    --bs-accordion-icon-size: 2rem;
    --bs-accordion-icon-color: var(--wp--preset--color--contrast);
    --bs-accordion-border-color: var(--wp--preset--color--contrast);
    --bs-accordion-border-radius: 0;
    --bs-accordion-p: 0.75em 0;
    --bs-accordion-bg: transparent;
    --bs-accordion-header-font-size: var(--wp--preset--font-size--large);
    --bs-accordion-header-color: var(--wp--preset--color--contrast);
    --bs-accordion-header-fw: 700;
    --bs-accordion-gap: 0.75em;
    --bs-accordion-header-txt-align: left;

    /* Button */
    --bs-btn-bg: var(--wp--preset--color--base);
    --bs-btn-color: var(--wp--preset--color--contrast);
    --bs-btn-border: 2px solid var(--wp--preset--color--contrast);
    --bs-btn-gap: 0.5rem;
    --bs-btn-py: 1em;
    --bs-btn-px: 1.5em;
    --bs-btn-fs: var(--wp--preset--font-size--medium);
    --bs-btn-ff: var(--wp--preset--font-family--body);
    --bs-btn-td: none;
    --bs-btn-br: 0;
    --bs-btn-fw: 700;
    --bs-btn-lh: 1;
    --bs-btn-tt: uppercase;
    --bs-btn-box-shadow: none;
    --bs-btn-transition: background 0.3s ease-in-out, border 0.3s ease-in-out, color 0.3s ease-in-out;
    --bs-icon-right: url('data:image/svg+xml,<svg width="10" height="9" viewBox="0 0 10 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M7.24798 3.11961V5.26361H-2.48849e-05V3.11961H7.24798ZM2.76798 8.36761L6.95998 4.19161L2.76798 -0.000391006H5.77598L9.96798 4.19161L5.77598 8.36761H2.76798Z" fill="%233C3C3B"/></svg>');
    --bs-icon-right-hover: url('data:image/svg+xml,<svg width="10" height="9" viewBox="0 0 10 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M7.24798 3.11961V5.26361H-2.48849e-05V3.11961H7.24798ZM2.76798 8.36761L6.95998 4.19161L2.76798 -0.000391006H5.77598L9.96798 4.19161L5.77598 8.36761H2.76798Z" fill="%23FFFFFF"/></svg>');
    --bs-btn-icon-w: var(--wp--preset--font-size--small);
    --bs-btn-icon-h: var(--wp--preset--font-size--small);
    --bs-btn-icon-color: currentColor;

    --bs-btn-hover-border: 2px solid var(--wp--preset--color--contrast);
    --bs-btn-hover-bg: var(--wp--preset--color--contrast);
    --bs-btn-hover-color: var(--wp--preset--color--base);
    --bs-btn-hover-box-shadow: none;


    /*  Breadcrumb */
    --bs-breadcrumb-font-size: var(--wp--preset--font-size--small);
    --bs-breadcrumb-gap: 0.5em;
    --bs-breadcrumb-color: var(--wp--preset--color--base);
    --bs-breadcrumb-color-active: var(--wp--preset--color--contrast);
    --bs-breadcrumb-color-hover: var(--wp--preset--color--contrast);
    --bs-breadcrumb-separator-color: var(--wp--preset--color--contrast);
    --bs-breadcrumb-separator-size: 0.75em;
    --bs-breadcrumb-link-transform: uppercase;
    --bs-breadcrumb-current-weight: 700;

    /* Card-dinamica */
    --bs-card-gap: 1rem;
    /*   --bs-card-cols-mobile: 1;
    --bs-card-cols-tablet: 2;
    --bs-card-cols-desktop: 2; */
    --bs-card-bg: transparent;
    --bs-card-border: 1px solid transparent;
    --bs-card-radius: 0;
    --bs-card-padding: 0;
    --bs-card-shadow: none;
    --bs-card-transition: background 0.3s ease-in-out, border 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
    --bs-card-aspect-ratio: 1/1;
    --bs-card-meta-size: var(--wp--preset--font-size--regular);
    --bs-card-meta-color: var(--wp--preset--color--contrast);
    --bs-card-title-size: var(--wp--preset--font-size--x-large);
    --bs-card-title-weight: 700;
    --bs-card-title-color: var(--wp--preset--color--contrast);
    --bs-card-excerpt-size: var(--wp--preset--font-size--medium);
    --bs-card-text-color: var(--wp--preset--color--contrast);
    --bs-card-border-color: transparent;

    /* Card icon */
    --bs-card-icon-bg: var(--wp--preset--gradient--light-purple);
    --bs-card-icon-padding: 2rem;
    --bs-card-icon-text-align: left;
    --bs-card-icon-radius: 10px;
    --bs-card-icon-border: 1px solid transparent;
    --bs-card-icon-shadow: 0 16px 64px 0 hsla(30, 96%, 73%, 0.14);
    --bs-card-icon-color: var(--wp--preset--color--contrast);

    --bs-card-icon-img-w: 15rem;
    --bs-card-icon-img-h: 5rem;
    --bs-card-icon-title-size: var(--wp--preset--font-size--medium);
    --bs-card-icon-title-weight: 400;
    --bs-card-icon-title-margin: 0 0 1.5rem 0;
    --bs-card-icon-text-mb: 1.5rem;
    --bs-card-icon-title-color: var(--wp--preset--color--contrast);
    --bs-card-icon-text-size: var(--wp--preset--font-size--small);
    --bs-card-icon-text-color: var(--wp--preset--color--contrast);

    --bs-card-icon-btn-padding: var(--bs-btn-py) var(--bs-btn-px);
    --bs-card-icon-btn-radius: var(--bs-btn-br);
    --bs-card-icon-btn-border: 1px solid transparent;
    --bs-card-icon-btn-bg: var(--bs-btn-bg);
    --bs-card-icon-btn-color: var(--bs-btn-color);
    --bs-card-icon-btn-fs: var(--bs-btn-fs);
    --bs-card-icon-btn-fw: var(--bs-btn-fw);
    --bs-card-icon-btn-tt: var(--bs-btn-tt);
    --bs-card-icon-btn-lh: var(--bs-btn-lh);
    --bs-card-icon-btn-shadow: 0 16px 64px 0 rgba(252, 186, 120, 0.26);
    --bs-card-icon-btn-transition: var(--bs-btn-transition);

    --bs-card-icon-btn-hover-bg: var(--bs-btn-hover-bg);
    --bs-card-icon-btn-hover-border: var(--bs-btn-hover-border);
    --bs-card-icon-btn-hover-color: var(--bs-btn-hover-color);
    --bs-card-icon-btn-hover-shadow: var(--bs-btn-hover-box-shadow);

    /* --bs-card-icon-bg-alt
    --bs-card-icon-color-alt
    --bs-card-icon-title-color-alt
    --bs-card-icon-text-color-alt */

    /* Hero */
    --hero-min-height: 100dvh;
    --bs-hero-overlay: var(--wp--preset--gradient--black-transparent);
    --bs-hero-toptitle-fs: var(--wp--preset--font-size--large);
    --bs-hero-toptitle-tt: none;
    --bs-hero-toptitle-color: var(--wp--preset--color--contrast);
    --bs-hero-title-fs: var(--wp--preset--font-size--x-large);
    --bs-hero-title-color: var(--wp--preset--color--contrast);
    --bs-hero-title-margin: 0.5rem 0;
    --bs-hero-p: 4rem;

    /* form */
    --bs-form-bg: transparent;
    --bs-form-border-radius: 0;
    --bs-form-padding: 0;
    --bs-form-max-width: 100%;
    --bs-form-gap: 1rem;
    --bs-form-label-color: var(--wp--preset--color--contrast);
    --bs-form-label-size: var(--wp--preset--font-size--small);
    --bs-form-label-weight: 400;
    --bs-form-label-tt: none;
    --bs-form-label-ls: 0.02em;
    --bs-form-label-gap: 0.5rem;

    /* // ── Input / Textarea ───────────────────────────────────────── */
    --bs-form-input-bg: transparent;
    --bs-form-input-color: var(--wp--preset--color--contrast, #ffffff);
    --bs-form-input-border: 1px solid var(--wp--preset--color--contrast);
    --bs-form-input-border-radius: 0;
    --bs-form-input-padding: 0.5rem 0;
    --bs-form-input-size: var(--wp--preset--font-size--regular);
    --bs-form-input-placeholder-color: var(--wp--preset--color--contrast);
    --bs-form-input-transition: border 0.3s ease-in-out, box-shadow 0.3s ease-in-out;

    /* // Focus: bordo  */
    --bs-form-input-focus-border: 1px solid var(--wp--preset--color--contrast-2);
    --bs-form-input-focus-shadow: 0 0 0 3px rgba(254, 161, 62, 0.15);
    --bs-form-input-focus-outline: none;

    /* // ── Textarea ───────────────────────────────────────────────── */
    --bs-form-textarea-min-height: 130px;
    --bs-form-textarea-resize: vertical;

    /* // ── Checkbox ───────────────────────────────────────────────── */
    --bs-form-checkbox-color: var(--wp--preset--color--contrast);
    --bs-form-checkbox-label-size: var(--wp--preset--font-size--x-small);
    --bs-form-checkbox-gap: 0.5rem;
    --bs-form-checkbox-size: 1rem;
    --bs-form-checkbox-bg: transparent;
    --bs-form-checkbox-border: 1px solid var(--wp--preset--color--contrast);
    --bs-form-checkbox-border-radius: 0;
    --bs-form-checkbox-accent-color: var(--wp--preset--color--contrast-2);
    --bs-form-checkbox-checked-bg: var(--wp--preset--color--contrast-2);
    --bs-form-checkbox-checked-border-color: var(--wp--preset--color--base);
    --bs-form-checkbox-focus-color: var(--wp--preset--color--contrast-2);

    /* // ── Submit button ───────────────────────────────────────────── */
    --bs-form-btn-bg: transparent;
    --bs-form-btn-color: var(--bs-btn-color);
    --bs-form-btn-border: var(--bs-btn-border);
    --bs-form-btn-border-radius: var(--bs-btn-br);
    --bs-form-btn-padding: var(--bs-btn-py) var(--bs-btn-px);
    --bs-form-btn-size: var(--bs-btn-fs);
    --bs-form-btn-weight: var(--bs-btn-fw);
    --bs-form-btn-tt: var(--bs-btn-tt);
    --bs-form-btn-transition: var(--bs-btn-transition);
    --bs-form-btn-disabled-opacity: 0.6;

    --bs-form-btn-hover-bg: var(--bs-btn-hover-bg);
    --bs-form-btn-hover-color: var(--bs-btn-hover-color);
    --bs-form-btn-hover-border: var(--bs-btn-hover-border);

    /* // ── Messaggi di stato ──────────────────────────────────────── */
    --error-color: var(--wp--preset--color--accent-2);
    --error-background: rgba(255, 107, 107, 0.08);
    --error-border: rgba(255, 107, 107, 0.3);

    --success-color: #51cf66;
    --success-background: rgba(81, 207, 102, 0.08);
    --success-border: rgba(81, 207, 102, 0.3);


    --wp--style--block-gap: 1.5rem;

}

/* Global reset */

:where(.wp-site-blocks)>*:first-child,
:root :where(.is-layout-flow)>*:first-child,
#wp--skip-link--target {
    margin-block-start: 0;
}

a:where(:not(.wp-element-button, label a)) {
    text-decoration: none;
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
    margin: 0;
}

/* Style globale */
.alignfull {
    padding-left: var(--wp--style--root--padding-left);
    padding-right: var(--wp--style--root--padding-right);
}

.alignwide {
    max-width: var(--wp--style--global--content-size);
    margin-inline: auto;
}

@media (max-width: 1023px) {
  body:not(.home) main {
    padding-top: 20rem !important;
  }
}