/*
Theme Name: London Car Buyer
Theme URI: https://londoncarbuyer.co.uk
Author: London Car Buyer
Author URI: https://londoncarbuyer.co.uk
Description: A professional car buying service theme for London Car Buyer. Features customizable contact details, logo, and modern responsive design optimized for the Greater London market.
Version: 1.0.0
Requires at least: 5.0
Tested up to: 6.4
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: londoncarbuyer
Tags: one-column, custom-logo, custom-menu, featured-images, theme-options, translation-ready
*/

/* Base Styles */
body {
  font-family: 'Inter', sans-serif;
}

/* WordPress Admin Bar Support */
.admin-bar #main-nav {
  top: 32px;
}

@media screen and (max-width: 782px) {
  .admin-bar #main-nav {
    top: 46px;
  }
}

/* Navigation Styles */
.nav-scrolled {
  background-color: rgba(255, 255, 255, 0.98) !important;
  backdrop-filter: blur(10px);
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
}

.nav-scrolled .nav-link {
  color: #374151 !important;
}

.nav-scrolled .nav-link:hover {
  color: #DC2626 !important;
}

.nav-scrolled .mobile-menu-btn {
  color: #374151 !important;
}

.nav-scrolled .logo-text {
  color: #1F2937 !important;
}

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

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

.mobile-menu-overlay {
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
}

.mobile-menu-overlay.open {
  opacity: 1;
  visibility: visible;
}

/* UK Number Plate Style */
.uk-plate-input {
  background: linear-gradient(to bottom, #FFD500 0%, #F7C600 100%);
  border: 3px solid #000 !important;
  border-radius: 8px;
  font-family: 'UK Number Plate', 'Courier New', monospace;
  font-weight: 700;
  font-size: 1.25rem;
  letter-spacing: 2px;
  color: #000;
  text-transform: uppercase;
  text-align: center;
  box-shadow: inset 0 2px 4px rgba(0,0,0,0.1), 0 2px 4px rgba(0,0,0,0.1);
}

.uk-plate-input::placeholder {
  color: #666;
  opacity: 0.7;
}

.uk-plate-input:focus {
  outline: none;
  border-color: #000 !important;
  box-shadow: inset 0 2px 4px rgba(0,0,0,0.1), 0 0 0 3px rgba(247, 198, 0, 0.5);
}

/* FAQ Accordion Styles */
.faq-item {
  overflow: hidden;
}

.faq-answer {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s ease-out, padding 0.3s ease-out;
}

.faq-answer.open {
  max-height: 500px;
  transition: max-height 0.5s ease-in;
}

.faq-icon {
  transition: transform 0.3s ease;
}

.faq-icon.rotate {
  transform: rotate(180deg);
}