/*
Theme Name:   Astra Child TBT
Theme URI:    https://yoursite.com
Description:  Child theme for Think Beyond Time
Author:       Your Name
Author URI:   https://yoursite.com
Template:     astra
Version:      1.0.0
Text Domain:  astra-child-tbt
*/

/* ═══════════════════════════════════════════════════
   ASTRA RESET — strip all Astra wrappers
   ═══════════════════════════════════════════════════ */

html,
body,
.site,
.site-content,
#page,
#content,
#primary,
.ast-container,
.ast-article-post,
.ast-article-single,
.entry-content,
.ast-separate-container,
.ast-plain-container {
    background-color: #02040A !important;
    color: #FFFFFF !important;
    padding: 0 !important;
    margin: 0 !important;
    max-width: 100% !important;
    width: 100% !important;
    box-shadow: none !important;
    border: none !important;
}

section,
header,
footer,
article,
nav {
    background-color: transparent !important;
}

/* ═══════════════════════════════════════════════════
   GLOBAL BASE
   ═══════════════════════════════════════════════════ */

body {
    background-color: #02040A !important;
    color: #FFFFFF !important;
    overflow-x: hidden;
}

/* Hide Astra's native header on all pages — we use tbt-nav */
#masthead {
    display: none !important;
}

/* ═══════════════════════════════════════════════════
   NAVIGATION
   ═══════════════════════════════════════════════════ */

.tbt-nav {
    position: sticky !important;
    top: 0 !important;
    z-index: 100 !important;
    background: rgba(2, 4, 10, 0.75) !important;
    backdrop-filter: blur(16px) !important;
    -webkit-backdrop-filter: blur(16px) !important;
    border-bottom: 1px solid rgba(0, 229, 255, 0.15) !important;
    width: 100% !important;
}

.tbt-nav-inner {
    max-width: 1100px !important;
    margin: auto !important;
    padding: 1.1rem 2rem !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
}

.tbt-logo-box {
    font-family: 'JetBrains Mono', monospace !important;
    font-weight: 700 !important;
    font-size: 1rem !important;
    color: #00E5FF !important;
    border: 1px solid rgba(0, 229, 255, 0.35) !important;
    padding: 0.3rem 0.6rem !important;
    border-radius: 4px !important;
    text-shadow: 0 0 12px rgba(0, 229, 255, 0.5) !important;
    text-decoration: none !important;
}

/* ═══════════════════════════════════════════════════
   CONTAINER
   ═══════════════════════════════════════════════════ */

.tbt-container {
    max-width: 1100px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 2rem !important;
    padding-right: 2rem !important;
}

/* ═══════════════════════════════════════════════════
   TYPOGRAPHY
   ═══════════════════════════════════════════════════ */

