/*
Theme Name: MotoCD Performance
Description: High-performance WordPress theme for Cogent Dynamics - eliminates bloat while maintaining exact design
Version: 1.0
Author: Steve Reynolds
*/

/* This file is required by WordPress but styles are in index.php for performance */

<style>
        * { margin: 0; padding: 0; box-sizing: border-box; }
        body { font-family: Arial, sans-serif; }
        /* Header */
        .header { 
            background: white; 
            padding: 1rem 0; 
            border-bottom: 1px solid #eee; 
        }
        .header-container { 
            max-width: 1200px; 
            margin: 0 auto; 
            padding: 0 1rem; 
            display: flex; 
            justify-content: space-between; 
            align-items: center; 
        }
        .logo { 
            font-size: 1.5rem; 
            font-weight: bold; 
            color: #2c5aa0; 
            text-decoration: none; 
        }
        
        /* Cart Icon - Simple and Clear */
        .cart-info {
            display: flex;
            align-items: center;
            gap: 0.5rem;
            font-weight: 500;
            color: #333;
        }
        .cart-icon {
            font-size: 18px;
            color: #333;
        }
        .cart-icon::before {
            content: '🛒';
        }

<style>



/* Hover effects */
a:hover div {
    transform: translateY(-2px);
}

a[style*="background: #ff6600"]:hover {
    background: #e55a00 !important;
}

/* Mobile responsive */
@media (max-width: 768px) {
    div[style*="display: flex"] {
        flex-direction: column !important;
    }
    
    div[style*="flex: 1"] {
        min-width: 100% !important;
    }
    
    h2 {
        font-size: 1.3rem !important;
    }
}
</style>


/* Header Bike Search Styling - Works with your header structure */


/* Force larger bike search - override everything */
div.header-bike-search select#make-dropdown,
div.header-bike-search select#model-dropdown,
div.header-bike-search button#find-parts-btn {
    padding: 16px 19px !important;
    font-size: 18px !important;
    height: 56px !important;  /* Increased from 48px to 56px */
    min-width: 160px !important;
    border: 2px solid #ccc !important;
    border-radius: 5px !important;
    line-height: 1.2 !important;  /* Added for better text spacing */
}

div.header-bike-search button#find-parts-btn {
    background: #ff6b35 !important;
    color: white !important;
    border-color: #ff6b35 !important;
    font-weight: bold !important;
    min-width: 96px !important;
}

div.header-bike-search {
    gap: 12px !important;
}

.header-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 20px;
}

.header-bike-search {
    display: flex;
    gap: 10px;
    align-items: center;
    margin: 0 20px;
}

.header-bike-search select,
.header-bike-search button {
    padding: 8px 12px;
    border: 1px solid #ccc;
    border-radius: 3px;
    font-size: 13px;
    background: white;
    color: #333;
    height: 36px;
}

.header-bike-search select {
    min-width: 120px;
}

.header-bike-search select:disabled {
    opacity: 0.6;
    cursor: not-allowed;
    background: #f5f5f5;
}

.header-bike-search button {
    background: #ff6b35;
    color: white;
    border-color: #ff6b35;
    cursor: pointer;
    transition: background-color 0.3s;
    font-weight: 500;
    min-width: 80px;
}

.header-bike-search button:hover:not(:disabled) {
    background: #e55a2b;
}

.header-bike-search button:disabled {
    background: #ccc;
    border-color: #ccc;
    cursor: not-allowed;
}

@media (max-width: 768px) {
    .header-bike-search {
        display: flex !important; /* Changed from display: none */
        flex-direction: column !important; /* Stack vertically on mobile */
        gap: 8px !important;
        margin: 10px 0 !important;
        width: 100% !important;
    }
    
    div.header-bike-search select#make-dropdown,
    div.header-bike-search select#model-dropdown,
    div.header-bike-search button#find-parts-btn {
        width: 100% !important;
        min-width: auto !important;
        font-size: 16px !important;
        height: 44px !important;
        padding: 12px 16px !important;
    }
    
    .header-container {
        flex-direction: column !important;
        align-items: center !important;
        gap: 15px !important;
    }
}
/* Responsive adjustments */
@media (max-width: 992px) {
    .header-bike-search {
        gap: 8px;
        margin: 0 15px;
    }
    
    .header-bike-search select {
        min-width: 120px;
        font-size: 14px;
    }
    
    .header-bike-search button {
        min-width: 85px;
        font-size: 14px;
    }
}

@media (max-width: 768px) {
    .header-bike-search {
        display: none; /* Hide on mobile to save space */
    }
}

@media (max-width: 768px) {
    .header-bike-search {
        display: none; /* Hide on mobile to save space */
    }
}
     /* Navigation */
        .nav-bar { 
            background: #333; 
			margin: 0 !important;
			padding: 0 !important;
        }
        .nav-container { 
            max-width: 1200px; 
            margin: 0 auto; 
            padding: 0 1rem; 
        }
        .nav { 
            display: flex; 
            list-style: none; 
            margin: 0;
            padding: 0;
        }
        .nav li { 
            position: relative; 
        }
        .nav a { 
            color: white; 
            text-decoration: none; 
            padding: 1rem; 
            display: block; 
            transition: background 0.3s;
        }
        .nav a:hover { 
            background: #555; 
        }
        .nav li:first-child a { 
            background: #ff6600; 
        }
        
        /* Dropdown Menus - HIDDEN by default */
        .dropdown { 
            position: absolute; 
            top: 100%; 
            left: 0; 
            background: white; 
            min-width: 220px; 
            box-shadow: 0 4px 6px rgba(0,0,0,0.1); 
            opacity: 0; 
            visibility: hidden; 
            transform: translateY(-10px);
            transition: all 0.3s ease; 
            z-index: 1000;
        }
        .nav li:hover .dropdown { 
            opacity: 1; 
            visibility: visible; 
            transform: translateY(0);
        }
        .dropdown a { 
            color: #333; 
            padding: 0.75rem 1rem; 
            border-bottom: 1px solid #eee; 
            background: white;
        }
        .dropdown a:hover { 
            background: #f5f5f5; 
            color: #ff6600;
        }
		
		
        /* Content Area */
        .content-area {
            min-height: 400px;
        }
        
        /* Mobile */
        @media (max-width: 768px) {
            .header-container { 
                flex-direction: column; 
                gap: 1rem; 
            }
            .nav { 
                flex-direction: column; 
            }
            .dropdown {
                position: static;
                opacity: 1;
                visibility: visible;
                transform: none;
                box-shadow: none;
                background: #444;
            }
            .dropdown a {
                color: #ccc;
                background: #444;
            }
        }
        
        /* Hide WordPress bloat */
        .wp-block-library-theme { display: none !important; }
        #wpadminbar { display: none !important; }
/* Sticky Footer */
body {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    margin: 0;
}

.content-area {
    flex: 1;
}

footer {
    position: sticky;
    bottom: 0;
    background: #333 !important;
    color: white !important;
    padding: 2rem 0 !important;
    text-align: center !important;
    z-index: 100;
    margin-top: auto;
}



    </style>