/*
Theme Name: TNG MEDGREENS Child
Description: Custom child theme for TNG MEDGREENS
Author: TNG MEDGREENS
Template: astra
Version: 1.0.0
Text Domain: tng-medgreens
*/
/* =========================================================
   TNG MEDGREENS - GLOBAL RESPONSIVE SYSTEM
   Applies to Home / About / Learning
   ========================================================= */

*,
*::before,
*::after {
    box-sizing: border-box;
}

html,
body {
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: hidden !important;
}

body {
    background: #f8f6ef;
}

/* Remove Astra / WordPress page container restrictions */
.site,
.site-content,
.ast-container,
.ast-page-builder-template .site-content,
.entry-content,
.wp-site-blocks {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

/* =========================================================
   COMMON TNG HEADER
   ========================================================= */

.tng-header {
    width: 100%;
    max-width: none;
    margin: 0;
    padding: 0;
    background: #f8f6ef;
}

.tng-wrap {
    width: min(1440px, calc(100% - 80px));
    max-width: 1440px;
    margin: 0 auto;
}

/* =========================================================
   LOGO
   ========================================================= */

.tng-logo {
    display: flex !important;
    align-items: center !important;
    gap: 12px;
    text-decoration: none !important;
    flex-shrink: 0;
}

.tng-logo-icon {
    width: 76px !important;
    height: 76px !important;
    max-width: 76px !important;
    object-fit: contain !important;
    display: block !important;
}

.tng-logo-text {
    display: block !important;
    line-height: 1 !important;
}

.tng-logo-text strong {
    font-family: Georgia, "Times New Roman", serif !important;
    font-size: 32px !important;
    line-height: 1 !important;
    color: #0d2b1d !important;
    white-space: nowrap;
}

.tng-logo-text strong .tng-logo-tng {
    color: #0d2b1d !important;
}

.tng-logo-text strong .tng-logo-medgreens {
    color: #c3933b !important;
}
}

/* =========================================================
   DESKTOP NAVIGATION
   ========================================================= */

.tng-nav {
    display: flex;
    align-items: center;
    gap: 36px;
}

.tng-nav a {
    color: #101b16 !important;
    text-decoration: none !important;
}

