/*
Theme Name: Valley Limo Theme — Pearl White Gold Experiment
Theme URI: https://www.valleylimoservices.com
Description: EXPERIMENT (staging only) — Pearl White #FDFBF7 + Soft Ivory #F5F2EB + Metallic Gold Foil experiment built on v3.3.7. Custom lightweight luxury theme for Valley Limo Services. Preserves all existing URLs, pages and content; renders existing page content from the WordPress database. Business facts (phone, address, hours) are set in Settings > Valley Limo Facts and should only be hard-coded in one place.
Version: 3.4.22
Requires PHP: 7.4
Text Domain: valleylimo
*/

/* ===== Fleet hub tiles (2026-10-09) ===== */
.vl-fleet-hub{background:linear-gradient(180deg,#2A0714,#1E040D)}
.vl-fleet-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;margin-top:26px}
.vl-fleet-tile{display:block;text-decoration:none}
.vl-fleet-tile-label{display:block;text-align:center;text-transform:uppercase;letter-spacing:.14em;font-size:.8rem;font-weight:700;color:#F3E7CF;margin-bottom:10px}
.vl-fleet-tile-media{display:block;border-radius:14px;overflow:hidden;box-shadow:0 10px 26px rgba(0,0,0,.35)}
.vl-fleet-tile-media img{width:100%;aspect-ratio:1.9/1;object-fit:cover;display:block;transition:transform .35s ease}
.vl-fleet-tile:hover .vl-fleet-tile-media img{transform:scale(1.04)}
@media(max-width:1020px){.vl-fleet-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.vl-fleet-grid{grid-template-columns:1fr}}

/* Pearl fleet hub */
.vl-fleet-hub{background:#F5F2EB}
.vl-fleet-tile-label{color:#1C1C1C}
.vl-fleet-tile-media{border:1px solid #E7DFC9;box-shadow:0 8px 22px rgba(28,28,28,.08)}

/* ===== Fleet mega-menu tiles (2026-10-09) ===== */
.vl-mega-kicker{text-transform:uppercase;letter-spacing:.14em;font-size:.72rem;font-weight:700;color:#C8A24A;margin:0 0 .5rem}
.vl-fleet-tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}
.vl-fleet-menu-tile{display:block;text-decoration:none}
.vl-fleet-menu-media{display:block;border-radius:10px;overflow:hidden}
.vl-fleet-menu-media img{width:100%;aspect-ratio:1.9/1;object-fit:cover;display:block;transition:transform .35s ease}
.vl-fleet-menu-tile:hover .vl-fleet-menu-media img{transform:scale(1.05)}
.vl-fleet-menu-label{display:block;margin-top:.45rem;font-size:.92rem;font-weight:600;color:#F3E7CF}
@media(max-width:1020px){.vl-fleet-tiles{grid-template-columns:repeat(2,1fr)}}

/* Pearl fleet mega-menu */
.vl-fleet-menu-label{color:#1C1C1C}
.vl-fleet-menu-media{border:1px solid #E7DFC9}
.vl-mega-kicker{color:#8C6D1F}

/* ===== Reservations page (2026-10-09) ===== */
.vl-reserve-band{background:linear-gradient(180deg,#2A0714,#1E040D)}
.vl-reserve-card{max-width:820px;margin:26px auto 0;background:#FDFBF7;border-radius:16px;padding:1.8rem;box-shadow:0 18px 44px rgba(0,0,0,.35);text-align:left}
.vl-reserve-form h3{font-family:"Playfair Display",Georgia,serif;color:#5A0E24;margin:1.3rem 0 .6rem;font-size:1.15rem}
.vl-reserve-form h3:first-child{margin-top:0}
.vl-reserve-form label{display:block;margin-bottom:.8rem;font-size:.88rem;font-weight:600;color:#363636}
.vl-reserve-form input,.vl-reserve-form select,.vl-reserve-form textarea{width:100%;margin-top:.3rem;padding:.65rem .7rem;border:1px solid #D8D2C4;border-radius:8px;background:#fff;font:inherit}
.vl-before-book{max-width:820px;margin:22px auto 0;text-align:left;background:rgba(200,162,74,.12);border:1px solid rgba(200,162,74,.35);border-radius:12px;padding:1.2rem 1.4rem}
.vl-before-book h3{margin:0 0 .6rem;color:#F3E7CF}
.vl-before-book li{color:#EDE6D6;margin-bottom:.4rem}
@media(max-width:640px){.vl-reserve-card{padding:1.2rem}}

/* Pearl reservations */
.vl-reserve-band{background:#F5F2EB}
.vl-reserve-card{border:1px solid #E7DFC9;box-shadow:0 10px 26px rgba(28,28,28,.08)}
.vl-reserve-form h3{color:#1C1C1C}
.vl-before-book{background:#FDFBF7;border-color:#E7DFC9}
.vl-before-book h3{color:#1C1C1C}
.vl-before-book li{color:#363636}

/* ===== Points of Interest (homepage, 2026-10-09) ===== */
.vl-poi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.4rem;margin-top:1.6rem;text-align:left}
.vl-poi-card{background:rgba(253,251,247,.06);border:1px solid rgba(200,162,74,.35);border-radius:14px;padding:1rem}
.vl-poi-media{display:block;border-radius:10px;overflow:hidden;margin-bottom:.8rem}
.vl-poi-media img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block}
.vl-poi-card h3{margin:.2rem 0 .25rem;font-size:1.05rem;color:#F3E7CF}
.vl-poi-area{text-transform:uppercase;letter-spacing:.12em;font-size:.72rem;font-weight:700;color:#C8A24A;margin:0 0 .5rem}
.vl-poi-card p{color:#EDE6D6;font-size:.92rem;margin:0}
.vl-poi-more{text-align:center;margin-top:1.6rem}
@media(max-width:1020px){.vl-poi-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.vl-poi-grid{grid-template-columns:1fr}}

/* Pearl points of interest */
.vl-poi-card{background:#FDFBF7;border-color:#E7DFC9}
.vl-poi-card h3{color:#1C1C1C}
.vl-poi-card p{color:#363636}
.vl-poi-area{color:#8C6D1F}
a.vl-poi-card{display:block;text-decoration:none;color:inherit}
/* Fleet hub matching reference (centered last row) */
.vl-fleet-grid--ref{display:flex;flex-wrap:wrap;justify-content:center}
.vl-fleet-grid--ref .vl-fleet-tile{flex:0 1 calc(33.333% - 18px)}
@media(max-width:1020px){.vl-fleet-grid--ref .vl-fleet-tile{flex-basis:calc(50% - 13px)}}
@media(max-width:640px){.vl-fleet-grid--ref .vl-fleet-tile{flex-basis:100%}}

/* ===== Homepage maps (2026-10-09) ===== */
.vl-maps-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.4rem;margin-top:1.4rem}
.vl-map-frame iframe{width:100%;height:450px;display:block;border-radius:14px}
.vl-map-cap{text-align:center;margin:.6rem 0 0;color:#EDE6D6;font-size:.92rem}
@media(max-width:820px){.vl-maps-grid{grid-template-columns:1fr}.vl-map-frame iframe{height:340px}}

/* Pearl homepage maps */
.vl-map-cap{color:#363636}

/* Lead form error (2026-10-09) */
.vl-form-error{background:#FDECEA;border:1px solid #C0392B;color:#7B1F14;border-radius:10px;padding:.7rem 1rem;font-weight:600}