/*
Theme Name: Dordrecht Site Taxi 24 V4.9 FINAL
Author: Riyaan Taxi
Version: 4.9
*/
html,body{margin:0;padding:0;width:100%;overflow-x:hidden;font-family:Arial,sans-serif;color:#111}

.hero{
 width:100vw;
 min-height:45vh;
 background:url('hero.jpg') center/cover no-repeat;
 display:flex;
 align-items:center;
 justify-content:center;
}

.overlay{
 background:rgba(0,0,0,.65);
 padding:26px 22px; /* reduced right padding */
 max-width:820px;
 text-align:center;
 color:#FFD200;
}

.btn{
 background:#FFD200;
 color:#111;
 padding:16px 18px; /* tighter left/right */
 margin:10px auto;
 display:flex;
 align-items:center;
 justify-content:center;
 gap:10px;
 font-weight:bold;
 font-size:18px;
 border-radius:999px;
 text-decoration:none;
 max-width:95%; /* keeps away from edges evenly */
}

.services{padding:40px 20px}
.services ul{max-width:600px;margin:auto;list-style:none;padding:0}
.services li{padding:12px;border-bottom:1px solid #ddd}

.booking{background:#FFF6D8;padding:45px 20px}
.booking form{max-width:520px;margin:auto}
.booking label{font-weight:bold;display:block;margin:6px 0}
.booking input,.booking textarea,.booking button{
 width:100%;padding:14px;margin-bottom:14px;border-radius:8px;
 border:1px solid #d6c88f;font-size:16px;background:#fff
}
.booking button{background:#FFD200;font-weight:bold;border:none}

@media(max-width:768px){
 .hero{min-height:38vh}
 .btn{max-width:92%}
}