/*
Theme Name: RBH Technologies
Theme URI: https://rbhtech.co/
Author: US Engineering Hub
Author URI: https://rbhtech.co/
Description: Premium Digital Marketing and SEO Engineering for Enterprise Growth. High-fidelity custom theme converted from React/Vite/TypeScript single-page experience.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: rbh-technologies
*/

/* --- Google Fonts Integration --- */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap');

/* --- Root Variables & Theme Overrides --- */
:root {
    --font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    --font-display: "Space Grotesk", sans-serif;
    --font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, monospace;

    /* Custom HSL brand colors to match premium design */
    --color-brand-blue: #1e40af; /* Primary dark blue */
    --color-brand-cyan: #06b6d4; /* Vivid cyan accent */
    --color-brand-navy: #0f172a; /* Deep slate navy */
    --color-brand-teal: #14b8a6; /* Vivid teal */
}

/* --- Base Custom Resets & Clean Typography --- */
html {
    scroll-behavior: smooth;
    font-family: var(--font-sans);
}

body {
    background-color: #f8fafc; /* bg-slate-50 equivalent */
    color: #0f172a; /* text-slate-900 equivalent */
    overflow-x: hidden;
}

/* Custom premium scrollbars */
::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}
::-webkit-scrollbar-track {
    background: #f1f5f9;
}
::-webkit-scrollbar-thumb {
    background: #cbd5e1;
    border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
    background: #94a3b8;
}

/* Smooth active menu indicators */
.nav-link-active {
    position: relative;
    color: var(--color-brand-blue) !important;
}
.nav-link-active::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 1rem;
    right: 1rem;
    height: 2px;
    background-color: var(--color-brand-blue);
}

/* Glassmorphism details */
.glass-effect {
    background: rgba(255, 255, 255, 0.85);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
}

/* Micro-animations */
@keyframes fadeIn {
    from { opacity: 0; transform: translateY(8px); }
    to { opacity: 1; transform: translateY(0); }
}

@keyframes scaleIn {
    from { opacity: 0; transform: scale(0.95); }
    to { opacity: 1; transform: scale(1); }
}

.animate-fade-in {
    animation: fadeIn 0.3s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}

.animate-scale-in {
    animation: scaleIn 0.25s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}

/* Hide scrollbars for sliders */
.scrollbar-none::-webkit-scrollbar {
    display: none;
}
.scrollbar-none {
    -ms-overflow-style: none;  /* IE and Edge */
    scrollbar-width: none;  /* Firefox */
}

/* Fix for WordPress Admin Bar overlapping sticky navigation header */
body.admin-bar nav.sticky {
    top: 32px !important;
}

@media screen and (max-width: 782px) {
    body.admin-bar nav.sticky {
        top: 46px !important;
    }
}

@media screen and (max-width: 600px) {
    body.admin-bar nav.sticky {
        top: 0 !important; /* WP Admin bar is absolute on mobile, no sticky gap needed */
    }
}


/* Custom Logo Styling */
.custom-logo {
    max-height: 55px;
    width: auto;
    object-fit: contain;
}