/* Otomobil Kiralama Ankara • Kurumsal 2026 • aşama 1 */
:root{--oka-navy:#142b45;--oka-deep:#0d2138;--oka-red:#d62832;--oka-bg:#f4f7fa;--oka-text:#25364a;--oka-border:#e3eaf1}
body{color:var(--oka-text);background:#fff;font-family:'Open Sans',Arial,sans-serif;-webkit-font-smoothing:antialiased}
a{transition:color .2s ease,background .2s ease,box-shadow .2s ease}
/* Üst alan */
header,.header{position:relative;z-index:100}
.banner{position:relative;background:var(--oka-deep)}
.banner .rev_slider_wrapper,.banner #rev_slider_wrapper{background:var(--oka-deep)!important}
.banner .rev-slidebg{filter:brightness(.68)}
/* Rezervasyon formu: mevcut alanlar ve gönderim korunur */
.banner .reserve-form{z-index:30}
.reserve-form-wrap{background:rgba(255,255,255,.97)!important;border:1px solid rgba(255,255,255,.65);border-radius:18px;box-shadow:0 22px 65px rgba(11,32,56,.22);padding:22px 26px!important}
.reserve-form .form-head{border-bottom:1px solid var(--oka-border);padding-bottom:14px;margin-bottom:18px}
.reserve-form .form-head h2{color:var(--oka-navy)!important;font-size:22px!important;line-height:1.35!important;font-weight:700!important}
.reserve-form label{color:var(--oka-navy)!important;font-weight:700!important;font-size:12px!important;letter-spacing:.03em;margin-bottom:8px}
.reserve-form .input-wrap{margin-bottom:13px}
.reserve-form .form-control,.reserve-form select{min-height:44px!important;border:1px solid #d9e2eb!important;border-radius:9px!important;background:#fff!important;color:var(--oka-text)!important;box-shadow:none!important;padding:10px 36px 10px 13px!important}
.reserve-form .form-control:focus{border-color:var(--oka-navy)!important;box-shadow:0 0 0 3px rgba(20,43,69,.12)!important}
.reserve-form .find-car{border:0!important;border-radius:10px!important;background:var(--oka-red)!important;color:#fff!important;font-weight:700!important;min-height:48px!important;box-shadow:0 8px 18px rgba(214,40,50,.22);transition:transform .2s,background .2s}
.reserve-form .find-car:hover{background:#b71e29!important;transform:translateY(-2px)}
/* Araç vitrini */
.rental-vehicles{background:var(--oka-bg)!important;padding-top:68px!important;padding-bottom:72px!important}
.rental-vehicles h2{color:var(--oka-navy)!important;font-size:32px!important;font-weight:800!important;letter-spacing:-.025em;text-align:center;margin-bottom:32px!important}
.rental-vehicles h2 span{color:inherit!important}
.type-of-vehicle{margin-bottom:22px!important}
.vehicle-item{background:#fff;border:1px solid var(--oka-border);border-radius:12px;padding:12px 8px;transition:border-color .2s,box-shadow .2s}
.vehicle-item:hover{border-color:#c4d4e4;box-shadow:0 8px 22px rgba(20,43,69,.08)}
.vehicle-item figcaption{color:var(--oka-navy)!important;font-size:13px!important;font-weight:700!important}
.filter-cars{height:100%;background:#fff!important;border:1px solid var(--oka-border)!important;border-radius:15px!important;overflow:hidden;box-shadow:0 7px 24px rgba(20,43,69,.07)!important;transition:transform .2s,box-shadow .2s;margin-bottom:28px!important}
.filter-cars:hover{transform:translateY(-4px);box-shadow:0 15px 34px rgba(20,43,69,.15)!important}
.filter-cars .filter-inner{background:#f8fafc!important;overflow:hidden}
.filter-cars .filter-inner>img{display:block;width:100%!important;height:196px!important;max-height:none!important;max-width:none!important;object-fit:contain;padding:13px}
.filter-car-details{padding:17px 18px 12px!important}
.filter-car-details h5{color:var(--oka-navy)!important;font-size:17px!important;font-weight:800!important;line-height:1.4;min-height:45px;margin:0 0 9px!important}
.filter-car-details span{font-size:13px!important;color:#596b7e!important}
.filter-car-details small{color:var(--oka-red)!important;font-weight:800!important}
.filter-car-more-info{margin:0!important;padding:10px 17px 17px!important;border-top:1px solid var(--oka-border)}
.filter-car-more-info li{color:#596b7e!important;font-size:12px!important}
.filter-car-more-info .orange-btn a{display:block;background:var(--oka-red)!important;color:#fff!important;border-radius:9px;padding:11px 12px!important;font-weight:700;text-align:center}
.filter-car-more-info .orange-btn a:hover{background:#b71e29!important}
.preview-more .button,.read-blog-listing>.button{background:var(--oka-navy)!important;border-radius:10px!important;color:#fff!important;padding:13px 23px!important}
/* Makale vitrininde okunabilir kartlar */
.all-vehicles-wrapper{background:#fff!important;padding:65px 0!important}
.all-vehicles-wrapper .offer-overlay{opacity:.04!important}
.read-blog-wrapper h2{color:var(--oka-navy)!important;font-size:31px!important;font-weight:800!important;text-align:center;margin-bottom:30px!important}
.blog-read-wrap .item{background:#fff!important;border:1px solid var(--oka-border);border-radius:14px;box-shadow:0 7px 26px rgba(20,43,69,.08);padding:22px!important;min-height:240px}
.blog-read-wrap .item h5{font-size:17px!important;line-height:1.45!important;font-weight:800!important;margin-bottom:12px}
.blog-read-wrap .item h5 a{color:var(--oka-navy)!important}
.blog-read-wrap .item p{color:#536579!important;font-size:14px!important;line-height:1.8!important}
.blog-date-comment{color:#8492a4!important}
/* Küçük ekranlar */
@media(max-width:991px){.reserve-form-wrap{padding:18px!important}.rental-vehicles{padding:48px 0!important}.rental-vehicles h2,.read-blog-wrapper h2{font-size:27px!important}}
@media(max-width:767px){.reserve-form-wrap{border-radius:13px;padding:17px!important}.reserve-form .form-head h2{font-size:20px!important}.reserve-form .form-control,.reserve-form select{min-height:46px!important}.rental-vehicles h2,.read-blog-wrapper h2{font-size:24px!important}.filter-cars .filter-inner>img{height:210px!important}.filter-car-details h5{min-height:0}.blog-read-wrap .item{min-height:0}}
@media(prefers-reduced-motion:reduce){.filter-cars,.vehicle-item,.reserve-form .find-car{transition:none!important;transform:none!important}}

/* Aşama 2 - slider ve rezervasyon yerleşimi */
.banner{height:auto!important;background:#edf2f7!important;padding-bottom:42px!important}
.banner #rev_slider_wrapper,.banner #rev_slider_202_1_wrapper,.banner #rev_slider_202_1{height:580px!important;max-height:580px!important;overflow:hidden!important;background:#142b45!important}
.banner .tp-revslider-mainul,.banner .tp-revslider-slidesli,.banner .slotholder,.banner .tp-bgimg{max-height:580px!important}
.banner .tp-bgimg{background-size:contain!important;background-position:center center!important;background-color:#142b45!important}
.banner .reserve-form{position:relative!important;top:auto!important;bottom:auto!important;left:auto!important;right:auto!important;margin:-36px auto 0!important;width:min(1170px,calc(100% - 30px))!important;z-index:40}
.banner .reserve-form-wrap{margin:0!important;width:100%!important}
@media(max-width:767px){.banner #rev_slider_wrapper,.banner #rev_slider_202_1_wrapper,.banner #rev_slider_202_1{height:330px!important;max-height:330px!important}.banner .tp-revslider-mainul,.banner .tp-revslider-slidesli,.banner .slotholder,.banner .tp-bgimg{max-height:330px!important}.banner .reserve-form{margin:-18px auto 0!important;width:calc(100% - 24px)!important}.banner{padding-bottom:28px!important}}

/* Aşama 3 - okunabilir kurumsal hero; eski slider görselleri metinleri kırpıyor */
.banner #rev_slider_202_1_wrapper,.banner #rev_slider_202_1{background:linear-gradient(115deg,#0d2138 0%,#173856 63%,#285878 100%)!important}
.banner .tp-bgimg{opacity:0!important;visibility:hidden!important}
.banner #rev_slider_202_1:before{content:"ANKARA’DA ARAÇ KİRALAMA";position:absolute;z-index:45;top:29%;left:max(8%,calc((100% - 1170px)/2));right:8%;color:#fff;font-size:clamp(30px,4.1vw,58px);line-height:1.16;font-weight:800;letter-spacing:-.035em;text-shadow:0 3px 25px rgba(0,0,0,.12)}
.banner #rev_slider_202_1:after{content:"İhtiyacınıza uygun aracı seçin, online rezervasyonunuzu kolayca oluşturun.";position:absolute;z-index:45;top:49%;left:max(8%,calc((100% - 1170px)/2));right:18%;max-width:680px;color:#e0eaf2;font-size:clamp(17px,1.55vw,22px);line-height:1.65;font-weight:400}
@media(max-width:767px){.banner #rev_slider_202_1:before{top:27%;left:7%;right:7%;font-size:30px}.banner #rev_slider_202_1:after{top:54%;left:7%;right:7%;font-size:15px;line-height:1.5}}

/* Metin katmanı sliderın üzerinde kalmalı */
.banner #rev_slider_202_1_wrapper:before{content:"ANKARA’DA ARAÇ KİRALAMA";position:absolute;z-index:999;pointer-events:none;top:29%;left:max(8%,calc((100% - 1170px)/2));right:8%;color:#fff;font-size:clamp(30px,4.1vw,58px);line-height:1.16;font-weight:800;letter-spacing:-.035em}
.banner #rev_slider_202_1_wrapper:after{content:"İhtiyacınıza uygun aracı seçin, online rezervasyonunuzu kolayca oluşturun.";position:absolute;z-index:999;pointer-events:none;top:49%;left:max(8%,calc((100% - 1170px)/2));right:18%;max-width:680px;color:#e0eaf2;font-size:clamp(17px,1.55vw,22px);line-height:1.65}
@media(max-width:767px){.banner #rev_slider_202_1_wrapper:before{top:27%;left:7%;right:7%;font-size:30px}.banner #rev_slider_202_1_wrapper:after{top:54%;left:7%;right:7%;font-size:15px;line-height:1.5}}