/* Google Font for Logo */
@import url('https://fonts.googleapis.com/css2?family=Orbitron:wght@700&display=swap');

/* SamByte Solutions - Dark Mode Theme */
:root {
    --bg-primary: #3d3d3d;
    --bg-secondary: #333333;
    --bg-tertiary: #4a4a4a;
    --bg-card: #454545;
    --text-primary: #e0e0e0;
    --text-secondary: #c0c0c0;
    --text-muted: #999999;
    --accent: #4a9eff;
    --accent-hover: #6bb3ff;
    --border: #555555;
}

/* Base */
body, #all { background-color: var(--bg-primary) !important; color: var(--text-primary) !important; }

/* Navbar */
.navbar-default { background-color: var(--bg-secondary) !important; border-color: var(--border) !important; }
.navbar-default .navbar-nav > li > a { color: var(--text-primary) !important; }
.navbar-default .navbar-nav > li > a:hover { color: var(--accent) !important; background-color: var(--bg-tertiary) !important; }
.navbar-default .navbar-nav > .active > a { color: #fff !important; background-color: var(--accent) !important; }
.navbar-default .navbar-nav > .open > a { background-color: var(--bg-tertiary) !important; color: var(--accent) !important; }
.navbar-default .navbar-toggle { border-color: var(--border) !important; }
.navbar-default .navbar-toggle .icon-bar { background-color: var(--text-primary) !important; }
.navbar-default .navbar-collapse { border-color: var(--border) !important; }

/* Logo */
.navbar-brand {
    font-family: 'Orbitron', sans-serif !important;
    font-size: 24px !important;
    font-weight: 700 !important;
    text-transform: uppercase;
    letter-spacing: 2px;
    background: linear-gradient(135deg, #4a9eff 0%, #00d4ff 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}
.navbar-brand:hover {
    background: linear-gradient(135deg, #6bb3ff 0%, #00e5ff 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

/* Dropdown */
.dropdown-menu { background-color: var(--bg-secondary) !important; border-color: var(--border) !important; }
.dropdown-menu > li > a { color: var(--text-primary) !important; }
.dropdown-menu > li > a:hover { background-color: var(--bg-tertiary) !important; color: var(--accent) !important; }

/* Carousel */
.home-carousel {
    position: relative;
    background: url('../img/banner.webp') center center no-repeat !important;
    background-size: cover !important;
}
.home-carousel .dark-mask {
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    background: rgba(0, 0, 0, 0.6) !important;
    z-index: 1;
}
.home-carousel .container { position: relative; z-index: 2; }
.home-carousel h1, .home-carousel p, .home-carousel .lead {
    color: #fff !important;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
}

/* Page Header */
#heading-breadcrumbs { background: var(--bg-tertiary) !important; }
#heading-breadcrumbs h1 { color: var(--text-primary) !important; }
.breadcrumb { background-color: transparent !important; }
.breadcrumb > li, .breadcrumb > li a, .breadcrumb > .active { color: var(--text-secondary) !important; }
.breadcrumb > li + li:before { color: var(--text-muted) !important; }

/* Sections */
section, .bar { background-color: var(--bg-primary) !important; }
.bar.background-gray { background-color: var(--bg-secondary) !important; }
.bar.background-image-fixed-2 { background: linear-gradient(135deg, #2d3436 0%, #1e272e 100%) !important; }

/* Feature Boxes */
.box-simple {
    min-height: 230px;
    background-color: var(--bg-card) !important;
    border: 1px solid var(--border) !important;
    border-radius: 8px;
    padding: 20px;
    transition: all 0.3s ease;
}
.box-simple:hover { border-color: var(--accent) !important; transform: translateY(-5px); box-shadow: 0 10px 30px rgba(0,0,0,0.3); }
.box-simple h3, .box-simple h4 { color: var(--text-primary) !important; }
.box-simple p { color: var(--text-secondary) !important; }

/* Typography */
h1, h2, h3, h4, h5, h6 { color: var(--text-primary) !important; }
p, li, span { color: var(--text-secondary); }
a { color: var(--accent) !important; }
a:hover { color: var(--accent-hover) !important; }
hr { border-color: var(--border) !important; }
blockquote { border-left-color: var(--accent) !important; background-color: var(--bg-secondary) !important; padding: 15px 20px; border-radius: 0 8px 8px 0; }

/* Buttons */
.btn-template-main { background-color: var(--accent) !important; border-color: var(--accent) !important; color: #fff !important; }
.btn-template-main:hover { background-color: var(--accent-hover) !important; border-color: var(--accent-hover) !important; }
.btn-template-transparent-black { border-color: var(--text-primary) !important; color: var(--text-primary) !important; }
.btn-template-transparent-black:hover { background-color: var(--text-primary) !important; color: var(--bg-primary) !important; }

/* Forms */
.form-control { background-color: #fff !important; border-color: #ccc !important; color: #333 !important; }
.form-control:focus { border-color: var(--accent) !important; box-shadow: 0 0 0 2px rgba(74,158,255,0.25) !important; }

/* Footer */
#footer { background-color: var(--bg-secondary) !important; }
#footer h4 { color: var(--text-primary) !important; }
#footer p, #footer li, #footer a { color: var(--text-secondary) !important; }
#footer a:hover { color: var(--accent) !important; }
#copyright { background-color: var(--bg-tertiary) !important; }
#copyright p { color: var(--text-muted) !important; }

/* Icons */
.icon i { color: var(--accent) !important; }

/* White text in hero/CTA sections */
.color-white, .color-white h1, .color-white h2, .color-white h3, .color-white p { color: #fff !important; }