.tbt-container h1 { color: #FFFFFF !important; }
.tbt-container p  { color: #94A3B8 !important; }

.tbt-container a {
    color: #00E5FF !important;
    text-decoration: none !important;
}

.tbt-container a:hover { color: #FFFFFF !important; }

.tbt-mono,
.tbt-chapter-number {
    font-family: 'JetBrains Mono', monospace !important;
    font-size: 0.78rem !important;
    color: #94A3B8 !important;
}

.tbt-prose {
    font-family: 'Source Serif 4', serif !important;
    color: #94A3B8 !important;
}

.tbt-prose h2,
.tbt-prose h3 { color: #FFFFFF !important; }

.tbt-journal,
.tbt-doi { color: #94A3B8 !important; }

/* ═══════════════════════════════════════════════════
   BUTTONS
   ═══════════════════════════════════════════════════ */

.tbt-btn-primary {
    font-family: 'DM Sans', sans-serif !important;
    font-weight: 600 !important;
    background: #00E5FF !important;
    color: #02040A !important;
    border-radius: 6px !important;
    display: inline-block !important;
    border: none !important;
    cursor: pointer !important;
    box-shadow: 0 0 20px rgba(0, 229, 255, 0.3) !important;
    transition: transform 0.2s ease, box-shadow 0.2s ease !important;
    text-decoration: none !important;
}

.tbt-btn-primary:hover {
    box-shadow: 0 0 40px rgba(0, 229, 255, 0.6) !important;
    transform: scale(1.03) !important;
    color: #02040A !important;
}

.tbt-btn-outline {
    font-family: 'DM Sans', sans-serif !important;
    font-weight: 500 !important;
    background: transparent !important;
    color: #00E5FF !important;
    border-radius: 6px !important;
    display: inline-block !important;
    border: 1px solid rgba(0, 229, 255, 0.4) !important;
    cursor: pointer !important;
    transition: all 0.2s ease !important;
    text-decoration: none !important;
}

.tbt-btn-outline:hover {
    background: rgba(0, 229, 255, 0.1) !important;
}

/* ═══════════════════════════════════════════════════
   BADGES
   ═══════════════════════════════════════════════════ */

.tbt-badge {
    font-family: 'JetBrains Mono', monospace !important;
    font-size: 0.72rem !important;
    letter-spacing: 0.02em !important;
    padding: 0.25rem 0.65rem !important;
    border-radius: 999px !important;
    text-transform: uppercase !important;
    display: inline-block !important;
}

.tbt-badge-published  { background: rgba(16, 185, 129, 0.15) !important; color: #34D399 !important; }
.tbt-badge-review     { background: rgba(245, 158, 11, 0.15) !important; color: #FBBF24 !important; }
.tbt-badge-progress   { background: rgba(0, 229, 255, 0.12)  !important; color: #00E5FF !important; }
.tbt-badge-correction { background: rgba(239, 68, 68, 0.15)  !important; color: #FCA5A5 !important; }
.tbt-badge-announcement { background: rgba(99, 102, 241, 0.18) !important; color: #A5B4FC !important; }
.tbt-badge-draft      { background: rgba(148, 163, 184, 0.15) !important; color: #94A3B8 !important; }

/* ═══════════════════════════════════════════════════
   GLASS CARDS
   ═══════════════════════════════════════════════════ */

.tbt-card,
.tbt-chapter-card,
.tbt-pub-entry {
    background: rgba(255, 255, 255, 0.04) !important;
    backdrop-filter: blur(4px) !important;
    -webkit-backdrop-filter: blur(4px) !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    border-radius: 12px !important;
    padding: 1.75rem !important;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.4) !important;
    transition: transform 0.28s ease, border-color 0.28s ease, box-shadow 0.28s ease !important;
    color: #FFFFFF !important;
    margin-bottom: 0 !important;
    box-sizing: border-box !important;
}

.tbt-card {
    display: flex !important;
    flex-direction: column !important;
    gap: 0.9rem !important;
    text-decoration: none !important;
    width: 100% !important;
}

.tbt-card:hover,
.tbt-chapter-card:hover,
.tbt-pub-entry:hover {
    transform: translateY(-6px) scale(1.01) !important;
    border-color: rgba(0, 229, 255, 0.45) !important;
    box-shadow: 0 16px 48px rgba(0, 0, 0, 0.6), 0 0 28px rgba(0, 229, 255, 0.1) !important;
}

.tbt-card-title,
.tbt-chapter-title,
.tbt-pub-title {
    font-family: 'DM Sans', sans-serif !important;
    font-weight: 600 !important;
    font-size: 1.15rem !important;
    color: #FFFFFF !important;
    letter-spacing: -0.01em !important;
    transition: color 0.2s ease !important;
    margin: 0 !important;
    text-decoration: none !important;
}

.tbt-card:hover .tbt-card-title,
.tbt-chapter-card:hover .tbt-chapter-title,
.tbt-pub-entry:hover .tbt-pub-title {
    color: #00E5FF !important;
}

.tbt-card-excerpt,
.tbt-chapter-excerpt {
    font-family: 'Source Serif 4', serif !important;
    color: #94A3B8 !important;
    font-size: 0.95rem !important;
    line-height: 1.65 !important;
    margin: 0 !important;
}

/* ═══════════════════════════════════════════════════
   GRID LAYOUTS
   ═══════════════════════════════════════════════════ */

.tbt-grid-2 {
    display: grid !important;
    grid-template-columns: 1fr !important;
    grid-auto-rows: 1fr !important;
    gap: 1.25rem !important;
    align-items: stretch !important;
}

@media (min-width: 760px) {
    .tbt-grid-2 { grid-template-columns: 1fr 1fr !important; }
}

.tbt-grid-2 > a {
    display: flex !important;
    flex-direction: column !important;
    text-decoration: none !important;
}

.tbt-grid-2 > a .tbt-card { flex: 1 !important; }

.tbt-grid-1 {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 1.25rem !important;
}

/* ═══════════════════════════════════════════════════
   SECTION HEADS
   ═══════════════════════════════════════════════════ */

.tbt-section-head {
    display: flex !important;
    align-items: baseline !important;
    justify-content: space-between !important;
    margin-bottom: 2.25rem !important;
}

.tbt-section-head h2 {
    font-family: 'DM Sans', sans-serif !important;
    font-weight: 700 !important;
    font-size: 1.75rem !important;
    color: #FFFFFF !important;
    letter-spacing: -0.02em !important;
    margin: 0 !important;
}

.tbt-view-all {
    font-family: 'DM Sans', sans-serif !important;
    font-weight: 500 !important;
    font-size: 0.9rem !important;
    color: #94A3B8 !important;
    transition: color 0.2s ease !important;
    white-space: nowrap !important;
    text-decoration: none !important;
}

.tbt-view-all:hover { color: #00E5FF !important; }

/* ═══════════════════════════════════════════════════
   DIVIDER
   ═══════════════════════════════════════════════════ */

.tbt-divider {
    border: none !important;
    border-top: 1px solid rgba(255, 255, 255, 0.05) !important;
    margin: 0 !important;
}

/* ═══════════════════════════════════════════════════
   INLINE STYLE OVERRIDES — old light-theme templates
   ═══════════════════════════════════════════════════ */

section[style*="background: #DBEAFE"],
section[style*="background:#DBEAFE"],
section[style*="background: #ffffff"],
section[style*="background:#ffffff"],
section[style*="background: #FFFFFF"],
header[style*="background: #ffffff"],
header[style*="background:#ffffff"],
header[style*="background: #FFFFFF"],
article[style*="background: #ffffff"],
article[style*="background:#ffffff"] {
    background: transparent !important;
}

/* ═══════════════════════════════════════════════════
   SCIGATE — dark theme
   ═══════════════════════════════════════════════════ */

.scigate-gate {
    background: rgba(0, 229, 255, 0.06) !important;
    border: 1px solid rgba(0, 229, 255, 0.2) !important;
}

.scigate-gate-title  { color: #FFFFFF !important; }
.scigate-gate-text   { color: #94A3B8 !important; }

.scigate-upgrade-gate {
    background: rgba(16, 185, 129, 0.06) !important;
    border: 1px solid rgba(16, 185, 129, 0.2) !important;
}

/* Remove underlines from all nav links */
.tbt-nav a,
.tbt-nav-inner a {
    text-decoration: none !important;
}

/* Remove Astra header wrapper height */
#masthead,
.site-header,
.ast-masthead-custom-menu-items,
.main-header-bar,
.ast-primary-header-bar {
    display: none !important;
    height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* ═══════════════════════════════════════════════════
   RESPONSIVE — Mobile, Tablet, Desktop
   ═══════════════════════════════════════════════════ */

/* ── Force dark glass on cards everywhere ── */
.tbt-card,
.tbt-chapter-card,
.tbt-pub-entry {
    background: rgba(255, 255, 255, 0.04) !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    color: #FFFFFF !important;
}

.tbt-card-title,
.tbt-chapter-title,
.tbt-pub-title,
.tbt-card h3,
.tbt-card h2 {
    color: #FFFFFF !important;
    display: block !important;
    visibility: visible !important;
}

/* ── Nav frosted glass — all screen sizes ── */
.tbt-nav {
    background: rgba(2, 4, 10, 0.85) !important;
    backdrop-filter: blur(16px) !important;
    -webkit-backdrop-filter: blur(16px) !important;
}

/* ── Grid — auto responsive without media queries ── */
.tbt-grid-2,
div[style*="grid-template-columns: 1fr 1fr"] {
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)) !important;
    grid-auto-rows: auto !important;
}

/* ── Prevent overflow everywhere ── */
body,
html {
    overflow-x: hidden !important;
    max-width: 100vw !important;
}

/* ── Mobile — up to 639px ── */
@media (max-width: 639px) {

    .tbt-container,
    .tbt-reading {
        padding-left: 1.25rem !important;
        padding-right: 1.25rem !important;
    }

    .tbt-nav-inner {
        padding: 0.9rem 1.25rem !important;
    }

    .tbt-grid-2,
    div[style*="grid-template-columns: 1fr 1fr"] {
        grid-template-columns: 1fr !important;
        grid-auto-rows: auto !important;
    }

    .tbt-grid-2 > a {
        height: auto !important;
    }

    header h1,
    .tbt-hero-title {
        font-size: 2rem !important;
        line-height: 1.15 !important;
    }

    .tbt-section-head h2 {
        font-size: 1.4rem !important;
    }

    /* Buttons stack on mobile */
    .tbt-btn-primary,
    .tbt-btn-outline {
        display: block !important;
        width: 100% !important;
        text-align: center !important;
        box-sizing: border-box !important;
        margin-right: 0 !important;
        margin-bottom: 0.75rem !important;
    }

    /* SciGate card padding reduced */
    .scigate-card {
        padding: 28px 20px !important;
    }

    /* Nav links hidden on mobile — only logo + join free */
    .tbt-nav-links {
        display: none !important;
    }

    /* Single part reading width */
    .tbt-container[style*="max-width:780px"],
    .tbt-container[style*="max-width: 780px"] {
        max-width: 100% !important;
    }

    /* Update grid — date + title stacked */
    div[style*="grid-template-columns: 140px 1fr"] {
        grid-template-columns: 1fr !important;
        gap: 0.5rem !important;
    }

    /* Post navigation stacked */
    div[style*="grid-template-columns:1fr 1fr"] {
        grid-template-columns: 1fr !important;
    }

    /* Hero padding reduced */
    header[style*="padding: 7rem"] {
        padding: 3.5rem 0 3rem !important;
    }

    section[style*="padding: 5rem"] {
        padding: 3rem 0 !important;
    }

}

/* ── Tablet — 640px to 1023px ── */
@media (min-width: 640px) and (max-width: 1023px) {

    .tbt-container,
    .tbt-reading {
        padding-left: 1.75rem !important;
        padding-right: 1.75rem !important;
    }

    .tbt-nav-inner {
        padding: 1rem 1.75rem !important;
    }

    header h1,
    .tbt-hero-title {
        font-size: 2.75rem !important;
    }

    .tbt-section-head h2 {
        font-size: 1.6rem !important;
    }

    /* Two columns only if enough space */
    .tbt-grid-2,
    div[style*="grid-template-columns: 1fr 1fr"] {
        grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)) !important;
        grid-auto-rows: auto !important;
    }

    /* Nav links visible on tablet */
    .tbt-nav-links {
        display: flex !important;
        gap: 1.5rem !important;
    }

    .tbt-nav-links a {
        font-size: 0.82rem !important;
    }

    /* Buttons side by side on tablet */
    .tbt-btn-primary,
    .tbt-btn-outline {
        display: inline-block !important;
        width: auto !important;
    }

    /* SciGate wrap max width on tablet */
    .scigate-wrap {
        max-width: 440px !important;
    }

}

/* ── Desktop — 1024px and above ── */
@media (min-width: 1024px) {

    .tbt-grid-2,
    div[style*="grid-template-columns: 1fr 1fr"] {
        grid-template-columns: 1fr 1fr !important;
    }

    .tbt-nav-links {
        display: flex !important;
        gap: 2.25rem !important;
    }

    .tbt-btn-primary,
    .tbt-btn-outline {
        display: inline-block !important;
        width: auto !important;
    }

}

/* ── Hamburger menu — mobile only ── */
.tbt-hamburger {
    display: none;
    flex-direction: column;
    gap: 5px;
    cursor: pointer;
    padding: 4px;
    background: none;
    border: none;
}

.tbt-hamburger span {
    display: block;
    width: 22px;
    height: 2px;
    background: #94A3B8;
    border-radius: 2px;
    transition: background 0.2s;
}

.tbt-hamburger:hover span {
    background: #FFFFFF;
}

@media (max-width: 639px) {
    .tbt-hamburger {
        display: flex !important;
    }
}

/* Mobile nav drawer */
.tbt-mobile-menu {
    display: none;
    flex-direction: column;
    gap: 0;
    background: rgba(2, 4, 10, 0.98);
    border-top: 1px solid rgba(0, 229, 255, 0.1);
    padding: 0;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease, padding 0.3s ease;
}

.tbt-mobile-menu.open {
    display: flex !important;
    max-height: 400px !important;
    padding: 0.5rem 0 1rem !important;
}

.tbt-mobile-menu a {
    font-family: 'DM Sans', sans-serif;
    font-size: 1rem;
    font-weight: 500;
    color: #94A3B8 !important;
    padding: 0.85rem 1.5rem !important;
    text-decoration: none !important;
    border-bottom: 1px solid rgba(255,255,255,0.04) !important;
    display: block !important;
}

.tbt-mobile-menu a:hover {
    color: #FFFFFF !important;
    background: rgba(255,255,255,0.03) !important;
}

/* ── Homepage theory parts grid ── */
.tbt-home-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 1.25rem;
    align-items: stretch;
}

.tbt-home-grid-item {
    display: flex;
    flex-direction: column;
    text-decoration: none;
}

.tbt-home-card {
    flex: 1;
    display: flex;
    flex-direction: column;
}

@media (max-width: 639px) {
    .tbt-home-grid {
        grid-template-columns: 1fr !important;
    }
}

@media (min-width: 640px) and (max-width: 1023px) {
    .tbt-home-grid {
        grid-template-columns: repeat(2, 1fr) !important;
    }
}

@media (min-width: 1024px) {
    .tbt-home-grid {
        grid-template-columns: repeat(2, 1fr) !important;
    }
}
/* ═══════════════════════════════════════════════════
   RESPONSIVE — Mobile & Tablet only
   Desktop (1024px+) is completely untouched
   ═══════════════════════════════════════════════════ */

/* ── Tablet: 640px to 1023px ── */
@media (min-width: 640px) and (max-width: 1023px) {

    .tbt-container {
        padding-left: 1.75rem !important;
        padding-right: 1.75rem !important;
    }

    .tbt-nav-inner {
        padding: 1rem 1.75rem !important;
    }

    .tbt-nav-links {
        gap: 1.25rem !important;
    }

    .tbt-nav-links a {
        font-size: 0.82rem !important;
    }

}

/* ── Mobile: up to 639px ── */
@media (max-width: 639px) {

    /* Container padding */
    .tbt-container {
        padding-left: 1.25rem !important;
        padding-right: 1.25rem !important;
    }

    /* Nav */
    .tbt-nav-inner {
        padding: 0.9rem 1.25rem !important;
    }

    .tbt-nav-links {
        display: none !important;
    }

    /* Grids — single column */
    .tbt-grid-2,
    .tbt-grid-1,
    div[style*="grid-template-columns:1fr 1fr"],
    div[style*="grid-template-columns: 1fr 1fr"] {
        grid-template-columns: 1fr !important;
        grid-auto-rows: auto !important;
    }

    /* Equal height not needed on single column */
    .tbt-grid-2 > a {
        height: auto !important;
    }

    /* Hero */
    .tbt-hero-title {
        font-size: 2.2rem !important;
        line-height: 1.15 !important;
    }

    /* Section headings */
    .tbt-section-head h2 {
        font-size: 1.4rem !important;
    }

    /* Buttons full width */
    .tbt-btn-primary,
    .tbt-btn-outline {
        display: block !important;
        width: 100% !important;
        text-align: center !important;
        box-sizing: border-box !important;
        margin-right: 0 !important;
        margin-bottom: 0.75rem !important;
    }

    /* Keep nav Join Free button inline */
    .tbt-nav .tbt-btn-primary {
        display: inline-block !important;
        width: auto !important;
        margin-bottom: 0 !important;
    }

    /* Stacked layouts on inner pages */
    div[style*="grid-template-columns: 140px 1fr"] {
        grid-template-columns: 1fr !important;
        gap: 0.5rem !important;
    }

    div[style*="grid-template-columns:1fr 1fr"],
    div[style*="grid-template-columns: 1fr 1fr"] {
        grid-template-columns: 1fr !important;
    }

    /* SciGate forms */
    .scigate-card {
        padding: 28px 20px !important;
    }

    .scigate-wrap {
        padding: 24px 16px !important;
    }

}

/* Fix gradient text bleed on mobile */
.tbt-btn-primary,
.tbt-btn-primary *,
a.tbt-btn-primary {
    -webkit-text-fill-color: #02040A !important;
    color: #02040A !important;
}

/* Hero CTA visible on all screens */
header a.tbt-btn-primary,
section a.tbt-btn-primary {
    -webkit-text-fill-color: #02040A !important;
    color: #02040A !important;
    background: #00E5FF !important;
}

/* ── Hamburger menu — mobile only ── */

/* Hide checkbox — it is just the toggle mechanism */
#tbt-menu-toggle {
    display: none !important;
}

/* Hamburger icon — mobile only */
.tbt-hamburger {
    display: none;
    cursor: pointer;
    flex-direction: column;
    gap: 5px;
    padding: 4px;
    user-select: none;
}

.tbt-hamburger span {
    display: block;
    width: 22px;
    height: 2px;
    background: #94A3B8;
    border-radius: 2px;
    transition: background 0.2s, transform 0.3s, opacity 0.3s;
}

/* Mobile drawer — hidden by default */
.tbt-mobile-menu {
    display: none;
    flex-direction: column;
    background: rgba(2, 4, 10, 0.98);
    border-top: 1px solid rgba(0, 229, 255, 0.1);
}

.tbt-mobile-menu a {
    font-family: 'DM Sans', sans-serif;
    font-size: 1rem;
    font-weight: 500;
    color: #94A3B8 !important;
    padding: 0.9rem 1.5rem !important;
    text-decoration: none !important;
    border-bottom: 1px solid rgba(255,255,255,0.04) !important;
    display: block !important;
    transition: color 0.2s, background 0.2s;
}

.tbt-mobile-menu a:hover {
    color: #FFFFFF !important;
    background: rgba(255,255,255,0.03) !important;
}

/* Mobile join free in drawer */
.tbt-mobile-menu .tbt-mobile-join {
    color: #00E5FF !important;
    font-weight: 600 !important;
}

@media (max-width: 639px) {

    /* Show hamburger on mobile */
    .tbt-hamburger {
        display: flex !important;
    }

    /* Open drawer when checkbox checked */
    #tbt-menu-toggle:checked ~ .tbt-mobile-menu {
        display: flex !important;
    }

    /* Animate hamburger to X when open */
    #tbt-menu-toggle:checked ~ .tbt-nav-inner .tbt-hamburger span:nth-child(1) {
        transform: translateY(7px) rotate(45deg);
        background: #FFFFFF;
    }

    #tbt-menu-toggle:checked ~ .tbt-nav-inner .tbt-hamburger span:nth-child(2) {
        opacity: 0;
    }

    #tbt-menu-toggle:checked ~ .tbt-nav-inner .tbt-hamburger span:nth-child(3) {
        transform: translateY(-7px) rotate(-45deg);
        background: #FFFFFF;
    }

}

/* ── Hamburger drawer ── */
.tbt-mobile-menu {
    display: none;
    flex-direction: column;
    background: rgba(2, 4, 10, 0.98);
    border-top: 1px solid rgba(0, 229, 255, 0.1);
}

.tbt-mobile-menu a {
    font-family: 'DM Sans', sans-serif;
    font-size: 1rem;
    font-weight: 500;
    color: #94A3B8 !important;
    padding: 0.9rem 1.5rem !important;
    text-decoration: none !important;
    border-bottom: 1px solid rgba(255,255,255,0.04) !important;
    display: block !important;
}

.tbt-mobile-menu a:hover {
    color: #FFFFFF !important;
    background: rgba(255,255,255,0.03) !important;
}

.tbt-mobile-menu.open {
    display: flex !important;
    flex-direction: column !important;
}

@media (min-width: 640px) {
    .tbt-hamburger { display: none !important; }
    .tbt-mobile-menu { display: none !important; }
}