/*
Theme Name: Colina Hotéis
Theme URI: 
Author: RIVERA
Author URI: https://pedrorivera.me
Description: Tema de blocos para o Colina Hotéis
Requires at least: 6.7
Tested up to: 6.7
Requires PHP: 5.7
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Template: twentytwentyfive
Text Domain: colina-hoteis
Tags: 

:root {
    /* selection background color */

:root {
    /* selection background color */
    scroll-behavior: smooth;
    ::selection {
        background-color: var(--wp--preset--color--contrast);
        color: var(--wp--preset--color--base);
    }
}

body {
}

.gform-theme--foundation {
    .gform_fields {
        --gf-form-gap-y: 1rem;
    }
}

.wp-site-blocks {
    > header {
        &:before, &:after {
            content: '';
            display: block;
            position: absolute;
            inset: 0 0 -100%;
            z-index: -1;
            background-color: color-mix(in srgb, var(--wp--preset--color--base), transparent 99%);
            pointer-events: none;
        }
        &:before {
            backdrop-filter: blur(30px);
            mask-image: linear-gradient(to bottom, white 0%, transparent 100%);
        }
        &:after {
            backdrop-filter: blur(40px) brightness(1.25) saturate(1.25) contrast(0.8);
            mask-image: linear-gradient(to bottom, white 0%, transparent 80%);
        }
    }
    figure {
        &.blockera-block {
            &:has(svg, img[src$=".svg"]) {
                display: flex !important;
                svg {
                    * {
                        fill: currentColor;
                    }
                }
                a {
                    &[href*="veranno.com.br"] {
                        svg {
                            height: 10px;
                        }
                    }
                }
            }
        }
    }.gform-theme--framework {
        .hotel-selection {
            &.gfield--type-choice {
                .gfield_radio {
                    flex-direction: row;
                    gap: 0;
                    border-radius: 4px;
                    border: 1px solid var(--wp--preset--color--accent-2);
    
                    >* {
                        flex: 1;
                        grid-template-columns: minmax(0, 1fr);
                        cursor: pointer;
    
                        transition: all 420ms ease;
    
                        input {
                            display: none;
                        }
    
                        label {
                            margin: 0;
                            width: 100%;
                            text-align: center;
                            font-size: 0.75rem;
                            line-height: 1;
                            color: var(--wp--preset--color--accent-2);
    
                            padding: 1rem 2rem;
                        }
    
                        &:has(input:checked) {
                            background-color: var(--wp--preset--color--accent-2);
    
                            label {
                                color: var(--wp--preset--color--accent-5);
                            }
                        }
                    }
                }
            }
        }
    
        .gform_required_legend {
            display: none;
        }
    
        .gfield--input-type-datepicker {
            .ginput_container_date {
                input {
                    --gf-local-width: 100%;
                }
            }
            
            &.gfield--datepicker-default-icon {    
                .ginput_container_date {
                    &:after {
                        content: unset;
                    }
                }
            }
        }
    }
}

header {
    .wp-block-navigation:not(.has-background) {
        .wp-block-navigation__submenu-container {
            border: none;
            padding-block-start: var(--wp--preset--spacing--20);
            a {
                padding-inline: 0;
            }
        }
    }
}
.wp-block-navigation-submenu {
    a {
        &:not(:has([href])) {
            cursor: pointer;
        }
        &.current-menu-ancestor {
            font-weight: 400;
            text-decoration: underline;
        }
    }
}

.wp-block-navigation-item {
    &.current-menu-item {
        a {
            font-weight: 400;
            text-decoration: underline;
        }
    }
}

.pointer-none {
    pointer-events: none;
}