/* Basic Bootstrap overrides for Waypod */

/* Global Font Family */
* {
    font-family: 'Poppins', sans-serif;
}

body {
    font-family: 'Poppins', sans-serif;
}

/* Home Screen Button Styling */
.home-btn {
    background-color: #3bf4fb !important;
    border-color: #3bf4fb !important;
    color: #231f20 !important;
    font-weight: 500;
    transition: all 0.3s ease !important;
}

.home-btn:hover, .home-btn:focus {
    background-color: #231f20 !important;
    border-color: #231f20 !important;
    color: #3bf4fb !important;
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}

.logo {
    height: 40px;
    width: auto;
}

.logo_footer {
    height: 30px;
    width: auto;
}

 

.navbar-brand .logo {
    max-height: 40px;
}

.contact {
    font-size: 0.9rem;
    color: #6c757d;
}

.required-field::after {
    content: "*";
    color: #dc3545;
    margin-left: 4px;
}

.text-warning {
    color: #ffc107 !important;
}

/* New Waypod Green Button for non-home pages */
 

/* Complete Bootstrap Primary System Override - Green/Charcoal Theme */
/* DEFAULT: Green background with Charcoal text - HOVER: Charcoal background with Green text */
/* MATCHES home-btn styling exactly */
.btn-primary {
    background-color: #3bf4fb !important;
    border-color: #3bf4fb !important;
    color: #231f20 !important;
    font-weight: 500 !important;
    transition: all 0.3s ease !important;
}

.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active {
    background-color: #231f20 !important;
    border-color: #231f20 !important;
    color: #3bf4fb !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2) !important;
}

/* OUTLINE VERSION: Same as home-btn - Green background with Charcoal text */
.btn-outline-primary {
    background-color: #3bf4fb !important;
    border-color: #3bf4fb !important;
    color: #231f20 !important;
    font-weight: 500 !important;
    transition: all 0.3s ease !important;
}

.btn-outline-primary:hover, .btn-outline-primary:focus, .btn-outline-primary:active, .btn-outline-primary.active {
    background-color: #231f20 !important;
    border-color: #231f20 !important;
    color: #3bf4fb !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2) !important;
}

/* Override text-primary color */
.text-primary {
    color: #231f20 !important;
}

/* Link colors */
a {
    color: #231f20 !important;
}

a:hover, a:focus {
    color: #36424d !important;
}

/* Bootstrap blue color overrides - force Green/Charcoal system everywhere */
:root {
    --bs-primary: #3bf4fb !important;
    --bs-primary-rgb: 204, 255, 0 !important;
}

/* Additional button focus state overrides - matching hover behavior */
.btn-primary:focus, .btn-primary.focus {
    background-color: #231f20 !important;
    border-color: #231f20 !important;
    color: #3bf4fb !important;
    box-shadow: 0 0 0 0.2rem rgba(204, 255, 0, 0.25) !important;
}

.btn-outline-primary:focus, .btn-outline-primary.focus {
    background-color: #3bf4fb !important;
    border-color: #3bf4fb !important;
    color: #231f20 !important;
    box-shadow: 0 0 0 0.2rem rgba(204, 255, 0, 0.25) !important;
}

/* Alert and other primary colored elements */
.alert-primary {
    background-color: rgba(204, 255, 0, 0.1) !important;
    border-color: rgba(204, 255, 0, 0.3) !important;
    color: #231f20 !important;
}

.bg-primary {
    background-color: #3bf4fb !important;
}

.border-primary {
    border-color: #3bf4fb !important;
}