/* ClickRent — exact approved V10 structural direction.
   Scope: restoring the original hero/search/categories/footer without replacing existing booking/admin forms.
   Colors, original logo and hero photograph match the approved V10 source assets exactly. */
:root{--cr-gradient:linear-gradient(115deg,#ff9f10 0%,#ff5051 34%,#ed007e 67%,#8d00ee 100%)}
body{background:#f6f7fd}
.warningbar{background:#fff5da;color:#75500f;border-bottom:1px solid #f4e4bc;font-size:11px;min-height:28px;padding:7px 12px}
.top{min-height:86px;background:white;box-shadow:0 3px 15px #16204a09;border-bottom:1px solid #e4e8f3}
.topinner{height:86px;max-width:1390px;padding:0 28px;gap:22px}
.logo{width:190px;height:67px;object-fit:contain}
.links{gap:24px;justify-content:center;flex-wrap:nowrap}
.links button{padding:9px 1px;font-size:14px;border-radius:0;color:#313b54;white-space:nowrap}
.links button.current,.links button:hover{color:#9200ea;background:transparent;border-bottom:3px solid #9200ea}
.tools select{font-weight:600;font-size:13px;min-width:106px;background:#fdfdff}
.tools .button.outline{border:1px solid #d7b8ff;border-radius:11px;background:white;color:#841ad3}
.wrap:not(.wrap-home){max-width:1390px;padding-inline:28px}
.wrap-home{max-width:none;width:100%;padding:0;overflow:clip}
/* Original full-bleed hero with physical car on the right in Arabic. */
.wrap-home .hero{width:100%;height:390px;border-radius:0;background:#10172b;position:relative;overflow:hidden;display:block}
.wrap-home .hero::after{content:'';position:absolute;inset:0;background-image:url('/assets/hero_clean.webp');background-repeat:no-repeat;background-size:cover;background-position:center center;z-index:0}
.wrap-home .hero::before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,17,37,.92) 0%,rgba(8,17,37,.82) 30%,rgba(8,17,37,.38) 57%,rgba(8,17,37,.12) 95%);z-index:1}
.wrap-home .hero-inner{position:relative;z-index:2;max-width:1390px;width:calc(100% - 64px);height:100%;margin:auto;display:flex;align-items:center;justify-content:flex-end}
.wrap-home .hero-copy{width:610px;max-width:53%;padding:15px 5px;text-align:right;color:#fff;margin:0}
.wrap-home .hero-eyebrow{color:#ffd5ee;letter-spacing:1.4px;font-size:12px;font-weight:900;direction:ltr}
.wrap-home .hero-copy h1{font-size:clamp(29px,3.6vw,49px);font-weight:900;line-height:1.27;margin:8px 0 14px;text-shadow:0 3px 6px #0003}
.wrap-home .hero-copy h1 em{font-style:normal;background:var(--cr-gradient);-webkit-background-clip:text;background-clip:text;color:transparent;display:inline-block;margin-top:4px}
.wrap-home .hero-copy p{font-size:16px;color:#e6e8f2;line-height:1.8}
.wrap-home .hero-pills{display:flex;gap:13px;flex-wrap:wrap;margin-top:23px}
.wrap-home .hero-pills span{display:inline-flex;align-items:center;gap:7px;border:1px solid #fff4;border-radius:21px;background:#ffffff14;padding:7px 13px;font-size:11px;font-weight:700;color:#fff}
.wrap-home .hero-pills span svg{stroke:#fff}
/* Arabic car on right; English/Chinese mirror the car so it sits left of the hero copy. */
[dir=ltr] .wrap-home .hero::after{transform:scaleX(-1)}
[dir=ltr] .wrap-home .hero::before{background:linear-gradient(270deg,rgba(8,17,37,.93) 0%,rgba(8,17,37,.78) 37%,rgba(8,17,37,.30) 70%,rgba(8,17,37,.08) 100%)}
[dir=ltr] .wrap-home .hero-inner{justify-content:flex-end}
[dir=ltr] .wrap-home .hero-copy{text-align:left}
.v10-home-container{width:min(1390px,calc(100% - 56px));margin:auto}
.wrap-home .searchbar{max-width:1080px;width:calc(100% - 48px);margin:-49px auto 38px;z-index:4;padding:20px 23px;border:1px solid #fff;border-radius:21px;background:#fff;box-shadow:0 18px 55px #13245019}
.wrap-home .searchform{grid-template-columns:1.05fr 1fr 1fr 1.07fr 148px;gap:10px}
.wrap-home .searchbar .button{height:48px;white-space:nowrap;background:var(--cr-gradient);border-radius:12px}
.wrap-home .control{background:#fdfdff;border:1px solid #e5e9f3;border-radius:11px;height:46px;padding:10px 12px;font-size:12px}
.wrap-home .field label{font-size:11px;color:#3d4966;font-weight:800}
.wrap-home .readonly-pickup{display:flex;align-items:center;color:#56617e;font-size:11px;line-height:1.2}
.wrap-home .title-row{margin:30px 0 19px}.wrap-home .title-row h2{font-size:26px;font-weight:900;color:#131d39}
.wrap-home .v10-categories-title{margin-top:32px}
.wrap-home .categories{grid-template-columns:repeat(7,minmax(0,1fr));gap:12px;margin-top:0;margin-bottom:33px}
.wrap-home .category{border-radius:17px;background:#fff;padding:14px 8px 13px;border:1px solid #e6eaf4;box-shadow:0 8px 26px #18204609;gap:9px;color:#20304f;transition:transform .2s,box-shadow .2s,border-color .2s;font-size:12px;min-height:116px}
.wrap-home .category:hover,.wrap-home .category.active{transform:translateY(-3px);background:#fdf9ff;border-color:#ae51ff;color:#8100e6;box-shadow:0 8px 20px #9b26f316}
.wrap-home .cat-icon-back{width:100%;max-width:116px;height:66px;display:flex;align-items:center;justify-content:center;border-radius:13px;background:linear-gradient(135deg,#f5f6fd,#eaf0fd);color:#34445f}
.wrap-home .category svg.category-v6-icon{width:89px;height:44px;overflow:visible;filter:drop-shadow(0 6px 4px rgba(46,43,104,.12));stroke:currentColor;fill:none;stroke-width:2.25}
.wrap-home .tint-0{background:linear-gradient(125deg,#f2ebff,#e7ecff);color:#6434cb}
.wrap-home .tint-1{background:linear-gradient(125deg,#e5f4ff,#eaf3ff);color:#286baf}
.wrap-home .tint-2{background:linear-gradient(125deg,#f2efff,#f8eaff);color:#8a36b3}
.wrap-home .tint-3{background:linear-gradient(125deg,#edf8ff,#e1eefb);color:#3866a8}
.wrap-home .tint-4{background:linear-gradient(125deg,#fff1e3,#fdf1e6);color:#ca741a}
.wrap-home .tint-5{background:linear-gradient(125deg,#eeeaff,#eee6ff);color:#8b40d1}
.wrap-home .tint-6{background:linear-gradient(125deg,#e9f8f5,#e4f5f2);color:#218e87}
.wrap-home .eyebrow{font-size:11px;font-weight:900;letter-spacing:1.2px;color:#a21bea}
.wrap-home .offers{gap:16px}.wrap-home .vehicle{border-radius:16px}
.wrap-home .trust{margin:36px 0 36px}.wrap-home .trust .card{background:white}
/* Original V10 footer hierarchy, colors, and animated social controls. */
.v6-footer{margin-top:64px;padding:58px max(28px,calc((100vw - 1390px)/2)) 0;background:linear-gradient(130deg,#10172b,#151f35 68%,#261a3c);color:#e0e5f3;border-top:1px solid #2f2a48}
.v6-footer-grid{max-width:1390px;margin:auto;display:grid;grid-template-columns:1.7fr 1fr 1fr 1.25fr;gap:45px}
.v6-footer .footer-logo{height:77px;width:245px;object-fit:contain;display:block}
.v6-footer .footer-about p{line-height:2;font-size:13px;color:#b9c4d7;max-width:340px;margin:18px 0 19px}
.v6-footer .footer-mini-title{font-size:12px;color:#d1d9eb;font-weight:850;margin-bottom:11px}
.v6-footer .social-row{display:flex;gap:9px;align-items:center;flex-wrap:wrap;min-height:41px}
.v6-footer .social-link{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:11px;border:1px solid #53607970;background:#ffffff0d;color:#fff;margin:0;transition:transform .22s ease,background .22s ease,border-color .22s}
.v6-footer .social-link svg{width:21px;height:21px}
.v6-footer a.social-link:hover,.v6-footer a.social-link:focus-visible{transform:translateY(-3px);background:#6b28b9;border-color:#b78bea;box-shadow:0 7px 22px #b42ce94a}
.v6-footer .social-link-disabled{opacity:.78;cursor:default}.v6-footer .social-link-disabled:hover{transform:translateY(-3px);border-color:#b78bea;box-shadow:0 7px 22px #b42ce94a}
.v6-footer .footer-column{display:flex;flex-direction:column;align-items:flex-start;gap:13px}
.v6-footer .footer-column h3{margin:7px 0 4px;font-size:16px;color:#fff;font-weight:900}
.v6-footer .footer-column>button,.v6-footer .footer-base button{background:none;border:0;color:#b8c4d9;font:inherit;font-size:13px;padding:0;cursor:pointer;text-align:start}
.v6-footer .footer-column>button:hover,.v6-footer .footer-base button:hover{color:#efc5ff}
.v6-footer .footer-contact span,.v6-footer .footer-contact a{font-size:13px;color:#c8d3e8;display:flex;align-items:center;gap:9px;overflow-wrap:anywhere;margin:0}
.v6-footer .footer-contact span svg,.v6-footer .footer-contact a svg{width:17px;height:17px;color:#c97aef}
.v6-footer .footer-base{max-width:1390px;margin:45px auto 0;padding:20px 0;border-top:1px solid #ffffff1c;display:flex;align-items:center;justify-content:space-between;gap:20px;color:#909fb9;font-size:12px}
.v6-footer .footer-base span:nth-child(2){display:flex;gap:20px}
.v6-footer .footer-base button{font-size:12px}
.float-whatsapp{position:fixed;bottom:77px;inset-inline-start:21px;width:51px;height:51px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#8226c9,#eb0084);color:white;z-index:65;box-shadow:0 8px 24px #981faa66;animation:whatsappPulse 2.5s ease-in-out infinite}
.float-whatsapp svg{width:28px;height:28px}@keyframes whatsappPulse{50%{box-shadow:0 8px 24px #981faa66,0 0 0 8px #b61cc52a}}
/* V10 booking detail, photo thumbnails and right-side reservation card. */
.detail{direction:ltr;grid-template-columns:minmax(0,1fr) 350px;align-items:start;gap:20px}
.detail >div,.detail >aside{direction:rtl;min-width:0}
[dir=ltr] .detail >div,[dir=ltr] .detail >aside{direction:ltr}
.detail .gallery{padding:14px;background:transparent;border:0;box-shadow:none}
.detail .gallery >img#approvedMainPhoto{width:100%;height:360px;max-height:360px;object-fit:cover;border-radius:14px;display:block}
.approved-thumbnails{display:flex;gap:10px;justify-content:flex-end;margin:12px 0 14px;overflow-x:auto;padding:2px}
.approved-thumbnails button{border:2px solid transparent;background:transparent;border-radius:11px;padding:0;flex:none;overflow:hidden;width:76px;height:60px}
.approved-thumbnails button.selected,.approved-thumbnails button:hover{border-color:#a700e8}
.approved-thumbnails button img{width:100%;height:100%;object-fit:cover;border-radius:7px}
.detail .sideBooking{box-shadow:0 9px 28px rgba(30,29,70,.06);border-radius:19px;padding:19px;top:92px}
.detail .sideBooking h2{font-size:17px;display:flex;align-items:center;justify-content:space-between}
.approved-rate-tabs{display:flex;background:#f1f3f9;gap:2px;padding:4px;border-radius:12px;margin:15px 0}
.approved-rate-tabs button{flex:1;background:transparent;border:0;border-radius:9px;padding:8px 6px;font-size:12px;color:#6a7595;font-weight:800}
.approved-rate-tabs button:first-child{background:var(--cr-gradient);color:white}
.detail .sideBooking .choice{background:#fafaff;border:1px solid #e9e4f5}
.detail .sideBooking .choice.active{border:1px solid #9e26e5;background:#f9f2ff;color:#8b18d9}
.detail .sideBooking form .wide:has(input[type=checkbox]) label{display:inline-flex!important;align-items:center;gap:5px;margin:4px!important;padding:9px;border:1px solid #e5e9f3;border-radius:10px;background:#fff}
/* V10 dark rail for admin and company, preserving existing functions. */
.aside{grid-template-columns:235px minmax(0,1fr);gap:18px}
.sidebar.card{background:linear-gradient(160deg,#111a30,#191d3b);border:1px solid #1c2740;color:#dee7ff;box-shadow:none;border-radius:14px;padding:18px 13px;top:93px}
.sidebar button{color:#c5d2ec;font-size:13px;padding:12px 13px}
.sidebar button.selected,.sidebar button:hover{background:linear-gradient(110deg,#6126cd,#8e00eb);color:#fff}
.sidebar a.button{border:1px solid #3b3d68;color:#fff;background:#23264a}
@media(max-width:1100px){.links{gap:12px}.v6-footer-grid{gap:24px}.wrap-home .categories{gap:9px}.v10-home-container{width:calc(100% - 38px)}.detail{grid-template-columns:1fr}.detail .sideBooking{position:static}}
@media(max-width:800px){.topinner{height:auto;min-height:75px}.logo{width:168px}.links{gap:3px;flex-wrap:wrap;justify-content:flex-start}.links button{font-size:12px}.wrap-home .hero{height:345px}.wrap-home .hero-copy{max-width:70%;width:500px}.wrap-home .hero-copy h1{font-size:35px}.wrap-home .searchform{grid-template-columns:1fr 1fr}.wrap-home .searchbar .button{grid-column:1/-1}.wrap-home .categories{display:flex;overflow-x:auto;padding-bottom:12px}.wrap-home .category{min-width:123px}.v6-footer-grid{grid-template-columns:1.4fr 1fr;gap:27px}.v6-footer{margin-top:32px}}
@media(max-width:520px){.topinner{padding:7px 12px;min-height:64px;gap:7px;flex-wrap:wrap}.logo{width:150px;height:50px}.links{order:3;width:100%;justify-content:center}.links button{font-size:11px}.tools{margin-inline-start:auto}.tools select{width:83px;min-width:0;font-size:11px;padding:6px}.tools .button.outline{font-size:11px;padding:7px}.wrap-home .hero{height:320px}.wrap-home .hero-inner{width:calc(100% - 22px)}.wrap-home .hero-copy{max-width:72%;width:310px}.wrap-home .hero-copy h1{font-size:26px}.wrap-home .hero-copy p{font-size:12px}.wrap-home .hero-pills{display:none}.wrap-home .searchbar{width:calc(100% - 16px);padding:13px;margin-top:-28px}.wrap-home .searchform{gap:8px}.wrap-home .field label{font-size:10px}.wrap-home .title-row h2{font-size:21px}.wrap-home .category{min-width:112px;padding:10px}.wrap-home .cat-icon-back{height:56px}.wrap-home .category svg.category-v6-icon{width:80px}.v10-home-container{width:calc(100% - 24px)}.wrap-home .offers{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.wrap-home .vehicle-content{padding:11px}.wrap-home .vehicle img{height:140px}.v6-footer{padding:30px 16px 0}.v6-footer-grid{grid-template-columns:1fr 1fr;gap:27px 16px}.v6-footer .footer-about{grid-column:1/-1}.v6-footer .footer-contact{grid-column:1/-1}.v6-footer .footer-base{flex-wrap:wrap;margin-top:25px;gap:10px;padding:15px 0}}