/* ================================
   Global Styles
================================ */
body {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    line-height: 1.6;
    color: #333;
}

a {
    text-decoration: none;
}

a:hover {
    text-decoration: none;
}

/* ================================
   Navbar
================================ */
.navbar-brand {
    font-size: 1.5rem;
}

.navbar .btn {
    font-size: 0.85rem;
}

/* ================================
   Hero Sections
================================ */
section.bg-dark {
    background: #1a1a1a;
    color: #fff;
}

section.bg-light {
    background: #f8f9fa;
}

section.py-5 {
    padding-top: 3rem;
    padding-bottom: 3rem;
}

/* ================================
   Cards
================================ */
.card {
    border-radius: 1rem;
    transition: transform 0.3s, box-shadow 0.3s;
}

.card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 25px rgba(0,0,0,0.1);
}

.card-body h5,
.card-body h6 {
    margin-bottom: 0.5rem;
}

/* ================================
   Buttons
================================ */
.btn-dark {
    background-color: #212529;
    border-color: #212529;
    transition: background-color 0.3s, border-color 0.3s;
}

.btn-dark:hover {
    background-color: #343a40;
    border-color: #343a40;
}

.btn-outline-dark {
    border-color: #212529;
    color: #212529;
}

.btn-outline-dark:hover {
    background-color: #212529;
    color: #fff;
}

/* ================================
   Forms
================================ */
.form-control:focus {
    border-color: #212529;
    box-shadow: 0 0 0 0.2rem rgba(33,37,41,.25);
}

/* ================================
   Footer
================================ */
footer {
    font-size: 0.9rem;
}

footer a {
    color: #fff;
}

footer a:hover {
    color: #ffc107;
}

footer ul li a {
    display: block;
    padding: 3px 0;
}

/* ================================
   Carousel
================================ */
.carousel-inner img {
    border-radius: 0.75rem;
}

/* ================================
   Responsive Adjustments
================================ */
@media (max-width: 768px) {
    .navbar .btn {
        margin-top: 5px;
    }

    .carousel-inner img {
        height: 250px !important;
        object-fit: cover;
    }
}

/* ================================
   Badge for cart count
================================ */
.badge {
    font-size: 0.7rem;
    padding: 0.3em 0.5em;
}

/* ================================
   Misc
================================ */
.text-primary {
    color: #0d6efd !important;
}

.text-success {
    color: #198754 !important;
}

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

.text-dark {
    color: #212529 !important;
}

.shadow-sm {
    box-shadow: 0 .125rem .25rem rgba(0,0,0,.075) !important;
}