/*
Theme Name:   Wheels Insider Theme
Theme URI:    https://wheelsinsider.com/
Author:       Wheels Insider
Author URI:   https://wheelsinsider.com/
Description:  Theme for the Wheels Insider website made by the team.
Version:      1.0.0
License:      GNU General Public License v2 or later
License URI:  http://www.gnu.org/licenses/gpl-2.0.html
Tags:         custom-background, custom-logo, custom-menu, featured-images, block-styles, full-site-editing, wide-blocks
Text Domain:  wheelsinsider
*/

body {
    font-family: 'Inter', sans-serif;
    background-color: #f8fafc;
}

.dark body {
    background-color: #0d1117;
}

#cars-section, #bikes-section, #evs-section {
    scroll-margin-top: 80px;
}

#page-header, #search-bar {
    transition: transform 0.3s ease-in-out;
}

body.search-active #page-header {
    transform: translateY(-100%);
}

body.search-active #search-bar {
    transform: translateY(0);
}

.sun-icon {
    fill: none;
    stroke: currentColor;
    stroke-width: 1.5;
}

.fuel-card {
    transition: all 0.3s ease;
}

.fuel-card:hover {
    transform: translateY(-2px);
}

.section-header h2 {
    font-size: 1.75rem;
    font-weight: 800;
}

.section-header a {
    font-size: 0.875rem;
    font-weight: 600;
    transition: color 0.3s;
}

.font-black {
    font-weight: 900;
}

.hide-scrollbar::-webkit-scrollbar {
    display: none;
}

.hide-scrollbar {
    -ms-overflow-style: none;
    scrollbar-width: none;
}

.line-clamp-3 {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.mobile-menu {
    transform: translateX(-100%);
    transition: transform 0.3s ease-in-out;
}

.mobile-menu.active {
    transform: translateX(0);
}

.footer-mobile-padding {
    padding-bottom: 1.5rem;
}

/*
 * Adjust sticky header position when WordPress Admin Bar is visible
 */
@media screen and (min-width: 783px) {
    body.admin-bar #page-header {
        top: 32px;
    }
}
@media screen and (max-width: 782px) {
    body.admin-bar #page-header {
        top: 46px;
    }
}