/* jetbundle Gauge Theme - Maximum Specificity CSS Override */

/* Override theme's body background - Maximum specificity */
html body.animated.fadeIn,
html body.animated,
html body,
body.animated.fadeIn,
body.animated,
body {
    background: linear-gradient(135deg, #0b0e17 0%, #0a0d14 100%) !important;
    background-color: #0b0e17 !important;
    background-attachment: fixed !important;
    color: #f1f5f9 !important;
}

/* Override background div and SVG - Maximum specificity */
body #background-div,
html body #background-div,
#background-div {
    background: linear-gradient(135deg, #0b0e17 0%, #0a0d14 100%) !important;
    background-color: #0b0e17 !important;
}

body #background-svg,
html body #background-svg,
#background-svg {
    background: transparent !important;
}

/* Override SVG gradient stops - Direct attribute targeting */
.bgColor1,
stop.bgColor1,
#background-svg stop.bgColor1,
body #background-svg stop.bgColor1,
svg stop.bgColor1 {
    stop-color: #0b0e17 !important;
}

.bgColor2,
stop.bgColor2,
#background-svg stop.bgColor2,
body #background-svg stop.bgColor2,
svg stop.bgColor2 {
    stop-color: #0a0d14 !important;
}

/* Override headers - Maximum specificity */
body .container h1,
body .content-div h1,
body h1,
html body h1,
h1,
.post-title {
    color: #4f46e5 !important;
    text-decoration-color: #4f46e5 !important;
    border-bottom-color: #1e293b !important;
}

