/*
Theme Name: Susie E Child
Theme URI: https://github.com/Amsive-Digital/wp-susiee-child
Description: A custom child theme for Susie E II 2026 website, based on the Powder theme by Brian Gardner.
Author: Amsive Digital
Author URI: https://github.com/Amsive-Digital
Template: powder
Version: 1.0.0
Requires at least: 6.9
Tested up to: 6.9
Requires PHP: 7.2
License: GNU General Public License v3 or later
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Text Domain: wp-susiee-child
Tags: block-patterns, block-styles, custom-colors, custom-logo, editor-style, full-site-editing
*/

/* 
 * Child Theme Customizations
 * Add your custom CSS below this line
 */

/* -- Header -- */
/** -- Sticky Header with Motion Effects -- */
.has-motion .site-header {
    position: sticky;
    top: 0;
    transition: transform 0.5s ease;
    z-index: 1000;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    
    > .wp-block-group {
        padding-bottom: 0.825rem !important;
    }
    
    > .wp-block-group > div:first-child {
        transition: all 0.5s ease !important;
    }
    
    &:has(.wp-block-navigation__responsive-container.is-menu-open) {
        
        .wp-block-navigation__responsive-dialog {
            padding: 3rem 2rem !important;
        }
        
        .wp-block-navigation__container {
            width: 100%;
            
            .wp-block-navigation-item {
                
                a {
                    font-size: var(--wp--preset--font-size--medium) !important;
                    line-height: var(--wp--custom--line-height--large) !important;
                    font-weight: 500 !important;
                }
                
                &.has-child {
                    .wp-block-navigation-submenu {
                        .wp-block-navigation-item a {
                            font-size: var(--wp--preset--font-size--small) !important;
                            line-height: var(--wp--custom--line-height--large) !important;
                            font-weight: 400 !important;
                            
                        }
                    }
                }
            }
        }
    }
}

.has-motion body.scroll-down .site-header,
.has-motion body.scroll-up .site-header {
    /*transform: translateY(0);*/
    
    > .wp-block-group > div:first-child {
        transform: translateY(-100%) !important;
        visibility: hidden !important;
        pointer-events: none;
        height: 0;
        margin: 0;
        overflow: hidden;
    }
}

/** -- Mobile Logo Size Adjustments -- */
@media (max-width: 600px) {
    .wp-block-site-logo img{
        max-width: 54px;
        width: 100%;
        height: auto;
    }
}

/* Change the WordPress default css to a 1023px media query */
@media (min-width: 1023px) {
    .wp-block-navigation__responsive-container-open:not(.always-shown) {
        display: none !important;
    }
    .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
        display: block !important;
        width: 100%;
        position: relative;
        z-index: 1001;
        background-color: inherit;
    }
}
/* Remove the WordPress default for 600px */
@media (min-width: 600px) {
    .wp-block-navigation__responsive-container-open:not(.always-shown) {
        display: flex;
    }
    .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
        display: none;
    }
}

body > div.wp-site-blocks > header > div > div.wp-block-group.alignfull.has-seafoam-25-background-color.has-background.is-content-justification-center.is-nowrap.is-layout-flex.wp-container-core-group-is-layout-23441af8.wp-block-group-is-layout-flex {
    padding: 0.825rem 1rem;
    
    > p {
        line-height: var(--wp--custom--line-height--medium);
        text-align: center;
        text-wrap: balance;
    }
}

/* Lightbox Customization */
.wp-lightbox-overlay .scrim {
    background-color: rgba(0, 0, 0, 0.8) !important;
}

