/*
Theme Name: TORIC3
Theme URI: 
Author: PEDRORIVERA
Author URI: 
Description: 
Requires at least: 6.9
Tested up to: 6.9
Requires PHP: 5.7
Version: 
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: toric3
Tags: 
*/

.hero-desktop {

    @media (width > 600px) {
        grid-template-columns: minmax(0, 5fr) minmax(0, 6fr) !important;
        grid-template-rows: max-content;
        grid-auto-rows: max-content;

    }

    > :nth-child(1) {
        grid-column: 1 / span 12;
        grid-row: 1;
        padding: var(--wp--preset--spacing--80) var(--wp--preset--spacing--120);
    }

    > :nth-child(2) {
        grid-row: 2;
        grid-column: 1;

        &,
        img {
            aspect-ratio: 1;
        }
    }

    > :nth-child(3) {
        grid-row: 2;
        grid-column: 2;

        &,
        img {
            aspect-ratio: 1;
        }

        @media (width >=600px) {

            &,
            img {
                aspect-ratio: 6/5;
            }
        }
    }

    @media (width >=1220px) {
        grid-template-columns: minmax(0, 7fr) minmax(0, 5fr) minmax(0, 6fr) !important;

        > :nth-child(1) {
            grid-row: 1;
            grid-column: 1;
        }

        > :nth-child(2) {
            grid-row: 1;
            grid-column: 2;
        }

        > :nth-child(3) {
            grid-row: 1;
            grid-column: 3;
        }

    }
}

/* toric */
header :is(svg, svg *) {
    fill: currentColor;
}

figure:not(.is-style-no-fill) :is(svg, svg *) { fill: currentColor; }

.wp-block-embed iframe:is([src*=youtube], [src*=spotify][src*=video]) {
    width: 100%;
    height: auto;
    aspect-ratio: 16/9;
}

:is(.forminator-input, .forminator-select .select2-selection, .forminator-textarea) {
    border: 1px solid var(--wp--preset--color--preto);
    padding: .75em;
    font-family: var(--wp--preset--font-family--lora);
    font-size: var(--wp--preset--font-size--large);
}

.forminator-select .select2-selection {
    border-color: var(--wp--preset--color--preto) !important;
    padding: .75em !important;

    & > span {
        padding: 0 !important;
    }
}

.forminator-label {
    font-family: var(--wp--preset--font-family--lora);
    font-size: var(--wp--preset--font-size--large);
    font-weight: 700;
}

figure {
    > svg {
        width: 100%;
        height: auto;
        max-width: 100%;
        .scrolling-image & {
            height: 100%;
            width: auto;
            max-width: unset;
        }
    }
}

a[aria-current='page'] {
    text-decoration: underline;
    text-underline-offset: .25em;

    footer & {
    }
}

.wp-block-query {
    .wp-block-post.type-pessoa {
        details {
            summary {
                text-decoration: underline;
                &::marker {
                    content: '';
                }

                &::before {
                    content: '+ ';
                }
            }
            &[open] summary::before {
                content: '- ';
            }
        }
    }
}

.page-metodo {
    .hero {
        h2 {
            z-index: 1;
        }
        svg {
            width: 45.5vw;
            @media (width > 768px) {
                width: max(20rem, 32.29166667vw);
            }
        }
    }
}

/* FORM */
.forminator-ui.forminator-custom-form[data-design="basic"] select.forminator-select2 + .forminator-select .selection span[role="combobox"].select2-selection--multiple .select2-selection__arrow, .forminator-ui.forminator-custom-form[data-design="basic"] select.forminator-select2 + .forminator-select .selection span[role="combobox"].select2-selection--single .select2-selection__arrow {
    width: 24px;
    height: 24px;
}

.forminator-guttenberg {
    input[type=checkbox] {
        display: none;
        ~ .forminator-checkbox-label {
            position: relative;
            display: inline-flex !important;
            align-items: center;
            cursor: pointer;
            gap: .75rem;
            font-family: var(--wp--preset--font-family--lora);
            font-size: var(--wp--preset--font-size--large);
            margin-left: 0 !important;

            &::before {
                display: inline-block;
                content: '';
                width: 30px;
                height: 30px;
                border: 1px solid var(--wp--preset--color--preto);
                background-color: transparent;
            }
        }

        &:checked {
            ~ .forminator-checkbox-label::before {
                background-color: var(--wp--preset--color--preto);
            }
        }
    }

    .forminator-button.forminator-button-submit {
        background-color: var(--wp--preset--color--branco);
        border: 1px solid var(--wp--preset--color--preto);
        color: var(--wp--preset--color--preto);
        font-family: var(--wp--preset--font-family--lora);
        font-size: var(--wp--preset--font-size--large);
        padding: .75em 1.5em;
        cursor: pointer;
        transition: background-color .2s ease-in-out, color .2s ease-in-out;

        &:hover {
            background-color: var(--wp--preset--color--preto);
            color: var(--wp--preset--color--branco);
        }
    }
}

.wp-block-group {
    &.is-layout-grid {
        &:has(figure:first-child) {
            align-items: center;

            @media (width < 480px) {
                padding: 0px var(--wp--preset--spacing--50);
                grid-template-columns:repeat(auto-fill, minmax(max(min(6.5rem, 100%), (100% - (var(--wp--preset--spacing--80) * (5 - 1))) /5), 1fr));
                container-type:inline-size;
                gap:var(--wp--preset--spacing--80);
            }
        }
    }
}

.reverse-order {
    @media (width < 480px) {
        > :last-child {
            order: -1;
        }
    }
}

.overlap-circle {
    > :first-child {
        margin-right: -50%;
    }
}

footer {
    @media (width < 600px) {
        svg {
            max-width: 7.8em;
        }
    }
}

.scrolling-image {
    .pin-spacer:has(&) {
        background-color: var(--wp--preset--color--preto);
    }
}