/*
Theme Name: Model Car Finder
Text Domain: model-car-finder
Description: A fast, visual affiliate-powered model car discovery theme with search, filtering, feed imports, and SEO-conscious browse pages.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
License: GPL-2.0-or-later
WPVibe: yes
*/

/* The primary design system lives in theme.css. These rules cover a few
 * semantic templates that must remain styled even before the production
 * Tailwind build is compiled. */

html {
	scroll-behavior: smooth;
}

.mcf-page { padding:62px 0 20px; }
.mcf-page-shell { max-width:860px; }
.mcf-page-header { padding-bottom:24px; border-bottom:1px solid #26313a; margin-bottom:28px; }
.mcf-page-header h1 { margin:8px 0 0; font-family:"Barlow Condensed",sans-serif; text-transform:uppercase; font-size:clamp(2.8rem,6vw,5.2rem); line-height:.95; }
.mcf-page-image { margin:0 0 28px; }
.mcf-page-content { color:#b7c0c8; font-size:1rem; line-height:1.75; }
.mcf-page-content h2 { color:#f5f7f8; font-family:"Barlow Condensed",sans-serif; text-transform:uppercase; font-size:2rem; line-height:1.05; margin:34px 0 10px; }
.mcf-page-content h3 { color:#f5f7f8; margin:28px 0 8px; }
.mcf-page-content a { color:#ff7a45; }
.mcf-page-content p { margin:0 0 18px; }
.mcf-contact-form { display:grid; gap:16px; margin-top:24px; padding:24px; border:1px solid #28333c; background:#11161b; }
.mcf-contact-form label { display:grid; gap:7px; color:#c9d1d7; font-size:.84rem; font-weight:700; }
.mcf-contact-form input,.mcf-contact-form textarea { width:100%; box-sizing:border-box; color:#fff; background:#0b0f13; border:1px solid #34414c; border-radius:4px; padding:12px 13px; font:inherit; }
.mcf-contact-form input:focus,.mcf-contact-form textarea:focus { outline:none; border-color:#ff5a1f; box-shadow:0 0 0 3px rgba(255,90,31,.12); }
.mcf-honeypot { position:absolute; left:-10000px; width:1px; height:1px; overflow:hidden; }
.mcf-form-notice { margin:0 0 18px; padding:12px 14px; border:1px solid #8c4d35; background:#21140f; color:#ffd6c4; }
.mcf-form-success { border-color:#3b6b54; background:#102018; color:#c9f1d8; }
.mcf-footer-links { display:flex; flex-wrap:wrap; gap:10px 16px; margin-top:12px; }
.mcf-footer-links a { color:#9ba7b0; text-decoration:none; }
.mcf-footer-links a:hover { color:#fff; }

/* Final launch overrides kept in style.css so they apply in preview and after publish. */
.mcf-filter { display:block !important; min-width:0; }
.mcf-filter label { display:block !important; margin:0 0 7px; }
.mcf-filter select,
.mcf-filter input { display:block !important; width:100% !important; min-width:0 !important; min-height:44px; box-sizing:border-box; padding:10px 34px 10px 10px; }
.mcf-filters { align-items:stretch; }
.mcf-mobile-nav { display:none; position:relative; }
.mcf-mobile-nav summary { list-style:none; cursor:pointer; border:1px solid #33404a; border-radius:4px; padding:9px 12px; color:#e8edf1; font-size:.82rem; font-weight:800; text-transform:uppercase; letter-spacing:.08em; }
.mcf-mobile-nav summary::-webkit-details-marker { display:none; }
.mcf-mobile-nav nav { position:absolute; right:0; top:calc(100% + 8px); min-width:190px; padding:8px; background:#11161b; border:1px solid #33404a; box-shadow:0 18px 44px rgba(0,0,0,.45); z-index:50; }
.mcf-mobile-nav nav a { display:block; padding:11px 12px; text-decoration:none; color:#dce2e7; border-radius:3px; }
.mcf-mobile-nav nav a:hover,.mcf-mobile-nav nav a:focus { background:#1a2229; color:#fff; }

@media (max-width:620px) {
  .mcf-nav { display:none !important; }
  .mcf-mobile-nav { display:block; }
  .mcf-header-row { min-height:62px; gap:12px; }
  .mcf-brand { font-size:1.35rem; gap:9px; }
  .mcf-search-top { flex-direction:column; }
  .mcf-filters { grid-template-columns:1fr !important; }
  .mcf-product-grid,.mcf-browse-grid { grid-template-columns:1fr !important; }
  .mcf-section-head,.mcf-footer-row { align-items:flex-start; flex-direction:column; }
  .mcf-sort { width:100%; }
}