/*
Theme Name: GardenAdvice Hueman Child
Description: Hueman Pro child theme linking the mobile-2 garden assistant banner to each member's Elena page.
Template: hueman-pro
Version: 1.0.9
Text Domain: gardenadvice-hueman-child
*/

/* Hueman's absolute header zone otherwise intercepts the upper image clicks. */
.ga-elena-banner-header #header-image-wrap > .central-header-zone {
    pointer-events: none;
}
/* Keep any deliberately added header controls usable. */
.ga-elena-banner-header #header-image-wrap > .central-header-zone a,
.ga-elena-banner-header #header-image-wrap > .central-header-zone button,
.ga-elena-banner-header #header-image-wrap > .central-header-zone input,
.ga-elena-banner-header #header-image-wrap > .central-header-zone select,
.ga-elena-banner-header #header-image-wrap > .central-header-zone textarea {
    pointer-events: auto;
}
#header-image-wrap > a.ga-elena-banner-link {
    display: block;
    width: 100%;
    cursor: pointer;
}
#header-image-wrap > a.ga-elena-banner-link:focus-visible {
    outline: 3px solid #235c43;
    outline-offset: -3px;
}

/* Tablet and desktop retain the original heading position. */
#nav-header .nav-text.ga-phone-home { display: none !important; }
@media only screen and (max-width: 599px) {
    .ga-phone-garden-heading #nav-header .nav-text.ga-phone-home {
        display: flex !important;
        align-items: center;
        justify-content: center;
        left: 60px;
        right: 60px;
        top: 0;
        height: 50px;
        box-sizing: border-box;
        padding: 0;
        text-align: center;
    }
    .ga-phone-home a {
        display: block;
        width: 100%;
        padding: 12px 0;
        color: #fff;
        font-size: 14px;
        font-weight: 600;
        line-height: 22px;
        text-transform: uppercase;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .ga-phone-home a:focus-visible { outline: 2px solid #fff; outline-offset: -2px; }
    /* Keep the original semantic heading available to screen readers. */
    .ga-phone-hide-blog-heading #content > .page-title {
        position: absolute !important;
        width: 1px !important;
        height: 1px !important;
        padding: 0 !important;
        margin: -1px !important;
        overflow: hidden !important;
        clip: rect(0, 0, 0, 0) !important;
        clip-path: inset(50%) !important;
        white-space: nowrap !important;
        border: 0 !important;
    }
}

.ga-device-guide .ga-device-home{display:inline-block;background:#235c43;color:#fff;padding:12px 18px;border-radius:6px;text-decoration:none;font-weight:600}
.ga-device-guide a{overflow-wrap:anywhere}.ga-device-guide li{margin-bottom:.6em}.ga-device-guide h2{margin-top:1.5em}
.ga-device-guide .ga-device-home:focus-visible{outline:3px solid #c99037;outline-offset:3px}