/*
Theme Name: Enfold Child Theme
Description: Child theme for the Enfold theme.
Version: 1.0
Author: Mike Cameron
Author URI: http://blinkmm.com
Template: enfold
*/



/*Add your own styles here:*/


/* WCAG Apply the Triple Focus Ring for keyboard navigation only */
a:focus-visible,
button:focus-visible,
input:focus-visible,
textarea:focus-visible,
select:focus-visible,
[role="button"]:focus-visible {
    outline: none !important;
    box-shadow:
        0 0 0 2px #ffffff, /* Inner White */
        0 0 0 4px #0055ff, /* Middle Blue */
        0 0 0 6px #ffffff !important; /* Outer White */
    transition: box-shadow 0.1s ease-in-out; /* Makes the transition feel professional */
}

/* WCAG 1of3 FocusClipping Prevent the header containers from clipping the focus ring */
#header_main,
#header_main .container,
#header_main .inner-container,
.logo,
.logo a {
    overflow: visible !important;
}

/* WCAG 2of3 FocusClipping Ensure the logo link itself can hold a shadow */
.logo a {
    display: block !important;
    position: relative !important;
}

/* WCAG 3of3 FocusClipping Apply the ring with a 'negative' spread to pull it inward if needed */
.logo a:focus-visible,
.logo a:focus {
    outline: none !important;
    box-shadow:
        0 0 0 2px #ffffff,
        0 0 0 4px #0055ff,
        0 0 0 6px #ffffff !important;
    z-index: 9999 !important;
}

/* 1of3 DynamicSocketCookiesBanner. Desktop: Give clear spacing to the socket links */
body:has(#moove_gdpr_cookie_info_bar) #socket {
    padding-bottom: 60px !important;
}

/* 2of3 DynamicSocketCookiesBanner. Mobile: Deep clearance for wrapped banner text + blend background color */
@media only screen and (max-width: 767px) {
    body:has(#moove_gdpr_cookie_info_bar) #socket {
        /* Pushes socket content up so text and links clear the banner */
        padding-bottom: 150px !important;
        
        /* Forces the socket's gray background to extend into the phone viewport edge */
        background-clip: padding-box !important;
    }
    
    /* Pulls the main copyright container up within that newly extended dark background */
    body:has(#moove_gdpr_cookie_info_bar) #socket .container {
        transform: translateY(-20px);
    }
}

/* 3of3 DynamicSocketCookiesBanner. Collapse spacing immediately back to factory settings when banner is hidden */
body.moove-gdpr-cookie-compliance-closed #socket,
body:not(.moove-gdpr-cookie-compliance-open) #socket,
#moove_gdpr_cookie_info_bar[style*="display: none"] ~ #socket {
    padding-bottom: 20px !important;
}