/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {

    html,
    body {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow-x: hidden !important;
    }

    /* Full width */
    .site,
    .site-content,
    .ast-container,
    .entry-content,
    .wp-site-blocks {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    /* =====================================================
       TOP BAR
       ===================================================== */

    .tng-topbar {
        width: 100% !important;
        margin: 0 !important;
        padding: 8px 16px !important;
        min-height: 34px;
    }

    .tng-topbar .tng-wrap {
        width: 100% !important;
        max-width: none !important;
        padding: 0 !important;
    }

    /* Keep only useful text on mobile */
    .tng-topbar {
        font-size: 10px !important;
    }

    /* =====================================================
       HEADER
       ===================================================== */

    .tng-header {
        width: 100% !important;
        max-width: none !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    .tng-header .tng-wrap {
        width: 100% !important;
        max-width: none !important;
        margin: 0 !important;
        padding: 12px 18px !important;
    }

    /* =====================================================
       LOGO - SAME ON ALL 3 PAGES
       ===================================================== */

    .tng-logo {
        display: flex !important;
        align-items: center !important;
        gap: 8px !important;
        min-width: 0;
    }

    .tng-logo-icon {
        width: 52px !important;
        height: 52px !important;
        max-width: 52px !important;
        flex: 0 0 52px !important;
        object-fit: contain !important;
    }

    .tng-logo-text {
        display: block !important;
        min-width: 0;
    }

    .tng-logo-text strong {
        font-size: 22px !important;
        line-height: 1 !important;
        white-space: nowrap !important;
    }

    /* =====================================================
       HIDE DESKTOP MENU
       ===================================================== */

    .tng-nav {
        display: none !important;
    }

    .tng-desktop-nav {
        display: none !important;
    }

    .tng-header .tng-nav {
        display: none !important;
    }

    /* =====================================================
       MOBILE HEADER ROW
       ===================================================== */

    .tng-header-row {
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        width: 100% !important;
        min-height: 70px;
    }

    /* =====================================================
       MOBILE ICONS
       ===================================================== */

    .tng-header-actions {
        display: flex !important;
        align-items: center !important;
        gap: 14px !important;
        flex-shrink: 0;
    }

    .tng-header-actions a,
    .tng-header-actions button {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
    }

    /* Hide unnecessary desktop actions */
    .tng-account,
    .tng-cart {
        display: none !important;
    }

    /* Search */
    .tng-search {
        width: 38px !important;
        height: 38px !important;
    }

    /* =====================================================
       MOBILE MENU
       ===================================================== */

    .tng-mobile-menu {
        display: flex !important;
        align-items: center;
        justify-content: center;
    }

    .tng-mobile-menu-toggle {
        display: flex !important;
    }

    /* =====================================================
       BREADCRUMB
       ===================================================== */

    .tng-breadcrumb {
        width: 100% !important;
        max-width: none !important;
        margin: 0 !important;
        padding: 18px 20px !important;
    }

    /* =====================================================
       ALL PAGE SECTIONS
       ===================================================== */

    .tng-home,
    .tng-about,
    .tng-learning,
    .tng-learning-page,
    .tng-about-page {
        width: 100% !important;
        max-width: none !important;
        margin: 0 !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    /* =====================================================
       CONTENT WRAPPER
       ===================================================== */

    .tng-home .tng-wrap,
    .tng-about .tng-wrap,
    .tng-learning .tng-wrap {
        width: calc(100% - 40px) !important;
        max-width: none !important;
        margin-left: auto !important;
        margin-right: auto !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    /* =====================================================
       HERO GRIDS
       ===================================================== */

    .tng-hero .tng-wrap,
    .tng-learn-hero .tng-wrap,
    .tng-about-hero .tng-wrap {
        display: flex !important;
        flex-direction: column !important;
        width: calc(100% - 40px) !important;
        max-width: none !important;
    }

    .tng-slide-text,
    .tng-slide-media,
    .tng-learn-text,
    .tng-learn-media,
    .tng-about-text,
    .tng-about-media {
        width: 100% !important;
        max-width: 100% !important;
    }

    /* Images */
    .tng-slide-media img,
    .tng-learn-media img,
    .tng-about-media img {
        width: 100% !important;
        height: auto !important;
        max-width: 100% !important;
        display: block !important;
    }

    /* =====================================================
       BUTTONS
       ===================================================== */

    .tng-learning a,
    .tng-about a,
    .tng-home a {
        -webkit-text-fill-color: initial;
    }

    .tng-btn-primary,
    .tng-btn-primary *,
    .tng-btn-whatsapp,
    .tng-btn-whatsapp *,
    .tng-btn-secondary,
    .tng-btn-secondary * {
        color: inherit !important;
    }

    .tng-btn-primary,
    .tng-btn-whatsapp {
        background: #17462b !important;
        color: #ffffff !important;
    }

    .tng-btn-primary *,
    .tng-btn-whatsapp * {
        color: #ffffff !important;
    }

    /* =====================================================
       FLOATING WHATSAPP
       ===================================================== */

    .tng-whatsapp-float {
        position: fixed !important;
        right: 16px !important;
        bottom: 18px !important;
        width: 56px !important;
        height: 56px !important;
        z-index: 9998 !important;
    }

}
/* =========================================================
   TNG MEDGREENS
   Hide Astra "Guaranteed Safe Checkout" payment box
   on WooCommerce single product pages
========================================================= */

.single-product .ast-single-product-payments {
    display: none !important;
}
/* =========================================================
   TNG MEDGREENS
   Restore WooCommerce single product title
========================================================= */

.single-product .summary .product_title {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    color: #153b2b !important;
    font-size: 42px !important;
    line-height: 1.15 !important;
    font-weight: 600 !important;
    margin: 0 0 20px !important;
}
/* =========================================================
   TNG MEDGREENS — SINGLE PRODUCT FULL WIDTH
   ========================================================= */

body.single-product,
body.single-product #page,
body.single-product #content,
body.single-product .site,
body.single-product .site-content,
body.single-product .content-area,
body.single-product .site-main,
body.single-product .entry-content,
body.single-product .ast-container {

    width: 100% !important;
    max-width: 100% !important;

    margin-left: 0 !important;
    margin-right: 0 !important;

    padding-left: 0 !important;
    padding-right: 0 !important;

    box-sizing: border-box !important;
}


/* Remove Astra visual header */
body.single-product .site-header,
body.single-product header.site-header,
body.single-product #masthead,
body.single-product .ast-primary-header-bar,
body.single-product .ast-main-header-bar-wrap,
body.single-product .ast-mobile-header-wrap,
body.single-product .ast-desktop-header,
body.single-product .ast-mobile-header {

    display: none !important;
}


/* Remove Astra visual footer */
body.single-product .site-footer,
body.single-product footer.site-footer,
body.single-product #colophon,
body.single-product .ast-footer-wrap,
body.single-product .ast-small-footer-wrap,
body.single-product .ast-builder-footer-grid-columns {

    display: none !important;
}


/* Remove default Astra page title */
body.single-product .entry-header {

    display: none !important;
}


/* Prevent horizontal scrolling */
html,
body {

    overflow-x: hidden !important;
}