/*
Theme Name: Islamabad Rent Car
Theme URI: https://islamabadrentcar.com
Author: IslamabadRentCar.com
Author URI: https://islamabadrentcar.com
Description: Complete WordPress theme for IslamabadRentCar.com — car rental service in Islamabad, Pakistan. Pixel-identical conversion of the original static site with a built-in one-click importer: activating the theme automatically creates all 249 site pages, sets the homepage and configures permalinks. Manage via Appearance → Site Importer.
Version: 1.0.0
Requires at least: 5.9
Tested up to: 6.7
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: islamabadrentcar
Tags: business, custom-theme, car-rental
*/

/* Minimal global fallbacks — real styling ships inside each page's content, exactly as in the original static site. */
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;padding:0;font-family:'Segoe UI',system-ui,sans-serif;line-height:1.65;overflow-x:hidden}
img{max-width:100%;height:auto}

/* Vehicle photos: proportional width/height on every page.
   Page-level CSS (loaded after this) can refine per layout. */
img[src*="assets/vehicles/"]{width:100%;height:auto;max-height:320px;object-fit:contain;object-position:center;display:block}

/* Fleet cards: clean white image area (overrides the old blue gradient frame
   even on pages imported before this fix). */
.cc-img{background:#fff !important;border-bottom:1px solid #eef0f5}
.cc-img img{background:#fff}

/* --- Vehicle detail page: "At a Glance" specifications row --- */
/* These class names appear on 50 vehicle pages but the CSS was missing on
   most of them, so specs stacked as plain text. Define globally here. */
.specs-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px;margin-bottom:28px}
.spec-card{background:#f7f8fa;border:1.5px solid #e2e5eb;border-radius:12px;padding:18px 14px;text-align:center}
.spec-icon{font-size:26px;margin-bottom:7px;line-height:1}
.spec-label{font-size:10px;font-weight:700;color:#a1a1aa;letter-spacing:.6px;text-transform:uppercase;margin-bottom:4px}
.spec-value{font-size:15px;font-weight:800;color:#0f2447;line-height:1.3}

/* --- Vehicle detail page: "Explore Our Fleet" cards --- */
.vehicles-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:16px;margin-top:8px}
.vehicles-grid .vc{display:block;background:#fff;border:1.5px solid #e2e5eb;border-radius:14px;overflow:hidden;text-decoration:none;transition:transform .18s,box-shadow .18s,border-color .18s}
.vehicles-grid .vc:hover{transform:translateY(-4px);box-shadow:0 12px 30px rgba(15,36,71,.13);border-color:#e8a020}
.vehicles-grid .vc-img{height:104px;display:flex;align-items:center;justify-content:center;background:#fff;border-bottom:1px solid #eef0f5;font-size:44px;overflow:hidden}
.vehicles-grid .vc-img img{width:100%;height:100%;object-fit:contain;object-position:center;padding:8px}
.vehicles-grid .vc-body{padding:12px 14px 14px}
.vehicles-grid .vc-name{font-size:14px;font-weight:800;color:#0f2447;margin-bottom:3px;line-height:1.25}
.vehicles-grid .vc-price{font-size:14px;font-weight:900;color:#e8a020}
.vehicles-grid .vc-price small{font-size:11px;font-weight:600;color:#a1a1aa}

/* --- "You May Also Like" / "Explore Our Full Fleet" related cards --- */
.related-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:16px;margin-top:8px}
.related-grid .rel{display:block;background:#fff;border:1.5px solid #e2e5eb;border-radius:14px;overflow:hidden;text-decoration:none;transition:transform .18s,box-shadow .18s,border-color .18s}
.related-grid .rel:hover{transform:translateY(-4px);box-shadow:0 12px 30px rgba(15,36,71,.13);border-color:#e8a020}
.related-grid .rel-img{height:104px;display:flex;align-items:center;justify-content:center;background:#fff;border-bottom:1px solid #eef0f5;font-size:44px;overflow:hidden}
.related-grid .rel-img img{width:100%;height:100%;object-fit:contain;object-position:center;padding:8px}
.related-grid .rel-body{padding:12px 14px 14px}
.related-grid .rel-name{font-size:14px;font-weight:800;color:#0f2447;margin-bottom:3px;line-height:1.25}
.related-grid .rel-price{font-size:14px;font-weight:900;color:#e8a020}
.related-grid .rel-price small{font-size:11px;font-weight:600;color:#a1a1aa}