/* =============================================
   OTG / OnTheGoLocator - Main Stylesheet
   ============================================= */

:root {
    --otg-blue: #252a75;
    --otg-blue-light: #267ae1;
    --otg-teal: #0fc8d0;
    --otg-teal-light: #88DBDF;
    --otg-teal-lightest: #B1E4E3;
    --otg-green: #28a745;
    --otg-gold: gold;
    --otg-info: #17a2b8;
    --navbar-height: 115px;
}

html {
    position: relative;
    min-height: 100%;
}

body {
    padding-top: var(--navbar-height);
    margin-bottom: 60px;
    background-color: #f5fafa;
}

section {
    padding: 80px 0;
}

img {
    max-width: 100%;
}

pre,
code {
    background: #f8f8f8;
    color: #333;
}

pre {
    border-left: 2px solid #ccc;
    padding: 10px;
}

code {
    display: inline-block;
    padding: 0 0.5em;
    line-height: 1.4em;
    border-radius: 3px;
}

table {
    empty-cells: show;
    border: 1px solid #cbcbcb;
    width: 100%;
    font-size: 0.9em;
    margin-bottom: 1rem;
}

thead {
    background-color: #e0e0e0;
    color: #000;
    text-align: left;
    vertical-align: bottom;
}

tr {
    display: table-row;
    vertical-align: inherit;
    border-color: inherit;
}

th,
td {
    padding: 0.5em 1em;
}

h1.title,
h2.title {
    font-size: 2.3rem;
}

blockquote {
    padding: 10px 20px;
    margin: 0 0 20px 20px;
    border-left: 5px solid #eee;
    font-style: italic;
}

/* ---- Navbar ---- */
img.nav-svg-icon {
    width: 1rem;
    height: 1rem;
    padding-bottom: 2px;
}

.nav-link {
    font-size: 0.85em;
    transition: color 0.2s ease;
}

.navbar {
    box-shadow: 0 2px 10px rgba(0,0,0,0.3);
}

/* ---- Footer ---- */
footer {
    background-color: #1a1a2e !important;
}

footer a {
    color: #adb5bd;
    text-decoration: none;
    transition: color 0.2s ease;
}

footer a:hover {
    color: var(--otg-teal);
}

.mini-logo {
    height: 22px;
    padding-bottom: 5px;
}

/* ---- Loading Modal ---- */
.LoadingModal {
    display: none;
    position: fixed;
    z-index: 9999;
    text-align: center;
    padding-top: 30%;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: rgba(255, 255, 255, 0.85);
}

.LoadingModal::after {
    content: "Loading...";
    display: block;
    font-size: 1.5rem;
    color: var(--otg-blue);
    margin-top: 1rem;
}

body.Loading .LoadingModal {
    display: block;
    overflow: hidden;
}

/* ---- Listing Cards ---- */
.Item {
    border: 1px solid #dee2e6;
    padding: 10px !important;
    background-color: white !important;
    box-shadow: 0 0.25rem 0.75rem rgba(0,0,0,0.1);
    border-radius: 6px;
    transition: transform 0.15s ease, box-shadow 0.15s ease;
}

.Item:hover {
    transform: translateY(-2px);
    box-shadow: 0 0.5rem 1.5rem rgba(0,0,0,0.15);
}

.Premium {
    filter: drop-shadow(0 0 8px rgba(23, 162, 184, 0.45));
}

.Trusted {
    border: 2px solid var(--otg-green) !important;
}

.Boosted {
    border: 2px solid var(--otg-gold) !important;
}

.Premium.Trusted.Boosted {
    border: 2.5px solid var(--otg-gold) !important;
    box-shadow: 0 0 0 2px var(--otg-green);
    filter: drop-shadow(0 0 8px rgba(23, 162, 184, 0.45));
}

/* ---- Info Badge ---- */
.Info {
    position: absolute;
    top: 0.124rem;
    right: 0.25rem;
    border: 1px solid var(--otg-info) !important;
    border-radius: 50%;
    padding-left: 0.325rem;
    padding-right: 0.325rem;
    color: var(--otg-info) !important;
    cursor: pointer;
    transition: background-color 0.2s ease, box-shadow 0.2s ease;
    font-size: 0.75rem;
    line-height: 1.4;
    user-select: none;
}

.Info:hover {
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.25);
    background-color: var(--otg-info) !important;
    color: white !important;
    border-color: white !important;
}

/* ---- Search/Trailer Results ---- */
.search-result-img {
    object-fit: cover;
    width: 100%;
    height: 180px;
    border-radius: 4px;
}

/* ---- Fleet Cards ---- */
.Fleet {
    border: 1px solid #dee2e6;
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 2px 8px rgba(0,0,0,0.07);
}

.FleetRates {
    background-color: #f8f9fa;
}

/* ---- Account / Forms ---- */
.form-control:focus {
    border-color: var(--otg-blue-light);
    box-shadow: 0 0 0 0.2rem rgba(38, 122, 225, 0.2);
}

/* ---- Plugins ---- */
.plugin {
    margin-top: 3rem;
}

.plugin-label {
    font-size: 1em;
    text-transform: uppercase;
}

.plugin ul {
    list-style: none;
    padding: 0 0 0 10px;
}

.bi {
    margin-right: 0.5rem !important;
}

/* ---- Responsive tweaks ---- */
@media (max-width: 991px) {
    #navbarNav.show {
        background-color: var(--otg-blue);
        text-align: center;
        font-size: 1.4rem;
    }

    #Add_Listing {
        font-size: 1.2rem;
        margin-top: 1rem;
        margin-bottom: 0.5rem;
    }

    section {
        padding: 50px 0;
    }
}

@media (max-width: 576px) {
    .search-result-img {
        height: 200px;
    }
}

