/*
 Theme Name:   Life List Child
 Description:  Life List theme
 Author:       Life list
 Template:     astra
 Version:      1.0.0
 Text Domain:  lifelist-child
*/

/* Hide WordPress admin toolbar on mobile devices */
@media screen and (max-width: 768px) {
    /* Hide admin bar completely on mobile */
    #wpadminbar,
    #wpadminbar * {
        display: none !important;
        visibility: hidden !important;
        opacity: 0 !important;
        height: 0 !important;
        min-height: 0 !important;
        max-height: 0 !important;
        overflow: hidden !important;
    }
    
    /* Reset all margins and positioning when admin bar is hidden */
    body.admin-bar,
    body.admin-bar #wpcontent,
    body.admin-bar #adminmenu {
        margin-top: 0 !important;
        padding-top: 0 !important;
        top: 0 !important;
    }
    
    html {
        margin-top: 0 !important;
        padding-top: 0 !important;
    }
    
    /* Additional mobile viewport targeting */
    @media screen and (max-width: 480px) {
        #wpadminbar {
            display: none !important;
        }
    }
}

/* Optimized search icon sizing - Clean and efficient */
body.woocommerce-account .login_link .fa-search {
    font-size: 24px !important; /* Changed from 32px to 24px */
    display: inline-block !important;
    line-height: 1 !important;
    color: #1C2E3D !important;
    transition: all 0.3s ease;
}

/* Remove margin from Sign In button on my-account page */
body.woocommerce-account .your-lifelist-rating a[href="/my-account/"] {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    margin: 0 !important;
}

/* Additional targeting for the sign-in button */
.woocommerce-account .your-lifelist-rating a {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

/* Target the specific inline styled element */
a[href="/my-account/"][style*="margin-top"] {
    margin-top: 0 !important;
}

/* Nuclear option - target all possible variations of the sign-in button */
body.woocommerce-account a[href="/my-account/"],
.woocommerce-account a[href="/my-account/"],
body a[href="/my-account/"][style*="background: #1C2E3D"],
a[href="/my-account/"][style*="padding: 10px 20px"],
a[href="/my-account/"][style*="border-radius: 5px"],
.your-lifelist-rating a[href="/my-account/"],
body .your-lifelist-rating a[href="/my-account/"],
html body .your-lifelist-rating a[href="/my-account/"] {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    margin: 0 !important;
}

/* Target by content as well */
a[href="/my-account/"]:contains("Sign In to Start Your Journey"),
a[href="/my-account/"] i.fa-sign-in {
    margin-top: 0 !important;
}

/* Parent container margin reset */
.your-lifelist-rating {
    margin-top: 0 !important;
}

/* Override any inherited margins */
* a[href="/my-account/"] {
    margin-top: 0 !important;
}

/* Specific targeting for header search icon on my-account page */
body.woocommerce-account header.site-header .login_link .fa-search,
body.woocommerce-account header.header-main-layout-1 .login_link .fa-search,
body.woocommerce-account header#masthead .login_link .fa-search,
body.woocommerce-account .site-header .login_link i.fa-search,
body.woocommerce-account .header_top .login_link .fa-search,
.woocommerce-account header .login_link .fa-search,
header.site-header .login_link .fa-search,
header .login_link .fa-search,
#masthead .login_link .fa-search,
.site-header a.login_link i.fa-search {
    font-size: 24px !important; /* Changed from 32px to 24px */
    transform: none !important;
    transform-origin: center !important;
    display: inline-block !important;
    line-height: 1 !important;
}

/* Additional header-specific targeting */
body.woocommerce-account header a[href="https://lifelist.co"] .fa-search,
body.woocommerce-account header a[href="https://lifelist.co"] i.fa-search,
header.header_top .login_link .fa-search,
header.header_top a.login_link i.fa-search {
    font-size: 24px !important; /* Changed from 32px to 24px */
    width: auto !important;
    height: auto !important;
}

/* Nuclear option for header search icon */
header * .fa-search,
.site-header * .fa-search,
#masthead * .fa-search {
    font-size: 24px !important; /* Changed from 32px to 24px */
}

/* JavaScript-assisted CSS backup */
.fa-search-enlarged {
    font-size: 1em !important;
    transform: none !important; /* No additional scaling - just 1x via font-size */
    display: inline-block !important;
    width: auto !important;
    height: auto !important;
}

/* Header overlay for experience category pages - apply same to destination pages */
/* Target both taxonomy archives AND individual pages with these taxonomy terms */
body.tax-product_cat.term-experience .site-header,
body.tax-lifelist_content_type.term-destination .site-header,
body.has-product-cat-experience .site-header,
body.has-content-type-destination .site-header {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    z-index: 999 !important;
    background: transparent !important;
}

/* Ensure first element below header starts at top (no padding/margin) */
body.tax-product_cat.term-experience #content,
body.tax-lifelist_content_type.term-destination #content,
body.has-product-cat-experience #content,
body.has-content-type-destination #content,
body.tax-product_cat.term-experience .site-content,
body.tax-lifelist_content_type.term-destination .site-content,
body.has-product-cat-experience .site-content,
body.has-content-type-destination .site-content,
body.tax-product_cat.term-experience #primary,
body.tax-lifelist_content_type.term-destination #primary,
body.has-product-cat-experience #primary,
body.has-content-type-destination #primary {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* Hide entry-header on BuddyPress pages */
body.buddypress .entry-header,
body.bp-user .entry-header,
body.groups .entry-header,
body.members .entry-header,
body.activity .entry-header,
body.register .entry-header,
body.activate .entry-header,
.buddypress .entry-header {
    display: none !important;
}

/* Fix 45px gap at top of BuddyPress pages on desktop */
@media screen and (min-width: 769px) {
    body.buddypress #primary,
    body.bp-user #primary,
    body.groups #primary,
    body.members #primary,
    body.activity #primary,
    body.buddypress .site-content,
    body.bp-user .site-content,
    body.groups .site-content,
    body.members .site-content,
    body.activity .site-content {
        padding-top: 0 !important;
        margin-top: 0 !important;
    }
    
    body.buddypress .ast-container,
    body.bp-user .ast-container,
    body.groups .ast-container,
    body.members .ast-container,
    body.activity .ast-container {
        padding-top: 0 !important;
        margin-top: 0 !important;
    }
    
    /* Fix cover-image-container layout - prevent text overlay on avatar */
    #cover-image-container {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        gap: 20px !important;
    }
    
    #cover-image-container #header-cover-image {
        width: 100% !important;
        position: relative !important;
    }
    
    #cover-image-container #item-header-cover-image {
        display: flex !important;
        flex-direction: row !important;
        align-items: flex-start !important;
        gap: 20px !important;
        width: 100% !important;
        padding: 20px !important;
    }
    
    #cover-image-container #item-header-avatar {
        flex-shrink: 0 !important;
        position: relative !important;
        z-index: 2 !important;
    }
    
    #cover-image-container #item-header-content {
        flex: 1 !important;
        position: relative !important;
        z-index: 1 !important;
        padding-left: 20px !important;
    }
}