/*
Theme Name: Gaboleiro
Theme URI: https://olliewp.com
Description: This is GaboleiroICH's custom child theme.
Author: vektorrausch
Author URI: https://vektorrausch.de
Template:     ollie
Version: 1.0.0
License:      GNU General Public License v2 or later
License URI:  http://www.gnu.org/licenses/gpl-2.0.html
Tags:         blog, portfolio, entertainment, grid-layout, one-column, two-columns, three-columns, four-columns, block-patterns, block-styles, custom-logo, custom-menu, editor-style, featured-images, full-site-editing, full-width-template, rtl-language-support, style-variations, template-editing, theme-options, translation-ready, wide-blocks
Text Domain: ollie-child
*/

html {
    scroll-behavior: smooth;
}

::selection,
input::selection {
    background: var(--wp--preset--color--primary);
    color: var(--wp--preset--color--base);
    text-shadow: none;
}

label {
    font-weight: 700;
    font-size: var(--wp--preset--font-size--small);
}

input[type='text'],
input[type='password'],
input[type='search'],
input[type='email'],
input[type='number'],
input[type='tel'],
input[type='url'],
input[type='date'],
input[type='file'],
textarea,
select {
    width: 100%;
    padding: 1em;
    border: 1px solid var(--wp--preset--color--main-accent);
    border-radius: var(--wp--custom--border-radius--medium);
    font-size: var(--wp--preset--font-size--small);
    background: var(--wp--preset--color--base);
    color: var(--wp--preset--color--main);
    transition: all 0.3s ease;
    text-overflow: ellipsis;
}

input[type='submit'] {
    transition: outline 0.3s ease;
}

input[type='file'],
select {
    cursor: pointer;
}

textarea {
    resize: vertical;
    border-bottom-right-radius: 0;
    font-family: var(--wp--custom--font-family--primary);
    line-height: var(--wp--custom--line-height--body);
}

select[multiple] option {
    padding: 0.75em 1em;
    text-overflow: ellipsis;
    overflow: hidden;
}

input[type='text']:hover,
input[type='password']:hover,
input[type='search']:hover,
input[type='email']:hover,
input[type='number']:hover,
input[type='tel']:hover,
input[type='url']:hover,
input[type='date']:hover,
input[type='file']:hover,
textarea:hover,
select:hover {
    border-color: var(--wp--preset--color--primary);
}

input[type='text']:focus,
input[type='password']:focus,
input[type='search']:focus,
input[type='email']:focus,
input[type='number']:focus,
input[type='tel']:focus,
input[type='url']:focus,
input[type='date']:focus,
input[type='file']:focus,
textarea:focus,
select:focus {
    border-color: var(--wp--preset--color--primary);
    outline: 1.5px solid var(--wp--preset--color--primary);
}

:focus-visible {
    outline: 2px solid var(--wp--preset--color--primary-alt);
    outline-offset: 2px;
}

select,
input[type='range'] {
    width: 100%;
}

form label .required {
    color: var(--wp--preset--color--primary-alt);
}

input[type='checkbox'] + label {
    margin-left: 0.5em;
}

/* Icon link */
.wp-block-outermost-icon-block:has(a) {
    transition: all 0.3s ease;
}

.wp-block-outermost-icon-block:has(a):hover {
    transform: scale(1.1);
    transition: all 0.3s ease;
}