/*
Theme Name: Astra Child
Theme URI: https://wpastra.com/
Description: Tema figlio di Astra per Frameroad
Author: Gaetano
Author URI: https://frameroad.com
Template: astra
Version: 1.0.0
Text Domain: astra-child
*/

body:not(.home) .site-header-primary-section-left,
body:not(.home) .site-header-primary-section-right,
body:not(.home) .main-header-bar,
body:not(.home) #masthead,
body:not(.home) .site-description,
body:not(.home) .ast-site-identity {
    background-color: #2C2218 !important;
    color: #F5F0E8 !important;
}
body:not(.home) .main-navigation a { color: #F5F0E8 !important; }
body:not(.home) .main-navigation .current-menu-item > a { color: #E8C99A !important; }

.main-header-menu .sub-menu { background-color: #2C2218 !important; }
.main-header-menu .sub-menu a { color: #E8C99A !important; }
.main-header-menu .sub-menu a:hover { color: #C4622D !important; }

.wp-block-cover .wp-block-paragraph { text-align: center !important; padding: 0 80px !important; }

.home #masthead,
.home #masthead .site-header-primary-section-left,
.home #masthead .ast-site-identity,
.home #masthead .site-branding,
.home .ast-primary-header-bar { background-color: transparent !important; background: none !important; }

.home .ast-primary-header-bar,
.home .ast-main-header-wrap,
.home .site-primary-header-wrap { background-color: #2C2218 !important; }

.home .ast-site-identity a,
.home .ast-site-identity .site-title,
.home .ast-site-identity .site-title a,
.home .site-description { color: #F5F0E8 !important; }
.home .main-navigation a { color: #F5F0E8 !important; }

.sr-only { position: absolute !important; width: 1px !important; height: 1px !important; overflow: hidden !important; clip: rect(0,0,0,0) !important; }
.home .site-description { color: #F5F0E8 !important; }

@media (max-width: 921px) {
    .ast-mobile-header-wrap .ast-site-identity,
    .ast-mobile-header-wrap .site-title,
    .ast-mobile-header-wrap .ast-site-identity a,
    #masthead .ast-mobile-header-wrap .site-branding {
        display: block !important; visibility: visible !important; opacity: 1 !important; color: #F5F0E8 !important;
    }
    .ast-mobile-header-wrap .site-title a { color: #F5F0E8 !important; }
}

@media (max-width: 768px) {
    .wp-block-cover h2,
    .wp-block-cover .wp-block-heading { font-size: 40px !important; }
}

.wp-block-wpforms-form { max-width: 500px !important; margin: 0 auto !important; }
.wpforms-form .wpforms-field { text-align: center !important; }
.wpforms-form .wpforms-field-label { display: block !important; text-align: center !important; }
.wpforms-form .wpforms-field-row { display: flex !important; justify-content: center !important; gap: 10px !important; }
.wpforms-form .wpforms-field-row-block { flex: 1 !important; }
.wpforms-form .wpforms-field-email,
.wpforms-form .wpforms-field-textarea { display: flex !important; flex-direction: column !important; align-items: center !important; }
.wpforms-form .wpforms-field-email input,
.wpforms-form .wpforms-field-textarea textarea { width: 100% !important; box-sizing: border-box !important; }
.wpforms-form .wpforms-submit-container { text-align: center !important; }
.wpforms-submit { background-color: #C4622D !important; color: #F5F0E8 !important; border: none !important; border-radius: 6px !important; }
.wpforms-submit:hover { background-color: #2C2218 !important; color: #F5F0E8 !important; }
.wpforms-form .wpforms-field-name .wpforms-field-row { width: 100% !important; justify-content: center !important; margin: 0 auto !important; }
.wpforms-field-name .wpforms-field-row { width: 100% !important; margin: 0 auto !important; }
.wpforms-form .wpforms-field-name { width: 100% !important; }
.wpforms-container input.wpforms-field-medium,
.wpforms-container select.wpforms-field-medium,
.wpforms-field-row.wpforms-field-medium { max-width: 100% !important; }
.wpforms-container { max-width: 700px !important; margin: 0 auto !important; }

.wp-block-mailpoet-subscription-form,
.mailpoet_form_type_form { max-width: 700px !important; margin: 0 auto !important; }
#mailpoet_form_1 { max-width: 700px !important; margin-left: auto !important; margin-right: auto !important; }

.box-libro-affiliato { max-width: 600px !important; margin: 0 auto !important; }
.etichetta-box-libro { text-transform: uppercase !important; letter-spacing: 0.05em !important; font-size: 13px !important; opacity: 0.7 !important; }

.wp-block-image img { display: block; margin-left: auto; margin-right: auto; }

.uagb-post-grid .uagb-post__image img { height: 280px !important; object-fit: cover !important; width: 100% !important; }

/* FRECCE SOTTOMENU MOBILE */
.ast-mobile-header-wrap .ast-menu-toggle {
    color: #F5F0E8 !important;
    border: none !important;
    background: transparent !important;
    box-shadow: none !important;
    outline: none !important;
}
.ast-mobile-header-wrap .ast-menu-toggle svg,
.ast-mobile-header-wrap .ast-menu-toggle::before,
.ast-mobile-header-wrap .ast-menu-toggle::after {
    color: #F5F0E8 !important;
    border-color: #F5F0E8 !important;
    fill: #F5F0E8 !important;
}

/* MENU MOBILE SEMPRE SCURO */
.ast-mobile-header-wrap,
.ast-mobile-header-wrap .main-navigation,
.ast-mobile-header-wrap .menu-item a {
    background-color: #2C2218 !important;
    color: #F5F0E8 !important;
}
/* GUEST BLOGGER - griglia scalabile */
.fr-guest-grid {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 24px;
}
.fr-guest-card {
    background-color: #e8e0d5;
    border-radius: 8px;
    padding: 24px;
    max-width: 320px;
    min-width: 280px;
    flex: 1 1 280px;
}
.fr-guest-card img {
    width: 100%;
    aspect-ratio: 4/5;
    object-fit: cover;
    border-radius: 8px;
    margin-bottom: 12px;
}