/* clean up css styles in twenty-one-theme */
#colophon, header.woocommerce-products-header,
.woocommerce-coming-soon-social-login .wp-block-social-links,
.entry-footer .post-taxonomies,
.entry-footer .byline {display: none !important;}
h1.page-title,h1.entry-title {
    font-size:3rem;
}
table.variations td,table.variations th {
    border:0
}
.site-title, .site-title * {
    font-family:'antonregular', sans-serif;
    text-decoration: none;
    font-size:3rem;
}

#page.site {
    background: #e3f1f1!important;
}

/* NAVIGATION IN ACCOUNT WOO */ 
.woocommerce-MyAccount-navigation ul {
    display:flex;
    gap:1.2rem;
    flex-wrap:wrap;
    align-items:center;
    justify-content:flex-start;
}
.woocommerce-MyAccount-navigation ul li {    
    padding:0!important; margin:0!important; line-height:1.2rem;

}
@media only screen and (min-width: 768px) {
    .woocommerce .content-area, .woocommerce-account #main .woocommerce, .woocommerce-checkout #main .woocommerce {
        max-width: var(--responsive--alignwide-width);
        padding:0
    }
    .products .entry.product  {
        margin-bottom:6rem!important;
    }
    .woocommerce-MyAccount-navigation * {
        font-size:var(--global--font-size-base)!important
    }
    .woocommerce-MyAccount-navigation ul {
        flex-direction: column;
        align-items: flex-start;
        gap:1rem;
    }
}


/* CONTENUTI SINGOLI SONO STRETTI, ALLARGO UN PO' */
@media only screen and (min-width: 768px) {
    article > * > *, article footer {
        max-width: var(--responsive--alignwide-width)!important;
    }
}

/* dalla pagina /account tolgo il link all'immagine profilo perché poi dentro ho disabilito l'upload e la pagina è inutile */
.um-account-meta, .um-account-meta a {
    display:none!important;
}


/* FIX A LINK FOCUS */ 
.has-background-white .site a:focus:not(.wp-block-button__link):not(.wp-block-file__button) {
	background: rgba(0, 0, 0, 0.9)!important;
	color: var(--wp--style--color--link, var(--global--color-white))!important;
    text-decoration: none!important;
    border-radius: 5px;
}

/* HEADER */
.site-header {
    padding: 8px 15px 0 15px!important;
    background-color:#FFFFE1!important;
}
.menu-button-container {
    padding-top:0
}
.singular .entry-header {
    border-bottom:2px solid #222;
}
.site-header .site-title a {
    position:relative;
    top:.1em;
    font-size:1.4rem!important;
}
.site-header .primary-navigation {
    text-transform: uppercase;
}
.site-header .primary-navigation a {
    font-family:'antonregular', sans-serif;
    color:#222;
    letter-spacing: .05em;
}
@media only screen and (min-width: 768px) {
    .site-header .site-title a {
        font-size:1.4rem!important;
    }
}
.singular .entry-title {
    font-size: 3.5rem;
    font-weight: 400;
}
h1.entry-title {
    font-size:3rem;
    font-family:'antonregular', sans-serif;
    text-decoration: none;
    color: #222;
    text-transform: uppercase;    
}
.singular .entry-header {
    padding-top:calc(2 * var(--global--spacing-vertical));
}
.site-title a,.site-title a:visited,.site-title a:focus,.site-title a:hover,.site-title a:active {
    background:transparent!important;
}



/* MENU */
#primary-mobile-menu.button {
    background:transparent!important;
    color: #111 !important;;
}
.primary-navigation-open .menu-button-container {
    width:auto!important;
}
.menu-button-container #primary-mobile-menu.button {
    font-size:0!important;
    margin-right: .7rem!important;
    border:0!important;
    outline:0!important;
}
.menu-button-container #primary-mobile-menu.button:active,
.menu-button-container #primary-mobile-menu.button:focus{
    border:0!important;
    outline:0!important;
}
.menu-button-container #primary-mobile-menu .dropdown-icon .svg-icon {
    margin-left:0!important;
}
@media only screen and (min-width: 768px) {
    .site-header * {
        font-size: 1rem!important;
    }
    .site-header .site-title a {
        font-size:1.4rem!important;
    }
}
.has-background-white .site a:focus:not(.wp-block-button__link):not(.wp-block-file__button),
.primary-navigation a:hover {
	text-decoration: underline;
    background: transparent!important;
    color: #222 !important;
}
#site-navigation.primary-navigation{
    z-index:999;
}
#site-navigation.primary-navigation a:active, #site-navigation.primary-navigation a:focus {
	background:none!important   
}

.site-branding {
    /* margin-top:0 */
    width:auto;
    max-width: none;
}
.site-title {
    /* margin-bottom:0; */
    font-size:1em;
}
@media only screen and (max-width: 768px) and (min-width: 482px) {
    .primary-navigation * {
        font-size: 16px!important;
    }
}



/* NEWSLETTER */
.form-newsletter .consensi {
    margin-top:1rem;
}
.form-newsletter label {
    display:block;
    font-weight: normal;
}



/* CMP */
#qc-cmp2-ui {
    button[mode="link"] {
        background-color: transparent !important;
        color:#000 !important;
        text-decoration: underline !important;
    }
}
#qc-cmp2-persistent-link {
    height:32px!important;
    line-height: 32px!important;
    font-size: 16px!important;
    background-color:#000!important;
}
.qc-cmp2-close button {
    background-color:transparent!important;
}
#qc-cmp2-persistent-link img {
    width:16px!important;
    height:auto!important;
}



/* BOTTONI */ 
.wp-block-button:not(.is-style-outline) .wp-block-button__link:hover:not(:active):not(.has-background),
.wp-block-button:not(.is-style-outline) .wp-block-button__link:not(:hover):not(:active):not(.has-background) {

    border-radius:.3em;
    font-family:'antonregular', sans-serif;
    text-decoration: none;
    font-weight: 400;
    letter-spacing: .05em;

}

/* ACCORDION */
.wp-block-accordion-heading__toggle-title {
    padding-left:6px;
}
.wp-block-accordion-heading__toggle, .wp-block-accordion-heading__toggle:hover {
    padding:0!important;
}
.wp-block-accordion-heading__toggle:hover .wp-block-accordion-heading__toggle-title {
    text-decoration:none;
    background-color: #111;
    color: #ee8b9f;
}
.wp-block-accordion-item.is-open .wp-block-accordion-heading__toggle-title {
    border:none;
    background-color: #ee8b9f;
    color:#000;
    text-decoration:none;
}