/* Container Background Patterns */
.wp-block-group {
    &.has-bg-pattern-dark, &.has-pattern-bg-dark {
        position: relative;
        
        &:not(.child-section--primary-hero-image-text-cta) {
            background-image: linear-gradient(rgba(0, 28, 20, 0.9), rgba(0, 28, 20, 0.9)),
            url("assets/images/backgrounds/Map-Repeating.svg");
            background-size: cover;
        }
        
        
        &.child-section--primary-hero-image-text-cta {
            background-image: radial-gradient(ellipse 50% 45% at 45% 50%, rgba(0, 28, 20, 0.7) 0%, #001c14 100%),
            url("assets/images/backgrounds/Map-Repeating.svg");
            background-size: cover, auto;
        }
        
    }
    
    &.has-nested-ntp-table {
        > .wp-block-columns {
            @media (max-width: 880px) {
                flex-direction: column;
            }
        }
    }
}

/** Custom Ninja Tables Pro Styles **/
.ninja_table_wrapper {
    [id^="footable_"] {
        &.ntp-custom--season-table-base {
            border-radius: 0;
            border: none;
            
            tr.footable-header {
                background-color: var(--wp--preset--color--gray-900);
                color: var(--wp--preset--color--black);
                
                &:first-child > th:last-child,
                &:first-child > th:first-child {
                    border-radius: 0;
                }
                
                th {
                    font-size: var(--wp--preset--font-size--x-small);
                    font-weight: 500;
                    text-transform: uppercase;
                    line-height: var(--wp--custom--line-height--large);
                    padding: 1.25rem 1.5rem;
                    text-align: center;
                    
                    &:first-child {
                        background-color: var(--wp--preset--color--white);
                        color: var(--wp--preset--color--black);
                        border-bottom: 1px solid #001c14;
                    }
                }
            }
            
            tbody {
                tr {
                    td {
                        text-align: center;
                        padding: 2rem 1.5rem 1rem;
                        position: relative;
                        font-size: var(--wp--preset--font-size--x-small);
                        border-left: 1px solid #001c14;
                        
                        &:empty {
                            background-color: var(--wp--preset--color--stormy-gray);
                        }
                        
                        &:first-child {
                            font-weight: 500;
                            font-size: var(--wp--preset--font-size--x-small);
                            text-wrap: balance;
                            padding: 1rem 1.25rem;
                            border-left: 0;
                            
                            > span {
                                display: block;
                                font-size: var(--wp--preset--font-size--xx-small);
                                font-weight: 400;
                            }
                        }
                        
                        &.is-good-icon::before {
                            content: url("assets/icons/Badge-Check-Outline.svg");
                            display: block;
                            width: 1rem;
                            height: 1rem;
                            position: absolute;
                            top: 12%;
                            left: 50%;
                            transform: translate(-50%, -12%);
                        }
                        
                        &.is-best-icon::before {
                            content: url("assets/icons/Badge-Check-Solid.svg");
                            display: block;
                            width: 1rem;
                            height: 1rem;
                            position: absolute;
                            top: 12%;
                            left: 50%;
                            transform: translate(-50%, -12%);
                        }
                    }
                    
                    
                }
            }
            
            &.ntp--inshore {
                tr.footable-header {
                    background-color: #c38740;
                    color: var(--wp--preset--color--white);
                }
                
            }
            
            &.ntp--offshore {
                tr.footable-header {
                    background-color: #657e6f;
                    color: var(--wp--preset--color--white);
                }
            }
        }
        
        &.npt-custom--rates-table-base {
            background-color: transparent;
            border-radius: 0;
            
            tbody {
                tr {
                    &:first-child > td:last-child,
                    &:first-child > td:first-child {
                        border-radius: 0;
                    }
                    
                    td {
                        color: var(--wp--preset--color--white);
                        font-size: var(--wp--preset--font-size--small);
                        padding-bottom: 0;
                        
                        &:first-child {
                            overflow-x: hidden;
                            text-wrap: balance;
                            width: 80%;
                            padding-left: 0;
                            
                            @media (min-width: 500px) {
                                text-wrap: nowrap;
                                white-space: nowrap;
                            }
                            
                            hr.hr--dotted--fw {
                                border: none;
                                border-top: 2px dotted var(--wp--preset--color--white);
                                margin: 0.5rem 0 0 1rem;
                                display: inline-block;
                                width: stretch;
                            }
                        }
                        
                        &:last-child {
                            width: 20%;
                            text-align: left;
                        }
                    }
                    
                }
            }
            
        }
    }
}

/** Global Styles **/
/* Footer */

.site-footer {
    
    .footer-grid-container {
        &[class*="wp-container-core-group-is-layout-"] {
            @media (max-width: 1023px) {
                grid-template-columns: 1fr 2fr 1fr;
            }
            
            @media (max-width: 768px) {
                grid-template-columns: 1fr;
            }
            
            .footer-column-one {
                @media (max-width: 1023px) {
                    grid-column: span 3;
                }
                
                @media (max-width: 768px) {
                    grid-column: span 1;
                }
            }
            
            .footer-column-three {
                @media (max-width: 1023px) {
                    grid-column: span 1;
                }
            }
        }
        
        .wp-block-separator.is-style-extended {
            width: 95%;
        }
        
        .wp-block-navigation__container {
            max-height: unset;
            
            @media (min-width: 400px) {
                max-height: 250px;
            }
            
            &.nav-footer-nav-two {
                column-count: unset;
                
                @media (min-width: 400px) {
                    column-count: 2;
                    column-gap: 2rem;
                }
            }
        }
    }
    
    .footer-bottom-bar {
        @media (max-width: 540px) {
            flex-direction: column;
            margin-top: 2rem;
            gap: 1rem;
            font-size: var(--wp--preset--font-size--xx-small);
        }
    }
}