/*
Theme Name: Fioreria da Alberto
Author: Lorenzo Bude
Author URI: mailto:lorenzobude@gmail.com
Version: Autumn 2026
*/


html {scroll-behavior: smooth; scroll-padding-top: 5rem;}
body {font-optical-sizing: auto;}

figure {margin: 0;}
img {max-width: 100%;}

.btn, .wp-block-button__link, .nav-primary ul li.cta a {transition: transform .15s ease-out;}
.btn:hover, .wp-block-button__link:hover, .nav-primary ul li.cta a:hover {transform: scale(1.05); transition: transform 0.25s cubic-bezier(0.1, 0.75, 0, 2); opacity: 1;}

.bg-cover {background-size: cover;}

.text-balance {text-wrap: balance;}
.text-white a {color: #FFF;}

.figure-fit-cover {width: 100%; height: 100%;}
.figure-fit-cover img {-o-object-fit: cover; object-fit: cover; width: 100%; height: 100%;}

.fs-7 {font-size: var(--wp--preset--font-size--small);}

.eyebrow {letter-spacing: 0.4em;}


/* HEADER */

.custom-logo {max-height: 2.5rem; width: auto !important; height: auto !important;}

.btn-nav-primary:not(.collapsed)::after {content: ''; display: block; position: fixed; inset: 0; background-color: rgba(0, 0, 0, .5); cursor: default;}

.nav-primary ul {padding: 0; margin: 0; list-style: none;}
.nav-primary ul a {display: block; text-decoration: none; line-height: 1.25;}
.nav-primary ul a:hover {opacity: 0.7;}
.nav-primary ul li.current-menu-item > a {color: var(--bs-primary);}
.nav-primary ul li.cta {margin-left: 2rem;}
.nav-primary ul li.cta a {color: var(--wp--preset--color--base); border-radius: var(--bs-border-radius); background-color: var(--wp--preset--color--secondary);}
.nav-primary > ul {display: flex;}
.nav-primary > ul > li {position: relative;}
.nav-primary > ul > li > a {padding: 0.375rem 0.75rem; text-transform: uppercase; font-weight: 500; font-size: 1.25rem;}


@media (max-width: 991.98px) {

    .nav-primary {position: absolute; top: 0; right: 0; background-color: #FFF; width: 85vw; height: 100vh; padding: 2rem; z-index: 1;}
    .nav-primary > ul {flex-direction: column; overflow-y: auto; height: 100%;}
    .nav-primary > ul > li {padding: .5rem 0;}
    .nav-primary > ul > li.cta {padding: 1rem 0; margin: 0;}
    .nav-primary > ul > li:not(:first-child) {border-top: 1px solid var(--bs-border-color);}
    .nav-primary > ul > li > ul {padding: 0 0 .75rem 1rem;}
    .nav-primary > ul > li > ul > li > a {padding-bottom: .5rem;}

}

@media (min-width: 992px) {

    .custom-logo {max-height: 4rem;}

    .nav-primary {display: block !important;}
    .nav-primary > ul > li {margin-left: 1rem;}
    .nav-primary > ul > li > ul {position: absolute; opacity: 0; visibility: hidden; top: 120%; transition: opacity .25s, top .25s; right: 0; background-color: #FFF; min-width: 20rem; padding: .75rem 1.5rem; border: 1px solid var(--bs-border-color); border-radius: var(--bs-border-radius); list-style: none;}
    .nav-primary > ul > li:hover > ul, .nav-primary > ul > li:focus-within > ul {opacity: 1; visibility: visible; top: 100%}
    .nav-primary > ul > li > ul > li > a {padding: .75rem 0; line-height: 1.25;}
    .nav-primary > ul > li > ul > li:not(:first-child) > a {border-top: 1px solid var(--bs-border-color);}

}


/* CMS & Pages */

/* body > [class*="wp-block"] {max-width: var(--wp--style--global--content-size);} */
/* [class*="wp-block"] {margin-left: auto; margin-right: auto;}
[class*="wp-block"].alignwide {max-width: var(--wp--style--global--wide-size);}
[class*="wp-block"].alignfull {max-width: none;} */

.has-large-font-size, .has-x-large-font-size {line-height: 1.25;}
.has-xx-large-font-size {line-height: 1;}

@media (max-width: 1399.98px) {

    .is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)) {max-width: 960px !important;}

}

@media (max-width: 991.98px) {

    [style*="padding-top:var(--wp--preset--spacing--x-large)"] {padding-top: var(--wp--preset--spacing--large) !important;}
    [style*="padding-bottom:var(--wp--preset--spacing--x-large)"] {padding-bottom: var(--wp--preset--spacing--large) !important;}
    [style*="padding-left:var(--wp--preset--spacing--x-large)"] {padding-left: var(--wp--preset--spacing--large) !important;}
    [style*="padding-right:var(--wp--preset--spacing--x-large)"] {padding-right: var(--wp--preset--spacing--large) !important;}

    [style*="padding-top:var(--wp--preset--spacing--large)"] {padding-top: var(--wp--preset--spacing--medium) !important;}
    [style*="padding-bottom:var(--wp--preset--spacing--large)"] {padding-bottom: var(--wp--preset--spacing--medium) !important;}
    [style*="padding-left:var(--wp--preset--spacing--large)"] {padding-left: var(--wp--preset--spacing--medium) !important;}
    [style*="padding-right:var(--wp--preset--spacing--large)"] {padding-right: var(--wp--preset--spacing--medium) !important;}

}

@media (max-width: 767.98px) {

    [style*="padding-top:var(--wp--preset--spacing--x-large)"] {padding-top: var(--wp--preset--spacing--medium) !important;}
    [style*="padding-bottom:var(--wp--preset--spacing--x-large)"] {padding-bottom: var(--wp--preset--spacing--medium) !important;}
    [style*="padding-left:var(--wp--preset--spacing--x-large)"] {padding-left: var(--wp--preset--spacing--medium) !important;}
    [style*="padding-right:var(--wp--preset--spacing--x-large)"] {padding-right: var(--wp--preset--spacing--medium) !important;}

}

.content-section {padding: var(--wp--preset--spacing--large) 0;}


/* ACCESSIBILITY */

@media (min-width: 768px) {

    body a:focus-visible *, body a:focus-visible *::before, body a:focus-visible *::after, body .text-white a:focus-visible, :focus-visible::before, :focus-visible::after {color: #000 !important;}
    body a:focus-visible, a.text-white:focus-visible, .text-white a:not(.btn):focus-visible,
    body .btn:focus-visible, button:focus-visible, [role="button"]:focus-visible, [type="button"]:focus-visible, [type="submit"]:focus-visible {
        color: #000 !important;
        background-color: #FD0 !important;
        border-color: transparent !important;
        border-radius: 0 !important;
        outline: 2px solid transparent !important;
        box-shadow: 0 -2px #FD0, 0 4px #000 !important;
        text-decoration: none !important;
    }

}


/* CUSTOM */

.group-hero {overflow: hidden; position: relative;}
.group-hero::before {content: ''; display: block; position: absolute; bottom: -15vw; left: 0; width: 100%; aspect-ratio: 1728 / 405; background: url('/wp-content/themes/fioreriadaalberto/img/decor-foglie.svg') bottom left no-repeat; background-size: 100%;}

.group-features .bi {display: block; text-align: center; font-size: 3rem; color: var(--bs-primary);}

@media (min-width: 1200px) {

    .group-about {background-image: url('/wp-content/themes/fioreriadaalberto/img/decor-fiore.svg'); background-repeat: no-repeat; background-position: 100% 110%; background-size: auto 75%;}

}