/*
Theme Name: Bogeys Transport Website
Theme URI: https://bogeystransport.com
Author: Bogey's Transport
Description: Custom WordPress theme for Bogey's Transport website with airport transportation, casino transportation, tours and experiences, fleet, and contact pages.
Version: 1.0.0
Requires at least: 5.8
Tested up to: 6.6
Requires PHP: 7.4
License: Private
Text Domain: bogeys-transport
*/

body { margin:0; font-family: Arial, Helvetica, sans-serif; background:#f7f7f7; color:#171717; }
a { color:#111; }
.site-header { background:blue; color:#fff; padding:22px 24px; }
.site-header a { color:#fff; text-decoration:none; }
.site-title { font-size:28px; font-weight:800; margin:0; }
.site-tagline { margin:6px 0 0; color:#ddd; }
.nav { margin-top:18px; display:flex; flex-wrap:wrap; gap:14px; }
.nav a { background:#2b2b2b; padding:9px 12px; border-radius:6px; }
.hero { background:#fff; padding:40px 24px; border-bottom:1px solid #ddd; }
.hero-inner { position: relative; min-height:260px;} , .content { max-width:1100px; margin:0 auto; }
h1 { font-size:42px; line-height:1.1; margin:0 0 16px; }
h2 { font-size:28px; margin-top:34px; }
h3 { font-size:21px; margin-top:24px; }
p, li { font-size:17px; line-height:1.6; }
.button, a.button { display:inline-block; padding:13px 18px; border-radius:7px; background:#111; color:#fff !important; text-decoration:none; font-weight:700; margin:8px 8px 8px 0; }
.secondary-button { background:#444 !important; }
.cards { display:grid; grid-template-columns:repeat(auto-fit,minmax(240px,1fr)); gap:18px; margin-top:20px; }
.card { background:#fff; border:1px solid #ddd; border-radius:10px; padding:20px; box-shadow:0 1px 4px rgba(0,0,0,.06); }
.booking-frame { background:#fff; border:1px solid #ddd; border-radius:10px; padding:14px; margin:22px 0; }
iframe { width:100%; min-height:760px; border:0; border-radius:8px; }
.content { padding:32px 24px 50px; background:#f7f7f7; }
.site-footer { background:blue; color:#eee; padding:24px; text-align:center; }
.site-footer a { color:#111; }
@media (max-width:700px){ h1{font-size:32px;} .hero{padding:28px 18px;} .content{padding:24px 18px;} }

.hero-photo { width:100%; max-height:420px; object-fit:cover; border-radius:14px; margin:18px 0 24px; box-shadow:0 2px 10px rgba(0,0,0,.12); }
.card img { width:100%; height:165px; object-fit:cover; border-radius:8px; margin-bottom:12px; }
.photo-strip { display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:16px; margin:20px 0; }
.photo-strip img { width:100%; height:180px; object-fit:cover; border-radius:10px; }