body .container h1,
body .content-div h1,
body h1,
html body h1,
h1 {
    background: linear-gradient(135deg, #4f46e5 0%, #4338ca 100%) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    background-clip: text !important;
    color: #4f46e5 !important;
}

body h1 a,
body h1 a:hover,
body .content-div h1 a,
body .content-div h1 a:hover,
h1 a,
h1 a:hover {
    color: #4f46e5 !important;
    background: none !important;
    -webkit-text-fill-color: #4f46e5 !important;
}

body .container h2,
body .content-div h2,
body h2,
html body h2,
h2 {
    color: #4f46e5 !important;
    text-decoration-color: #4f46e5 !important;
    border-bottom: 2px solid #1e293b !important;
    border-bottom-color: #1e293b !important;
}

body .container h3,
body .content-div h3,
body h3,
html body h3,
h3 {
    color: #4f46e5 !important;
    text-decoration-color: #4f46e5 !important;
}

body .container h4,
body .content-div h4,
body h4,
html body h4,
h4,
body .container h5,
body .content-div h5,
body h5,
html body h5,
h5,
body .container h6,
body .content-div h6,
body h6,
html body h6,
h6 {
    color: #4f46e5 !important;
}

/* Override links - Maximum specificity */
body .container a,
body .content-div a,
body a,
html body a,
a {
    color: #4f46e5 !important;
}

body .container a:hover,
body .content-div a:hover,
body a:hover,
html body a:hover,
a:hover {
    color: #6366f1 !important;
}

/* Override navigation - Maximum specificity (but allow our custom header) */
body nav:not(.navbar-container),
body .navbar:not(.navbar-container),
html body nav:not(.navbar-container),
html body .navbar:not(.navbar-container) {
    background-color: rgba(17, 24, 39, 0.9) !important;
    background: rgba(17, 24, 39, 0.9) !important;
}

body .navbar-icon,
body nav a,
body .navbar a,
html body .navbar-icon,
html body nav a,
.navbar-icon,
nav a,
.navbar a {
    color: #94a3b8 !important;
}

body .navbar-icon:hover,
body nav a:hover,
body .navbar a:hover,
html body .navbar-icon:hover,
html body nav a:hover,
.navbar-icon:hover,
nav a:hover,
.navbar a:hover {
    color: #4f46e5 !important;
    text-shadow: 0 0 .1em rgba(79, 70, 229, 0.5) !important;
}

/* Override containers - preserve theme functionality but ensure visibility */
body .container,
body .wrapper,
body main,
html body .container,
html body .wrapper,
html body main,
.container,
.wrapper,
main {
    background: transparent !important;
    background-color: transparent !important;
    position: relative !important;
    z-index: 1 !important;
}

/* CRITICAL: Ensure content-div and all text is visible */
body .content-div,
body .container .content-div,
html body .content-div,
.content-div {
    color: #f1f5f9 !important;
    background: transparent !important;
    background-color: transparent !important;
    position: relative !important;
    z-index: 2 !important;
}

/* Ensure all text elements in content are visible */
body .content-div p,
body .content-div li,
body .content-div span,
body .content-div div,
body .content-div strong,
body .content-div em,
body .content-div blockquote,
.content-div p,
.content-div li,
.content-div span,
.content-div div,
.content-div strong,
.content-div em,
.content-div blockquote {
    color: #f1f5f9 !important;
}

/* Ensure paragraphs and list items are visible everywhere */
body p,
body li,
body .container p,
body .container li,
p,
li {
    color: #f1f5f9 !important;
}

/* Ensure strong/em are visible but slightly different */
body .content-div strong,
body strong,
strong {
    color: #f1f5f9 !important;
    font-weight: 600 !important;
}

body .content-div em,
body em,
em {
    color: #cbd5e1 !important;
    font-style: italic !important;
}

/* Override code blocks */
body pre,
body code,
body .highlight,
pre,
code,
.highlight {
    background: linear-gradient(135deg, #111827 0%, #0d1117 100%) !important;
    background-color: #111827 !important;
    color: #f1f5f9 !important;
    border: 1px solid #1e293b !important;
}

/* Override blockquotes */
body blockquote,
body .content-div blockquote,
blockquote {
    border-left: 4px solid #4f46e5 !important;
    background: linear-gradient(90deg, rgba(79, 70, 229, 0.1) 0%, #111827 100%) !important;
    background-color: #111827 !important;
    color: #94a3b8 !important;
    padding: 1rem 1.5rem !important;
    margin: 1.5rem 0 !important;
}

/* Override tables */
body table th,
body .content-div table th,
table th {
    background: linear-gradient(135deg, #0b0e17 0%, #111827 100%) !important;
    background-color: #0b0e17 !important;
    color: #4f46e5 !important;
}

body table td,
body .content-div table td,
table td {
    background-color: #0b0e17 !important;
    color: #f1f5f9 !important;
}

/* Override buttons */
body button,
body .btn,
button,
.btn {
    background: linear-gradient(135deg, #4f46e5 0%, #4338ca 100%) !important;
    background-color: #4f46e5 !important;
    color: #f1f5f9 !important;
    border: 1px solid #4f46e5 !important;
}

/* Ensure lists are visible */
body .content-div ul,
body .content-div ol,
body ul,
body ol,
.content-div ul,
.content-div ol,
ul,
ol {
    color: #f1f5f9 !important;
}

body .content-div ul li,
body .content-div ol li,
body ul li,
body ol li,
.content-div ul li,
.content-div ol li,
ul li,
ol li {
    color: #f1f5f9 !important;
}

/* Ensure horizontal rules are visible */
body .content-div hr,
body hr,
.content-div hr,
hr {
    border-color: #1e293b !important;
    background-color: #1e293b !important;
}

/* Fix z-index to ensure content is above background */
body .content-div {
    z-index: 10 !important;
    position: relative !important;
}

body #background-div {
    z-index: 0 !important;
}

body #background-svg {
    z-index: 0 !important;
}

/* Manifold background canvas - Must be above base background, below content */
#manifold-background {
    z-index: 0 !important;
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    pointer-events: none !important;
    background: transparent !important;
    display: block !important;
    visibility: visible !important;
    opacity: 0.8 !important;
    /* Increased from 0.5 for better visibility */
}

/* Ensure content is above manifold */
body .content-div {
    z-index: 10 !important;
    position: relative !important;
}

/* Ensure background-div is below manifold */
body #background-div {
    z-index: -1 !important;
    position: relative !important;
}

/* Hide home icon in navigation */
.navbar-icon[href="/"],
.navbar a[href="/"]:first-child,
.navbar-brand[href="/"],
a.navbar-icon[href="/"],
.navbar .navbar-icon:first-child {
    display: none !important;
    visibility: hidden !important;
}

/* Hide home link if it's the first item in toolbar */
.toolbar a[href="/"]:first-child,
nav a[href="/"]:first-child {
    display: none !important;
}

/* Landing page - centered and simple */
.landing-content {
    text-align: center !important;
    max-width: 600px !important;
    margin: 0 auto !important;
    padding: 4rem 2rem !important;
    min-height: 60vh !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: center !important;
}

.landing-title {
    font-size: 4rem !important;
    font-weight: 700 !important;
    margin: 0 0 1rem 0 !important;
    background: linear-gradient(135deg, #4f46e5 0%, #4338ca 100%) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    background-clip: text !important;
    color: #4f46e5 !important;
}

.landing-subtitle {
    font-size: 1.5rem !important;
    color: #94a3b8 !important;
    margin: 0 0 2rem 0 !important;
    font-weight: 400 !important;
}

a.learn-more-btn,
.learn-more-btn,
.landing-content .learn-more-btn,
body .learn-more-btn {
    display: inline-block !important;
    padding: 0.75rem 2rem !important;
    background: linear-gradient(135deg, #ff8c5a 0%, #ff8c5a 100%) !important;
    background-color: #ff8c5a !important;
    color: #f1f5f9 !important;
    text-decoration: none !important;
    border-radius: 6px !important;
    font-weight: 500 !important;
    transition: transform 0.2s ease, box-shadow 0.2s ease !important;
    margin-top: 1rem !important;
    border: none !important;
}

a.learn-more-btn:hover,
.learn-more-btn:hover,
.landing-content .learn-more-btn:hover,
body .learn-more-btn:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 12px rgba(255, 140, 90, 0.5) !important;
    color: #f1f5f9 !important;
    background: linear-gradient(135deg, #ff8c5a 0%, #ff8c5a 100%) !important;
    background-color: #ff8c5a !important;
}

/* Footer - sticky footer at bottom of page */
html,
body {
    min-height: 100vh !important;
    display: flex !important;
    flex-direction: column !important;
}

body {
    flex: 1 !important;
}

body .container {
    flex: 1 !important;
    display: flex !important;
    flex-direction: column !important;
}

body .content-div {
    flex: 1 !important;
}

/* Footer - appears at bottom of page with copyright only */
.site-footer {
    text-align: center !important;
    padding: 3rem 1rem 2rem 1rem !important;
    margin-top: auto !important;
    border-top: 1px solid #1e293b !important;
    background: rgba(11, 14, 23, 0.6) !important;
    color: #94a3b8 !important;
    font-size: 0.875rem !important;
    width: 100% !important;
    position: relative !important;
    clear: both !important;
    flex-shrink: 0 !important;
}

.site-footer p {
    margin: 0 !important;
    color: #94a3b8 !important;
    opacity: 0.8 !important;
}

/* Hide theme footer social links */
footer.theme-footer,
footer a[href*="github"],
footer a[href*="linkedin"],
footer a[href*="twitter"],
footer a[href*="facebook"],
footer .social-links,
footer .social,
footer .fa-github,
footer .fa-linkedin,
footer .fa-twitter,
footer .fa-facebook,
footer i.fa,
footer .icon {
    display: none !important;
    visibility: hidden !important;
}

/* Hide any social media links in footer */
footer a[href^="https://github.com"],
footer a[href^="https://www.linkedin.com"],
footer a[href^="https://twitter.com"],
footer a[href^="https://www.facebook.com"] {
    display: none !important;
    visibility: hidden !important;
}

/* Global right margin for manifold space - shift content left */
/* Adjust margins to account for removed sidebar */
body .container,
body .wrapper {
    margin-right: 8% !important;
    margin-left: 8% !important;
    max-width: 84% !important;
    padding-right: 2rem !important;
    padding-left: 2rem !important;
}

body .content-div {
    margin-right: 0 !important;
    margin-left: 0 !important;
    max-width: 100% !important;
    padding-right: 0 !important;
    padding-left: 0 !important;
}

/* Landing page should be centered */
.landing-page .content-div,
body .landing-page .container {
    margin-right: auto !important;
    margin-left: auto !important;
    max-width: 800px !important;
    padding: 0 2rem !important;
}

/* Navigation - Custom header with jetbundle brand */
/* CRITICAL: Hide ALL theme navigation first - maximum specificity */
html body>nav:not(header nav):not(.navbar-container):not(.site-navbar),
html body>aside:not(header aside),
html body>.toolbar:not(.navbar-container):not(.navbar-menu),
html body>.sidebar,
html body .toolbar:not(.navbar-container):not(.navbar-menu):not(.site-navbar),
html body .sidebar:not(header .sidebar),
body>nav:not(header nav):not(.navbar-container):not(.site-navbar),
body>aside:not(header aside),
body>.toolbar:not(.navbar-container):not(.navbar-menu),
body>.sidebar,
.toolbar:not(.navbar-container):not(.navbar-menu):not(.site-navbar),
.sidebar:not(header .sidebar) {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    position: absolute !important;
    left: -9999px !important;
    width: 0 !important;
    height: 0 !important;
    overflow: hidden !important;
    pointer-events: none !important;
}

/* Our custom header - ensure it's visible and on top */
header.site-header,
header.site-header.navbar,
header.site-header .navbar,
header.site-header .site-navbar {
    background: rgba(17, 24, 39, 0.95) !important;
    backdrop-filter: blur(10px) !important;
    border-bottom: 1px solid #1e293b !important;
    padding: 1rem 0 !important;
    position: sticky !important;
    top: 0 !important;
    z-index: 10000 !important;
    width: 100% !important;
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    margin: 0 !important;
}

.navbar-container {
    max-width: 1200px !important;
    margin: 0 auto !important;
    padding: 0 2rem !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 3rem !important;
}

/* Jetbundle brand logo - must be visible and clickable */
.navbar-brand,
.navbar .navbar-brand,
nav .navbar-brand,
header .navbar-brand,
a.navbar-brand,
a.jetbundle-logo,
header a.navbar-brand,
header a.jetbundle-logo {
    color: #4f46e5 !important;
    font-size: 1.75rem !important;
    font-weight: 700 !important;
    text-decoration: none !important;
    margin-right: 0 !important;
    background: linear-gradient(135deg, #4f46e5 0%, #4338ca 100%) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    background-clip: text !important;
    display: inline-block !important;
    visibility: visible !important;
    opacity: 1 !important;
    pointer-events: auto !important;
    cursor: pointer !important;
    position: relative !important;
    z-index: 10001 !important;
    padding: 0.5rem 1rem !important;
    transition: all 0.2s ease !important;
    text-shadow: none !important;
}

.navbar-brand:hover,
.navbar .navbar-brand:hover,
header .navbar-brand:hover,
a.navbar-brand:hover,
a.jetbundle-logo:hover,
header a.navbar-brand:hover,
header a.jetbundle-logo:hover {
    color: #6366f1 !important;
    -webkit-text-fill-color: #6366f1 !important;
    transform: scale(1.1) !important;
    text-shadow: 0 0 12px rgba(79, 70, 229, 0.6) !important;
    transition: all 0.2s ease !important;
    opacity: 1 !important;
}

.navbar-menu {
    display: flex !important;
    gap: 2rem !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
}

.navbar-link,
.navbar-menu a {
    color: #94a3b8 !important;
    text-decoration: none !important;
    font-weight: 500 !important;
    font-size: 1rem !important;
    padding: 0.5rem 0.5rem !important;
    transition: color 0.2s ease, transform 0.2s ease !important;
    display: inline-block !important;
    white-space: nowrap !important;
}

.navbar-link:hover,
.navbar-menu a:hover {
    color: #4f46e5 !important;
    text-shadow: 0 0 6px rgba(79, 70, 229, 0.4) !important;
    transform: translateY(-2px) !important;
}

/* Ensure navigation items are clickable (no dropdowns) */
.toolbar a,
nav a,
.navbar a,
.navbar-link {
    display: inline-block !important;
    text-decoration: none !important;
}

/* Remove dropdown indicators */
.toolbar a::after,
nav a::after,
.navbar a::after,
.navbar-link::after {
    display: none !important;
    content: none !important;
}

/* Ensure our custom navigation is visible */
header .navbar,
.navbar-container {
    display: flex !important;
}

/* Hide theme's default home icon if it appears */
.navbar-icon[href="/"]:not(.navbar-brand),
.toolbar a[href="/"]:first-child:not(.navbar-brand) {
    display: none !important;
}

/* HIDE THEME'S SIDEBAR/TOOLBAR COMPLETELY - Maximum specificity */
html body aside,
html body .sidebar,
html body .toolbar:not(.navbar-container):not(.navbar-menu),
html body nav.toolbar:not(header nav):not(.navbar-container),
html body .side-nav,
html body .nav-sidebar,
html body aside.toolbar,
html body .toolbar-sidebar,
html body #sidebar,
html body #toolbar,
html body [class*="sidebar"]:not(.navbar-menu):not(.navbar-container),
html body [class*="toolbar"]:not(.navbar-container):not(.navbar-menu),
html body [id*="sidebar"],
html body [id*="toolbar"],
body aside,
body .sidebar,
body .toolbar:not(.navbar-container):not(.navbar-menu),
body nav.toolbar:not(header nav):not(.navbar-container),
body .side-nav,
body .nav-sidebar {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    width: 0 !important;
    height: 0 !important;
    overflow: hidden !important;
    position: absolute !important;
    left: -9999px !important;
    pointer-events: none !important;
}

/* Hide any theme navigation that's not our custom header */
body>nav:not(header nav):not(.navbar-container),
body>aside:not(header aside),
body>.toolbar:not(.navbar-container):not(.navbar-menu),
body>.sidebar {
    display: none !important;
    visibility: hidden !important;
}

/* Hide any links with "Home" or "jetbundleHome" text (handled by JavaScript) */

/* Ensure only our custom header is visible and functional */
header.site-header .navbar,
header.site-header .navbar-container,
header.site-header .navbar-menu,
header.site-header .navbar-link,
header.site-header .navbar-brand {
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    pointer-events: auto !important;
}

header.site-header .navbar-link,
header.site-header .navbar-brand {
    cursor: pointer !important;
    pointer-events: auto !important;
    z-index: 10001 !important;
}

/* Ensure jetbundle brand is never hidden */
a.jetbundle-logo,
a.navbar-brand[href="/"],
header a[href="/"].navbar-brand {
    display: inline-block !important;
    visibility: visible !important;
    opacity: 1 !important;
    pointer-events: auto !important;
    cursor: pointer !important;
}