/*
Theme Name: B-TRONICS High-Tech Theme
Theme URI: https://sinclabresearch.com/btronics-theme
Author: Antigravity & Sinc Lab Research
Author URI: https://sinclabresearch.com
Description: A premium, highly customizable, responsive, and animated WordPress theme for tech solutions, featuring GSAP animations, clean layouts, and rich aesthetics.
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: btronics
Tags: high-tech, responsive, dynamic, custom-menu, premium-design
*/

/* Custom glow effect for the text */
.text-glow {
    text-shadow: 0 0 20px rgba(255, 255, 255, 0.4);
}

/* Slant utility classes */
.slant-left {
    clip-path: polygon(100% 0, 100% 100%, 10% 100%);
}

.slant-right {
    clip-path: polygon(0 0, 100% 0, 0 100%);
}

/* Custom WordPress Dynamic Menu Styling Overrides */
ul.relative.z-10.hidden.lg\:flex.items-center li a {
    transition: all 0.3s ease;
}

ul.relative.z-10.hidden.lg\:flex.items-center li a:hover {
    color: #a5f3fc !important; /* cyan-200 hover color */
}

#mobile-menu ul li {
    border-bottom: 1px solid rgba(11, 93, 99, 0.5);
}

#mobile-menu ul li:last-child {
    border-bottom: none;
}

#mobile-menu ul li a {
    display: block;
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
    transition: all 0.3s ease;
}

#mobile-menu ul li a:hover {
    color: #a5f3fc !important; /* cyan-200 hover color */
}

/* Custom Brand Utility Fallbacks (Prevents FOUC and guarantees immediate rendering) */
:root {
    --teal-custom: #0b5d63;
    --teal-dark: #084b50;
    --dark-bg: #020b14;
}

.bg-teal-custom {
    background-color: var(--teal-custom) !important;
}

.text-teal-custom {
    color: var(--teal-custom) !important;
}

.bg-teal-dark, .hover\:bg-teal-dark:hover {
    background-color: var(--teal-dark) !important;
}

.text-white {
    color: #ffffff !important;
}

.text-black {
    color: #000000 !important;
}

/* Force single-line layout and prevent menu wrapping on all screen resolutions */
ul.relative.z-10.hidden.lg\:flex.items-center li a,
.gsap-nav button {
    white-space: nowrap !important;
}