/*
Theme Name: BizSupport Theme
Theme URI: https://www.bizsupport.ca/
Author: BizSupport.ca
Author URI: https://www.bizsupport.ca/
Description: A custom, lightweight Bootstrap 5 theme built for BizSupport.ca.
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: bizsupport-theme
Tags: bootstrap, custom, lightweight, one-page
*/

/* --- Google Font Import --- */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');

/* --- Base Styling --- */
body {
    font-family: 'Inter', sans-serif;
    color: #333;
}

h1, h2, h3, h4, h5, h6 {
    font-weight: 700;
}

/* --- Section Background Styling --- */
.bg-cover-overlay {
    position: relative;
    background-size: cover;
    background-position: center center;
    color: #ffffff;
    z-index: 1;
}

.bg-cover-overlay::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.6); /* Default dark overlay */
    z-index: -1;
}

/* Specific overlay colors */
#home.bg-cover-overlay::before {
    background-color: rgba(2, 60, 48, 0.7); /* emerald-900/70 */
}
#about.bg-cover-overlay::before {
    background-color: rgba(51, 65, 85, 0.8); /* slate-800/80 */
}
#contact.bg-cover-overlay::before {
    background-color: rgba(255, 255, 255, 0.9); /* white/90 */
    backdrop-filter: blur(4px);
}

/* --- Sticky Header --- */
.navbar.sticky-top {
    background-color: #ffffff; /* Solid white background */
    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
}

/* --- Shrinky Header Styles --- */
#main-nav {
    /* Smooth transition for padding */
    transition: padding-top 0.3s ease, padding-bottom 0.3s ease;
    /* Explicitly set the default padding */
    padding-top: 1rem;
    padding-bottom: 1rem;
}
#main-nav.scrolled {
    /* Reduced padding when scrolled */
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}

/* --- Custom CTA Section Gradient --- */
.bg-gradient-success {
    background: linear-gradient(to right, #10b981, #059669); /* emerald-600 to green-700 */
}

/* --- Footer Styling --- */
footer {
    background-color: #1e293b; /* slate-900 */
    color: #94a3b8; /* slate-400 */
}
.footer-nav .nav-link {
    color: #94a3b8; /* slate-400 */
    padding-left: 0.75rem;
    padding-right: 0.75rem;
}
.footer-nav .nav-link:hover {
    color: #ffffff;
}