/*
Theme Name: SafeListWorld Premium (Gold & Charcoal)
Description: Customized LFMTE Theme for High-Velocity Traffic Exchange
Version: 1.0 (2026 Master Build)
*/

@charset "utf-8";

/* --- 1. Main Background & Text --- */
body {
    font-size: 16px;
    font-weight: 400;
    color: #FFFFFF; /* White text for dark mode */
    background-color: #1a1c23; /* Deep Slate Background */
}

/* --- 2. Main Menu Bar (The Command Center) --- */
.lfm_menu_bar {
    background-color: #111317; /* Solid Dark Header */
    padding: 0 0 45px;
    margin-bottom: 20px;
    border-bottom: 1px solid #2a2d37;
}

/* Navigation Tabs (Inactive) */
.lfm_menu_bar .navbar-nav > .nav-item > .nav-link {
    font-size: 15px;
    color: #A0A0A0; /* Muted Grey */
    font-weight: 600;
    text-transform: uppercase;
}

/* Navigation Tabs (Hover) */
.lfm_menu_bar .navbar-nav > .nav-item > .nav-link:hover {
    background-color: #2a2d37;
    color: #FFB800; /* Gold Hover */
}

/* Navigation Tabs (Opened/Active) */
.lfm_menu_bar .navbar-nav > .nav-item.lfm_tab_opened > .nav-link {
    color: #111317;
    background-color: #FFB800; /* Gold Active Tab */
}

/* Gap Fix for Active Tab Desktop */
@media (min-width: 992px) {
    .lfm_menu_bar .navbar-nav > .nav-item.lfm_tab_opened > .nav-link:after {
        background-color: #FFB800;
        border: none;
    }
}

/* --- 3. Second Level Dropdown Menu --- */
.lfm_menu_tab {
    background-color: #111317;
    border: 1px solid #FFB800; /* Gold Border on Dropdowns */
}

.lfm_menu_tab > li > a {
    color: #FFFFFF;
    border-bottom: 1px solid #2a2d37;
}

.lfm_menu_tab > li > a:hover {
    color: #FFB800;
    background-color: #1a1c23;
}

/* --- 4. Buttons (Primary Action) --- */
.buttonlink {
    cursor: pointer;
    background-color: #FFB800; /* Gold Button */
    border-radius: 4px;
    border: none;
    display: inline-block;
    color: #111317; /* Dark text on Gold */
    font-family: "Inter", sans-serif;
    font-size: 18px;
    font-weight: 800;
    padding: 10px 20px;
    text-transform: uppercase;
    transition: 0.3s ease;
}

.buttonlink:hover {
    color: #111317;
    background-color: #FFFFFF; /* White on Hover */
    text-decoration: none;
    box-shadow: 0 0 15px rgba(255, 184, 0, 0.4);
}

/* --- 5. Info Bars & Footers --- */
.infobar {
    background-color: #111317;
    border-top: 1px solid #FFB800;
    color: #FFFFFF;
}

.lfm_footer {
    background-color: #0b0d11; /* Pitch Black Footer */
    padding: 40px 0;
    border-top: 1px solid #2a2d37;
}

/* --- 6. Typography Overrides --- */
.lfm_title {
    font-family: "Arial Black", sans-serif;
    color: #FFB800; /* Gold Titles */
    font-size: 32px;
    letter-spacing: -1px;
}

.lfm_descr {
    color: #A0A0A0;
    font-size: 16px;
}

.lfm_descr_bold {
    color: #FFFFFF;
    font-weight: 700;
}

/* --- Unjam the Frame --- */
.main-content-wrapper, .container.pt-4.pb-5 {
    max-width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
}

.lfm_outerdiv {
    width: 100vw;
    overflow-x: hidden;
}

/* Force the sales section to fill the height without scrolling */
.single-screen-hero {
    height: calc(100vh - 100px); /* Subtracts header height */
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #1a1c23;
}

/* --- Center Branding & Spaced Nav --- */
.lfm_menu_bar {
    background-color: #111317 !important;
    padding: 20px 0 !important;
    border-bottom: 2px solid #2a2d37;
}

/* Centers the Logo area */
.navbar {
    flex-direction: column !important; 
    align-items: center !important;
}

.lfm_menu_logo {
    max-height: 60px !important;
    margin-bottom: 15px;
    filter: drop-shadow(0 0 10px rgba(255, 184, 0, 0.3));
}

/* Un-clusters the Home/Login/Signup/FAQ links */
.navbar-nav {
    flex-direction: row !important;
    justify-content: center !important;
    width: 100%;
}

.lfm_menu_tab {
    display: flex !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin: 0 !important;
    list-style: none;
}

.lfm_menu_tab li {
    margin: 0 15px; /* Spacing between links */
}

.lfm_menu_tab li a {
    color: #FFB800 !important; /* Best looking color for this site */
    font-weight: 800 !important;
    text-transform: uppercase;
    font-size: 14px;
    letter-spacing: 1px;
    text-decoration: none;
    border-bottom: 2px solid transparent;
    transition: 0.3s;
}

.lfm_menu_tab li a:hover {
    color: #FFFFFF !important;
    border-bottom: 2px solid #FFB800;
}

/* Hide the redundant "Home" parent toggle since we are showing all links */
.nav-link[role="button"] {
    display: none !important;
}

/* Space out the Top Menu Links */
.lfm_menu_tab {
    display: flex !important;
    justify-content: center !important;
    background: transparent !important;
    border: none !important;
}

.lfm_menu_tab li {
    margin: 0 15px !important; /* This creates the "Relaxed" space */
}

.lfm_menu_tab li a {
    color: #FFB800 !important;
    font-weight: 800 !important;
    text-transform: uppercase;
}

/* Force the sections to fit the screen frame */
section.pt-5.pb-5 {
    height: 45vh !important; /* Cuts the height in half so both fit on one screen */
    display: flex;
    align-items: center;
    overflow: hidden;
}

.container.pt-4.pb-5 {
    max-width: 100% !important;
    padding: 0 !important;
}