/* OTG 2026 visual refresh — component-scoped design tokens */
:root{--navbar-height:72px;--otg-deep:#0d1d50;--otg-ink:#101a3f;--otg-accent:#00c5d5;--otg-sky:#0c84f5}
body{padding-top:0!important;background:#f6f9fd;color:var(--otg-ink);font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif}
#Main{margin-top:72px!important}
.otg-header{position:fixed;top:0;left:0;right:0;z-index:1080;height:72px;background:#172d70!important;box-shadow:0 4px 18px rgba(7,20,57,.17);padding:0 22px}
.otg-header__inner{max-width:1760px;padding:0 16px}
.otg-header .navbar-brand{margin-right:0}
.otg-brand{display:flex;align-items:center;gap:11px;min-width:270px;text-decoration:none!important}
.otg-brand img{width:53px;height:53px;object-fit:contain;border-radius:12px;background:#fff;padding:4px}
.otg-brand__wordmark{color:#fff;display:flex;flex-direction:column;line-height:1.05}
.otg-brand__wordmark strong{font-size:20px;letter-spacing:-.03em;font-weight:800}
.otg-brand__wordmark sup{font-size:10px;margin-left:1px}
.otg-brand__wordmark small{color:#d5e4ff;font-size:10px;letter-spacing:.18em;margin-top:4px}
.otg-header #navbarNav{justify-content:space-between;gap:16px}
.otg-nav-links{align-items:center;gap:3px;margin:auto}
.otg-header .nav-link{font-size:13px;font-weight:600;color:rgba(255,255,255,.82)!important;padding:13px 9px!important;white-space:nowrap}
.otg-header .nav-link:hover,.otg-header .nav-link.active{color:#fff!important}
.otg-header .nav-link.active:after{content:"";display:block;height:2px;background:#fff;border-radius:5px;position:relative;top:10px}
.otg-nav-actions{display:flex;align-items:center;gap:10px;margin-left:auto}
.otg-nav-actions .nav-link{padding:10px!important}
.otg-nav-search{font-size:17px;color:#fff;padding:10px}
.otg-register{border:1px solid rgba(255,255,255,.7);color:#fff!important;padding:9px 16px;border-radius:7px;font-size:13px;font-weight:700}
.otg-register:hover{background:#243d8b}
.otg-add-listing{background:#007fff;color:#fff!important;border:1px solid #3090ff;border-radius:7px;padding:9px 14px;font-size:13px;font-weight:700;white-space:nowrap;box-shadow:0 6px 12px rgba(0,0,0,.1)}
.otg-add-listing:hover{background:#086ad0}
.otg-nav-menu{border:1px solid #e6ecf5;box-shadow:0 16px 40px rgba(11,29,71,.18);border-radius:12px;padding:8px;min-width:215px;margin-top:9px}
.otg-nav-menu--scroll{max-height:65vh;overflow:auto}
.otg-nav-menu .dropdown-item{font-size:13px;font-weight:600;border-radius:7px;padding:10px 12px}
.otg-nav-menu .dropdown-item:hover{background:#edf5ff;color:#084fba}
.otg-map-page{padding:35px clamp(15px,4vw,70px) 35px;background:#f6f9fd}
.otg-map-top{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:22px}
.otg-eyebrow{font-size:11px;letter-spacing:.18em;color:#0b6cda;font-weight:800}
.otg-map-top h1{font-size:clamp(25px,3vw,38px);font-weight:800;letter-spacing:-.04em;margin:4px 0 8px}
.otg-map-top p{font-size:14px;color:#6b7992;margin:0}
.otg-map-count{display:flex;flex-direction:column;text-align:right;color:#6e7f9b;font-size:12px}
.otg-map-count strong{font-size:29px;color:#0d2459}
.otg-map-filterbar{display:flex;flex-wrap:wrap;gap:11px;margin-bottom:14px;align-items:center}
.otg-map-filterbar label{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid #e3e9f3;border-radius:10px;margin:0;padding:0 12px;min-height:44px;box-shadow:0 3px 10px rgba(11,25,59,.025)}
.otg-map-filterbar label i{color:#2686ee}
.otg-map-filterbar input,.otg-map-filterbar select{border:0;outline:0;background:transparent;color:#0d2459;font-size:13px;min-height:40px}
.otg-map-filterbar input{width:min(320px,55vw)}
.otg-map-control-btn{border:1px solid #dfe7f3;background:#fff;border-radius:10px;padding:11px 16px;font-size:13px;font-weight:700;color:#0b2a65;text-decoration:none!important;cursor:pointer}
.otg-map-control-btn:hover{background:#ebf4ff;color:#0077e8}
.otg-map-stage{position:relative}
.otg-map-canvas{height:min(72vh,760px);min-height:480px;border-radius:15px;border:1px solid #dfe7f1;box-shadow:0 14px 38px rgba(12,36,84,.1);z-index:1}
.otg-map-status{position:absolute;top:14px;left:14px;z-index:600;padding:10px 16px;border-radius:10px;background:#fff;color:#0e2e65;font-size:12px;font-weight:700;box-shadow:0 7px 20px rgba(17,34,62,.18);max-width:calc(100% - 60px)}
.otg-map-credits{margin:12px 0;color:#7d8ca2;font-size:12px}
.otg-pin-anchor{border:0!important;background:transparent!important}
.otg-rental-pin{width:36px;height:36px;border:3px solid #fff;box-shadow:0 3px 10px rgba(6,21,65,.3);border-radius:50%;display:grid;place-items:center;background:#07275f;color:#fff;font-size:20px;font-weight:700}
.otg-cluster{border-radius:50%;background:rgba(0,112,244,.24);display:grid;place-items:center}
.otg-cluster span{width:33px;height:33px;border-radius:50%;background:#0083ff;color:white;border:2px solid white;font-size:12px;font-weight:800;display:grid;place-items:center;box-shadow:0 5px 12px rgba(13,42,90,.2)}
.otg-marker-popup{font-family:Inter,system-ui,sans-serif;min-width:190px;color:#0c2456;line-height:1.45}
.otg-popup-head strong{font-size:14px}.otg-popup-location{font-size:12px;color:#697894;margin:5px 0}
.otg-popup-meta{font-size:12px;font-weight:700}
.otg-popup-link{display:inline-block;padding-top:8px;color:#0679ed;font-weight:800;font-size:12px}
.leaflet-popup-content-wrapper{border-radius:12px!important;box-shadow:0 13px 35px rgba(13,29,71,.23)!important}
.otg-home-mapwrap{position:relative;height:460px;overflow:hidden;border-radius:13px;border:1px solid #e1e9f4;box-shadow:0 8px 30px rgba(21,42,84,.08)}
.otg-home-mapwrap .otg-map-canvas{min-height:0;height:100%;border:0;border-radius:0}
.otg-home-mapwrap .otg-map-status{top:12px;left:12px;max-width:calc(100% - 24px)}
.otg-inline-explore{padding:30px 0 64px!important;background:#f7faff}
.otg-inline-explore .container{max-width:1500px}
.otg-asset-tabs{background:#fff;border-bottom:1px solid #e6ebf4;display:flex;justify-content:space-between;gap:7px;padding:10px max(20px,calc((100% - 1440px)/2));overflow-x:auto;scrollbar-width:thin}
.otg-asset-tab{display:flex;align-items:center;flex-direction:column;gap:6px;min-width:115px;border-radius:10px;padding:14px 12px;text-decoration:none!important;color:#142451;font-size:13px;font-weight:650}
.otg-asset-tab i{font-size:25px;color:#172e69}
.otg-asset-tab:hover,.otg-asset-tab.active{background:#e9f4ff;color:#0076ec}
.otg-asset-tab.active i{color:#0076ec}
.otg-explore-grid{display:grid;grid-template-columns:minmax(330px,.85fr) minmax(0,1.3fr);gap:20px}
.otg-explore-title{font-size:clamp(24px,3vw,30px);font-weight:850;letter-spacing:-.04em;color:#081d52;margin:0}
.otg-explore-sub{font-size:14px;color:#6c7b90;margin:5px 0 18px}
.otg-explore-head{display:flex;align-items:start;justify-content:space-between;gap:12px}
.otg-explore-list{display:flex;flex-direction:column;gap:10px;max-height:460px;overflow:auto;padding-right:5px}
.otg-explore-item{display:flex;gap:12px;min-height:125px;background:white;border:1px solid #e5e9f2;box-shadow:0 4px 14px rgba(12,38,84,.04);border-radius:11px;padding:10px;color:inherit;text-decoration:none!important;transition:box-shadow .2s}
.otg-explore-item:hover{box-shadow:0 10px 22px rgba(12,38,84,.13);color:#0a2d6f}
.otg-explore-item img{width:123px;height:103px;object-fit:cover;border-radius:8px;flex-shrink:0}
.otg-explore-item__info{display:flex;flex-direction:column;min-width:0;flex:1}
.otg-explore-item__info strong{font-size:14px;font-weight:800;color:#112455;line-height:1.35}
.otg-explore-item__info small{font-size:12px;color:#79879b;margin-top:3px}
.otg-explore-item__price{font-size:14px;font-weight:800;color:#112455;margin-top:auto}
.otg-explore-item__price em{font-size:11px;font-weight:500;color:#8390a1;font-style:normal}
.otg-explore-empty{background:#fff;padding:25px;border:1px dashed #bccbdf;border-radius:11px;color:#718198}
@media(max-width:1230px){.otg-brand{min-width:245px}.otg-nav-links{margin:0}.otg-header #navbarNav{background:#172d70}.otg-header #navbarNav.show{position:absolute;top:70px;left:0;right:0;padding:14px 26px 24px;box-shadow:0 12px 30px rgba(7,20,57,.25);max-height:calc(100vh - 72px);overflow:auto}.otg-header .nav-link.active:after{display:none}.otg-nav-actions{margin:12px 0 0}.otg-header .navbar-nav{align-items:stretch}.otg-map-stage .otg-map-canvas{height:65vh}}
@media(max-width:850px){.otg-explore-grid{grid-template-columns:1fr}.otg-home-mapwrap{height:400px}.otg-header{padding:0 8px}.otg-asset-tab{min-width:100px}.otg-map-top{align-items:flex-start}.otg-map-count{display:none}}
@media(max-width:500px){.otg-brand{min-width:200px}.otg-brand img{width:45px;height:45px}.otg-brand__wordmark strong{font-size:16px}.otg-brand__wordmark small{font-size:8px}.otg-header__inner{padding:0 5px}.otg-header .navbar-toggler{padding:6px}.otg-map-page{padding:20px 11px}.otg-map-canvas{min-height:420px}.otg-explore-item img{width:104px;height:100px}}

/* Polished shared surfaces for routes below the new homepage */
#Main[data-otg-route="rentals"] .otg-search-stage{padding:40px 0 26px!important;background:linear-gradient(120deg,#0a1b4c,#1d3b83)!important;color:#fff}
#Main[data-otg-route="rentals"] .otg-search-stage h1{font-size:clamp(27px,3.4vw,40px)!important;font-weight:850;letter-spacing:-.04em;color:#fff!important}
#Main[data-otg-route="rentals"] .otg-search-panel{background:#fff!important;border:1px solid #e3ebf5!important;border-radius:15px!important;padding:22px!important;box-shadow:0 15px 35px rgba(0,0,0,.17)!important;color:#1a2b52}
#Main[data-otg-route="rentals"] .otg-search-panel .form-control,#Main[data-otg-route="rentals"] .otg-search-panel .custom-select{border-radius:8px!important;border:1px solid #dce5f2!important;min-height:44px;color:#142c5e}
#Main[data-otg-route="rentals"] .otg-search-panel label{font-size:11px;text-transform:uppercase;letter-spacing:.07em;font-weight:800;color:#6b7b95}
#Main[data-otg-route="rentals"] .otg-search-panel .btn-search{min-height:44px;background:#172e73!important;border-radius:8px!important;font-weight:800}
#Main[data-otg-route="rentals"] .otg-search-meta{background:#f5f8fd!important;border-bottom:1px solid #e4ebf3}
#Main[data-otg-route="rentals"] .Item{border:1px solid #e5ebf4!important;border-radius:15px!important;padding:22px!important;background:#fff!important;box-shadow:0 9px 29px rgba(15,39,87,.075)!important}
#Main[data-otg-route="rentals"] .Item h2{font-size:clamp(20px,2.4vw,29px)!important;font-weight:800;letter-spacing:-.03em;color:#0c2457}
#Main[data-otg-route="rentals"] .Item img.card-img-top{border-radius:11px!important;box-shadow:0 6px 14px rgba(13,32,76,.12)}
#Main[data-otg-route="rental"]>section>div.container:first-child{border-radius:0 0 14px 14px;overflow:hidden;max-width:100%!important;background-size:cover!important}
#Main[data-otg-route="rental"] .container.mt-4{max-width:1200px}
#Main[data-otg-route="rental"] .nav-tabs{border-bottom-color:#e4ebf5}
#Main[data-otg-route="rental"] .nav-tabs .nav-link{font-weight:700;font-size:13px;border-radius:9px 9px 0 0;color:#42557d}
#Main[data-otg-route="rental"] .nav-tabs .nav-link.active{color:#086fdf;border-color:#dbe5f3 #dbe5f3 white}
#Main[data-otg-route="rental"] .FleetRates,#Main[data-otg-route="rental"] .TrailerInfo{background:#fff;border:1px solid #e1e9f3!important;border-radius:12px!important;box-shadow:0 5px 22px rgba(13,31,72,.06)}
#Main[data-otg-route="provider"] .cp-hero{height:260px;background:linear-gradient(115deg,#101e54,#234797)}
#Main[data-otg-route="provider"] .cp-info-bar{border:1px solid #e0e9f4;box-shadow:0 8px 26px rgba(12,38,84,.06);border-radius:14px}
#Main[data-otg-route="provider"] .cp-trailer-card{border-radius:14px!important;box-shadow:0 6px 23px rgba(10,34,78,.08)!important;overflow:hidden}
#Main[data-otg-route="login"] .lp-card,#Main[data-otg-route="register"] .lp-card{border-radius:18px!important;box-shadow:0 18px 52px rgba(9,28,69,.12)!important}
footer.footer{background:#101d46!important;padding:42px 0!important}
footer.footer .container{max-width:1250px}
footer.footer a{color:#c5d6f1!important}
footer.footer a:hover{color:#2ad8e4!important}
footer.footer .text-muted{color:#9eb1d0!important}
@media(max-width:575px){#Main[data-otg-route="rentals"] .otg-search-panel{padding:15px!important}#Main[data-otg-route="rentals"] .Item{padding:13px!important}}


/* OTG V4 shared layout rescue — index.php must link this file on EVERY route. */
*,*::before,*::after{box-sizing:border-box}
html,body{max-width:100%;overflow-x:clip}
body{margin:0!important;padding:0!important;background:#f7faff!important;color:#102252!important;font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif!important;-webkit-font-smoothing:antialiased}
#Main.otg-main{display:block!important;min-height:calc(100vh - 72px);margin:72px 0 0!important;padding:0!important;width:100%!important;max-width:100%!important;overflow:hidden}
#Main .otg-main-content{display:block;min-width:0;width:100%;margin:0;padding:0}
#Main .otg-main-content>section{max-width:100%}
#Main .container{width:100%}
#Main .hp-hero{padding:0!important;min-height:430px!important}
#Main .hp-hero__bg{background-size:cover!important;background-position:center 51%!important}
#Main .hp-hero__wave{display:none!important}
#Main .hp-hero__inner{max-width:1520px;width:100%;padding:38px 26px 40px}
#Main .hp-hero .col-lg-6,#Main .hp-hero .col-lg-5{position:relative;z-index:2}
#Main .hp-search{width:100%;max-width:435px;padding:24px;border:1px solid rgba(220,230,248,.95);box-shadow:0 18px 55px rgba(5,20,58,.28)}
#Main .hp-search .hp-btn-search{background:#162e78}
#Main .hp-search .hp-btn-search:hover{background:#005bea}
#Main .hp-stats{gap:22px;margin-bottom:0}
#Main .hp-hero__h1{font-weight:900;max-width:555px}
#Main .hp-hero__tag{font-size:10px}
#Main .otg-asset-tabs{padding:9px max(20px,calc((100% - 1460px)/2));min-height:86px;box-shadow:0 4px 18px rgba(6,31,76,.035)}
#Main .otg-asset-tab{min-width:116px;justify-content:center;font-weight:700}
#Main .otg-inline-explore{padding:28px 0 58px!important}
#Main .otg-inline-explore>.container{width:calc(100% - 42px);max-width:1460px}
#Main .otg-explore-grid{grid-template-columns:minmax(310px,.8fr) minmax(0,1.35fr);gap:20px;align-items:start}
#Main .otg-explore-list{max-height:462px;scrollbar-width:thin}
#Main .otg-explore-item{height:138px;min-height:138px;padding:10px 12px;align-items:stretch}
#Main .otg-explore-item img{height:116px;width:145px}
#Main .otg-home-mapwrap{height:462px}
#Main .otg-explore-title{font-weight:900}
#Main .otg-map-top h1,#Main .otg-search-stage h1{font-weight:900}
#Main .otg-map-stage{max-width:100%}
#Main .otg-map-page{padding-top:33px}
#Main .otg-map-canvas{width:100%}
#Main .otg-search-stage{padding:32px 0 38px!important;background:linear-gradient(105deg,rgba(8,20,61,.98),rgba(17,45,106,.93)),url('/bl-themes/OTG/img/hero-truck.jpg') center/cover!important}
#Main .otg-search-stage>.container{max-width:1280px}
#Main .otg-search-panel{border-radius:15px!important;box-shadow:0 18px 35px rgba(5,18,56,.2)!important}
#Main .otg-search-meta{padding:22px 0;background:#f7faff}
#Main .otg-search-meta .container{max-width:1360px}
#Main .otg-results-wrap{padding:22px 0 60px;background:#f7faff}
#Main .otg-results-wrap>.container{max-width:1360px}
.otg-results-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.otg-result-card{display:flex;min-width:0;min-height:185px;border-radius:15px;overflow:hidden;background:#fff;border:1px solid #e4eaf4;box-shadow:0 6px 21px rgba(16,43,91,.06);transition:transform .2s,box-shadow .2s;text-decoration:none!important;color:#102251!important}
.otg-result-card:hover{transform:translateY(-2px);box-shadow:0 14px 30px rgba(13,42,91,.13);color:#102251!important}
.otg-result-card__media{position:relative;width:40%;min-width:155px;background:linear-gradient(145deg,#dfe9f7,#ecf4fa);flex-shrink:0;overflow:hidden}
.otg-result-card__media img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .35s}
.otg-result-card:hover img{transform:scale(1.045)}
.otg-result-card__media .otg-photo-fallback{display:none;position:absolute;inset:0;justify-content:center;align-items:center;font-size:12px;color:#63738b}
.otg-result-card__class{position:absolute;top:10px;left:10px;display:inline-block;border-radius:6px;background:rgba(13,36,91,.93);padding:5px 9px;color:#fff;font-size:10px;font-weight:800;letter-spacing:.025em}
.otg-result-card__content{padding:17px 18px;display:flex;flex-direction:column;min-width:0;flex:1}
.otg-result-card__title{font-size:16px;font-weight:850;line-height:1.35;margin-bottom:6px;color:#0e2456}
.otg-result-card__provider{font-size:12px;color:#586d8f;margin-bottom:5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.otg-result-card__location{font-size:12px;color:#687a95;display:flex;align-items:center;gap:5px}
.otg-result-card__location i{color:#0a82ec}
.otg-result-card__meta{display:flex;align-items:end;justify-content:space-between;gap:12px;margin-top:auto;padding-top:12px}
.otg-result-card__rate{font-size:16px;font-weight:900;color:#0b255b}
.otg-result-card__rate small{font-size:11px;font-weight:600;color:#667997}
.otg-result-card__action{font-size:12px;color:#057bf2;font-weight:800;white-space:nowrap}
.otg-result-card__empty{padding:62px 20px;border:1px solid #e2eafa;border-radius:14px;background:#fff;text-align:center;color:#6a7890}
.otg-page-head{background:linear-gradient(110deg,#0c1c4d,#193a83);color:white;padding:28px 0}
.otg-page-head__inner{max-width:1200px;margin:auto;padding:0 22px}
.otg-page-head h1{font-size:clamp(24px,3vw,33px);font-weight:900;letter-spacing:-.035em;margin:0 0 6px}
.otg-page-head p{color:#c1cfee;font-size:13px;margin:0}
#Main[data-otg-route="rental"] .otg-listing-banner{width:100%;height:320px;min-height:320px;background-size:cover!important;background-position:center!important;padding:0 30px 28px!important;justify-content:flex-end;position:relative}
#Main[data-otg-route="rental"] .otg-listing-banner:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(5,15,50,.02),rgba(5,15,50,.80));pointer-events:none}
#Main[data-otg-route="rental"] .otg-listing-banner>.row{position:relative;z-index:1;width:100%;max-width:1250px;margin:0 auto!important;background:none!important;align-items:center}
#Main[data-otg-route="rental"] .otg-listing-banner h1{font-size:clamp(23px,3.1vw,40px);font-weight:850;letter-spacing:-.04em;text-shadow:0 2px 20px rgba(5,10,32,.5)}
#Main[data-otg-route="rental"] .otg-listing-banner .col-2{flex:0 0 auto;max-width:unset;width:auto}
#Main[data-otg-route="rental"] .container.mt-4{max-width:1200px;background:#fff;border:1px solid #e4eaf4;border-radius:16px;padding:24px;margin-bottom:50px;box-shadow:0 9px 30px rgba(16,43,91,.06)}
#Main[data-otg-route="rental"] .container.mt-4 .btn-primary,#Main[data-otg-route="rental"] .btn-success{border-radius:9px;font-weight:700;padding:10px 16px}
#Main[data-otg-route="provider"] .cp-hero{height:280px;background:linear-gradient(120deg,#0b1947,#24438f)}
#Main[data-otg-route="provider"] .cp-body{background:#f7faff}
#Main[data-otg-route="provider"] .cp-info-bar{border-radius:16px;box-shadow:0 10px 26px rgba(18,46,92,.07)}
#Main[data-otg-route="provider"] .cp-trailer-card{border:1px solid #e2eaf4;border-radius:14px;box-shadow:0 8px 25px rgba(18,40,90,.07)}
#Main[data-otg-route="login"] .lp-wrap,#Main[data-otg-route="register"] .lp-wrap{background:linear-gradient(140deg,#f2f7fd,#eaf2ff)}
#Main .lt-wrap,#Main .addr-wrap,#Main .pg-account{max-width:1200px;padding-top:38px;padding-bottom:65px}
#Main .lt-card,#Main .addr-table-wrap,#Main .pg-section{border:1px solid #e4eaf4;box-shadow:0 8px 28px rgba(15,37,83,.055);border-radius:15px}
#Main .lt-header h1,#Main .addr-header h1,#Main .pg-account h1{font-size:clamp(24px,3vw,31px)!important;font-weight:900!important;color:#122756!important}
#Main .lt-add-btn,#Main .addr-add-btn,#Main .pg-btn--primary{background:#176be9;color:#fff;border-radius:9px}
#Main .pg-section__title{color:#13326b}
#Main .otg-search-stage,#Main .cp-hero,#Main .hp-hero{isolation:isolate}
@media(max-width:1199px){.otg-header #navbarNav.show,.otg-header #navbarNav.collapsing{background:#152b68;border-radius:0 0 14px 14px;padding:16px;box-shadow:0 18px 25px rgba(3,13,43,.2)}.otg-header .otg-nav-links{align-items:stretch;margin:0}.otg-header .otg-nav-actions{flex-wrap:wrap;margin:10px 0 0}.otg-brand{min-width:0}#Main .hp-hero__inner{padding:40px 20px}}
@media(max-width:991px){#Main .hp-hero__bg{background-position:48% center!important}#Main .hp-hero .col-lg-5{margin-top:16px}#Main .hp-hero__inner{padding:40px 20px}#Main .otg-explore-grid{grid-template-columns:1fr}#Main .otg-home-mapwrap{height:430px}#Main .otg-explore-list{max-height:405px}.otg-results-grid{grid-template-columns:1fr}}
@media(max-width:575px){#Main .hp-hero{min-height:0!important}#Main .hp-hero__inner{padding:35px 14px}#Main .hp-hero__h1{font-size:clamp(30px,9vw,39px)}#Main .hp-search{padding:20px}#Main .otg-inline-explore>.container{width:calc(100% - 24px)}#Main .otg-explore-item img{width:105px;height:105px}#Main .otg-explore-item{height:126px;min-height:126px}#Main .otg-asset-tabs{padding:9px 8px}#Main .otg-home-mapwrap{height:360px}#Main[data-otg-route="rental"] .otg-listing-banner{height:285px;min-height:285px;padding:0 10px 16px!important}#Main[data-otg-route="rental"] .otg-listing-banner h1{font-size:24px}#Main[data-otg-route="rental"] .container.mt-4{padding:14px;margin-top:14px!important}.otg-result-card__media{width:34%;min-width:115px}.otg-result-card__content{padding:12px}.otg-result-card__title{font-size:13px}.otg-result-card__rate{font-size:13px}.otg-result-card__action{font-size:11px}}

.otg-page-nav{display:flex;align-items:center;justify-content:center;gap:14px;font-size:13px;font-weight:700;color:#6b7d99}
.otg-page-nav a{padding:10px 16px;background:#fff;border:1px solid #dde7f5;border-radius:9px;color:#1b5ebc;text-decoration:none}
.otg-page-nav a:hover{background:#eaf4ff}
#Main[data-otg-route="blog"] .authors-list-section{font-family:Inter,system-ui,sans-serif;max-width:1180px;padding:38px 20px 80px}
#Main[data-otg-route="blog"] .authors-list-section h2{text-align:left!important;font-weight:900;font-size:clamp(24px,3vw,34px);letter-spacing:-.035em;color:#132452;margin-bottom:32px!important}
#Main[data-otg-route="blog"] .author-section{border:1px solid #e0e8f6;border-radius:16px;box-shadow:0 8px 26px rgba(15,40,85,.05);padding:26px}
#Main[data-otg-route="blog"] .author-section h3{color:#153268;font-weight:800}
#Main[data-otg-route="book"] .otg-shell,#Main[data-otg-route="booking"] .otg-shell,#Main[data-otg-route="bookings"] .otg-shell,#Main[data-otg-route="privacy"] .otg-shell,#Main[data-otg-route="marketplace-renter-terms"] .otg-shell,#Main[data-otg-route="marketplace-provider-terms"] .otg-shell{max-width:1200px;margin:0 auto;padding:40px 18px 70px}
#Main .otg-shell>.card,#Main .otg-shell .card{border:1px solid #e2eaf5;box-shadow:0 9px 29px rgba(13,39,80,.055);border-radius:14px}
#Main .otg-shell h1{font-weight:900;color:#122758;letter-spacing:-.035em}
#Main .otg-shell .otg-table{border-radius:12px;overflow:hidden}
#Main .otg-shell .btn{font-weight:700;border-radius:8px}
#Main[data-otg-route="page"] .card,#Main .card.bg-light{border-radius:16px!important;border:1px solid #e1e8f4!important;box-shadow:0 10px 35px rgba(12,40,91,.07)!important;background:#fff!important}

/* OTG v5 map listing photo cards — shared by home map and full map. */
#Main .leaflet-popup-content-wrapper{border-radius:15px!important;overflow:hidden;padding:0!important;box-shadow:0 15px 40px rgba(10,27,65,.25)!important}
#Main .leaflet-popup-content{margin:0!important;width:270px!important;max-width:min(270px,72vw)}
#Main .leaflet-popup-content .otg-marker-popup{min-width:0;max-width:100%;font-family:Inter,system-ui,sans-serif}
#Main .otg-popup-photo{display:block;width:100%;height:154px;overflow:hidden;background:linear-gradient(135deg,#dceafa,#b8cce7)}
#Main .otg-popup-photo img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .2s}
#Main .otg-popup-photo:hover img{transform:scale(1.05)}
#Main .otg-popup-body{padding:13px 15px 15px}
#Main .otg-popup-category{font-weight:850;font-size:10px;color:#097be6;text-transform:uppercase;letter-spacing:.1em}
#Main .otg-popup-head{margin:5px 0 6px;line-height:1.3}
#Main .otg-popup-head a{font-size:15px;font-weight:850;color:#10275a;text-decoration:none}
#Main .otg-popup-head a:hover{color:#0778e7}
#Main .otg-popup-location{font-size:11px;color:#74829c;margin:5px 0 12px;line-height:1.5}
#Main .otg-popup-footer{border-top:1px solid #e8edf5;padding-top:11px;display:flex;align-items:center;justify-content:space-between;gap:8px}
#Main .otg-popup-price{color:#172b58;font-size:12px;font-weight:900}
#Main .otg-popup-link{color:#0b70e9!important;font-size:11px;font-weight:850;text-decoration:none;padding:0;white-space:nowrap}
#Main .leaflet-popup-close-button{background:#fff!important;border-radius:50%;right:7px!important;top:7px!important;width:26px!important;height:26px!important;display:grid!important;place-items:center;box-shadow:0 2px 9px rgba(0,0,0,.15);font-size:19px!important;color:#223d67!important}


/* v6: responsive split search, upgraded placements and navigable category menus */
.otg-header .otg-nav-links{gap:0;min-width:0}
.otg-header .otg-nav-links>.nav-link,.otg-header .otg-nav-links>.nav-item>.nav-link{font-size:12.5px;white-space:nowrap;padding:10px 7px!important}
.otg-header .otg-nav-menu{z-index:1100}
.otg-nav-menu__all{font-weight:850!important;color:#084caa!important;border-bottom:1px solid #e9eef8;margin-bottom:5px}
.otg-upgrade-group{display:inline-flex;align-items:center;flex-wrap:wrap;gap:5px;max-width:100%}
.otg-upgrade{display:inline-flex;align-items:center;gap:5px;border-radius:6px;background:#15306a;color:#fff;font-size:10px;font-weight:850;letter-spacing:.01em;line-height:1.3;padding:5px 7px;white-space:nowrap}
.otg-upgrade--trusted{background:#12306a;color:#fff}
.otg-upgrade--trusted:before{content:'✓';font-weight:900;color:#32d6e8}
.otg-upgrade--premium{background:#0a7eae;color:#fff}
.otg-upgrade--boosted{background:#e9b12b;color:#1d2850}
.otg-upgrade--featured{background:#e6edff;color:#154db0}
.otg-upgrade-group--photo{position:absolute;top:11px;left:10px;right:10px;z-index:2;pointer-events:none}
.otg-result-card__media .otg-upgrade-group--photo{top:42px}
#Main .hp-rc__img-wrap .otg-upgrade-group--photo{top:9px;left:9px}
#Main .otg-explore-item__info .otg-upgrade-group--inline{margin:0 0 5px}
#Main .otg-explore-item__info .otg-upgrade{font-size:9px;padding:3px 5px}
#Main .hp-recent-grid .hp-rc__img{display:block;width:100%;height:155px!important;object-fit:cover;object-position:center}
#Main .hp-recent-grid .hp-rc__img-wrap{height:155px;overflow:hidden;position:relative}
#Main .hp-recent-grid .hp-rc__body{display:flex;flex-direction:column;min-width:0;overflow:hidden}
#Main .hp-rc__title{overflow-wrap:anywhere}
#Main .hp-recent-grid .hp-rc__loc{white-space:normal;overflow-wrap:anywhere}
#Main .otg-search-width{max-width:1600px;width:100%;padding:0 clamp(12px,2vw,28px)}
#Main .otg-results-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:20px}
#Main .otg-results-list-pane{min-width:0}
#Main .otg-results-split .otg-results-grid{grid-template-columns:minmax(0,1fr);gap:12px}
#Main .otg-results-split .otg-result-card{min-height:0;height:165px;align-items:stretch}
#Main .otg-results-split .otg-result-card__media{position:relative;width:38%;min-width:0;height:100%;flex:none}
#Main .otg-results-split .otg-result-card__media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}
#Main .otg-results-split .otg-result-card__content{min-width:0;padding:13px 16px}
#Main .otg-results-split .otg-result-card__title{font-size:14px;line-height:1.25;max-height:2.5em;overflow:hidden}
#Main .otg-results-split .otg-result-card__provider{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#Main .otg-results-split .otg-result-card__location{line-height:1.3}
#Main .otg-results-map-pane{position:sticky;top:85px;height:min(79vh,890px);min-height:520px;border:1px solid #dfe8f4;border-radius:15px;background:#fff;overflow:hidden;box-shadow:0 10px 30px rgba(14,42,91,.065)}
#Main .otg-results-map-pane .otg-map-canvas{height:calc(100% - 51px);min-height:0;border:none;border-radius:0;box-shadow:none}
#Main .otg-results-map-pane .otg-map-status{top:63px;left:12px;right:auto;max-width:calc(100% - 26px)}
#Main .otg-search-map-head{height:51px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 17px;color:#0b275a;background:#fff}
#Main .otg-search-map-head strong{font-size:13px;font-weight:850}
#Main .otg-search-map-head>a{font-size:12px;font-weight:800;color:#0778ee}
.otg-popup-badges{display:flex;flex-wrap:wrap;gap:5px;margin:7px 0}
.otg-popup-badges .otg-upgrade{font-size:9px;padding:3px 6px}
.otg-popup-photo{display:block;width:100%;height:130px;overflow:hidden;border-radius:9px 9px 0 0;background:#eaf0f9}
.otg-popup-photo img{width:100%;height:100%;object-fit:cover}
.otg-popup-body{padding:11px}
.otg-popup-head a{font-size:13px;font-weight:850;color:#0d2759;line-height:1.3}
.otg-popup-footer{display:flex;justify-content:space-between;align-items:center;gap:7px}
.otg-popup-category{color:#087dec;font-size:10px;text-transform:uppercase;font-weight:800}
#Main .otg-v5 .op-asset-media,#Main .otg-v5 .od-related-media{position:relative;overflow:hidden}
#Main .otg-v5 .op-asset-media>.otg-upgrade-group--photo{top:46px}
#Main .otg-v5 .od-related-media>.otg-upgrade-group--photo{top:9px}
#Main .otg-v5 .op-hero-upgrades{margin:0 0 9px}
#Main .otg-v5 .od-toprow .otg-upgrade-group--inline{margin-bottom:9px}
@media(max-width:1199px){
 .otg-header .otg-nav-category .dropdown-menu{position:static!important;float:none!important;transform:none!important;box-shadow:none;background:#102553;border-color:#37558c;margin:2px 0 8px;max-height:180px;overflow-y:auto}
 .otg-header .otg-nav-category .dropdown-item{color:#eef5ff}
 .otg-header .otg-nav-category .dropdown-item:hover{color:#05265d}
 .otg-header .otg-nav-links>.nav-link,.otg-header .otg-nav-links>.nav-item>.nav-link{font-size:14px;padding:11px 9px!important}
}
@media(max-width:920px){
 #Main .otg-results-split{grid-template-columns:minmax(0,1fr)}
 #Main .otg-results-map-pane{position:relative;top:auto;height:350px;min-height:350px}
 #Main .otg-results-split .otg-results-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 #Main .otg-results-split .otg-result-card{height:160px}
}
@media(max-width:680px){
 #Main .otg-results-split .otg-results-grid{grid-template-columns:minmax(0,1fr)}
 #Main .otg-results-split .otg-result-card{height:145px;min-height:145px}
 #Main .otg-results-split .otg-result-card__media{width:37%;min-width:0;height:145px}
 #Main .otg-results-split .otg-result-card__content{padding:10px 12px}
 #Main .otg-results-split .otg-result-card__title{font-size:13px}
 #Main .otg-results-split .otg-result-card__provider,.otg-result-card__location{font-size:11px}
 #Main .otg-results-split .otg-result-card__meta{padding-top:5px}
 #Main .otg-results-split .otg-result-card__action{font-size:10px}
 #Main .otg-results-split .otg-result-card__rate{font-size:13px}
 #Main .otg-results-map-pane{height:330px;min-height:330px}
 #Main .hp-recent-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}
 #Main .hp-recent-grid .hp-rc__img-wrap,#Main .hp-recent-grid .hp-rc__img{height:123px!important}
 #Main .hp-recent-grid .hp-rc__body{padding:11px}
 #Main .hp-recent-grid .hp-rc__title{font-size:12.5px}
 #Main .otg-explore-item{min-height:110px;max-height:145px;height:auto;padding:8px;gap:9px}
 #Main .otg-explore-item>img{width:108px;height:100px;flex:0 0 108px;max-width:36%;object-fit:cover}
 #Main .otg-explore-item__info{overflow:hidden}
 #Main .otg-explore-item__info strong{font-size:12px;line-height:1.25}
 #Main .otg-explore-item__info small{font-size:10px;line-height:1.3}
 #Main .otg-explore-item__price{font-size:12px}
}
@media(max-width:410px){#Main .hp-recent-grid{grid-template-columns:minmax(0,1fr)}#Main .hp-recent-grid .hp-rc__img-wrap,#Main .hp-recent-grid .hp-rc__img{height:165px!important}}

/* OTG v10.1: actual asset-photo map pins on homepage, results and full map.
   Cluster markers keep the numerical count for grouped locations. */
.otg-photo-pin-anchor{border:0!important;background:transparent!important}
.otg-asset-photo-pin{position:relative;display:block;width:56px;height:64px;isolation:isolate;transition:transform .16s ease}
.otg-asset-photo-pin__frame{display:block;position:relative;width:56px;height:52px;overflow:hidden;border:3px solid #fff;border-radius:12px;background:#0f2b66;box-shadow:0 4px 16px rgba(6,24,67,.36);z-index:1}
.otg-asset-photo-pin__img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;background:#e9edf4}
.otg-asset-photo-pin__fallback{display:none;width:100%;height:100%;align-items:center;justify-content:center;color:#fff;font-size:27px;font-weight:850;line-height:1}
.otg-asset-photo-pin--fallback .otg-asset-photo-pin__fallback{display:flex}
.otg-asset-photo-pin:after{content:'';position:absolute;left:23px;top:45px;width:11px;height:11px;border-right:3px solid #fff;border-bottom:3px solid #fff;background:#0f2b66;transform:rotate(45deg);box-shadow:3px 3px 5px rgba(6,24,67,.17);z-index:0}
.leaflet-marker-icon.otg-photo-pin-anchor:hover .otg-asset-photo-pin,.leaflet-marker-icon.otg-photo-pin-anchor:focus .otg-asset-photo-pin{transform:translateY(-4px)}
.leaflet-marker-icon.otg-photo-pin-anchor:focus-visible .otg-asset-photo-pin__frame{outline:3px solid #00d4e7;outline-offset:2px}
@media(prefers-reduced-motion:reduce){.otg-asset-photo-pin{transition:none}}