/* CARGOTA 2026 — lightweight transport UI layer for Flynax General Flatty/Arena */
:root{--c-navy:#0b1d2b;--c-ink:#162433;--c-blue:#164c70;--c-blue-2:#236f9e;--c-amber:#f3a51b;--c-amber-2:#ffc85c;--c-bg:#f5f7f9;--c-line:#e3e9ee;--c-white:#fff;--c-radius:14px;--c-shadow:0 12px 30px rgba(11,29,43,.09)}
*,*:before,*:after{box-sizing:border-box}
html,body{background:var(--c-bg);color:var(--c-ink)}
body{font-family:'Alegreya Sans',Arial,sans-serif;font-weight:400;overflow-x:hidden}
.d-none{display:none!important}svg.hide{display:none!important}
body,button,input,select,textarea{font-family:Arial,Helvetica,sans-serif!important}
a:link,a:visited,.link{color:var(--c-blue);font-size:1em;font-weight:500}a:hover,a:active,a.active,.link:hover{color:var(--c-amber);text-decoration:none}
.point1,section#main_container>div.inside-container{width:100%;max-width:1480px!important;margin-left:auto;margin-right:auto;padding-left:32px;padding-right:32px}
section#main_container>div.inside-container{padding-top:34px;padding-bottom:60px}

/* Brand header: language / centered logo / account */
body>header{height:158px!important;background:var(--c-white)!important;position:relative;z-index:1000;box-shadow:0 2px 16px rgba(11,29,43,.08)}
body>header>section:first-child.site-brand-bar{height:100px!important;min-height:100px;display:grid!important;grid-template-columns:1fr auto 1fr;align-items:center;background:var(--c-white)!important;padding-left:32px!important;padding-right:32px!important}
.site-brand-bar #top-navigation{grid-column:1;justify-content:flex-start;min-width:0;margin:0}
.site-brand-bar #logo{grid-column:2;grid-row:1;margin:0!important;display:flex;align-items:center;justify-content:center;min-width:220px}
.site-brand-bar #logo img{display:block;width:auto;max-width:240px;max-height:62px;height:auto;filter:none}
.site-brand-bar .top-user-navigation{grid-column:3;justify-content:flex-end;min-width:0;margin:0}
span.circle{background:linear-gradient(135deg,#111 0 50%,#e40000 50% 100%);border-radius:50%;margin-left:7px;margin-right:7px;min-width:40px;min-height:40px}
span.circle:not(.circle_opened):hover{background:var(--c-amber)}
span.circle_opened{box-shadow:inset 0 0 0 2px var(--c-amber);background:#fff}
span.circle>.content{background:var(--c-navy);border-radius:10px;box-shadow:0 12px 30px rgba(0,0,0,.18)}
span.circle>.content a{color:#fff}.top-user-navigation .content a:hover{color:var(--c-amber)}

/* Primary navigation: every item stays available */
body>header>section.main-menu{height:58px!important;background:var(--c-navy)!important}
.site-main-nav{height:58px;display:flex;align-items:center;gap:14px;max-width:1480px!important}
.site-main-nav ul.menu{display:flex!important;flex:1 1 auto;align-items:center;justify-content:flex-start;gap:3px;overflow-x:auto!important;overflow-y:hidden;white-space:nowrap;padding:0;margin:0;scrollbar-width:thin}
.site-main-nav ul.menu>li:not(.more){display:flex!important;visibility:visible!important;flex:0 0 auto;height:58px}
.site-main-nav ul.menu>li.more{display:none!important}
.site-main-nav ul.menu>li>a{height:42px;line-height:42px;margin-top:8px;padding:0 15px;border-radius:9px;color:#ecf3f7!important;font-size:1.05rem;font-weight:600;white-space:nowrap;transition:background .18s,color .18s,transform .18s}
.site-main-nav ul.menu>li>a:hover{background:rgba(255,255,255,.13);color:var(--c-amber-2)!important;transform:translateY(-1px)}
.site-main-nav ul.menu>li.active>a{background:var(--c-amber);color:var(--c-navy)!important}
.site-main-nav .kw-search{order:2;flex:0 0 42px;width:42px;min-width:42px;height:42px;margin:0!important;border-radius:10px;background:var(--c-amber)!important}
.site-main-nav .kw-search:hover{background:var(--c-amber-2)!important}
#main_menu_more{background:var(--c-navy)!important;border-radius:0 0 10px 10px;box-shadow:var(--c-shadow)}

/* Transport home hero */
.cargo-hero{min-height:390px;margin:0 0 34px;position:relative;isolation:isolate;overflow:hidden;border-radius:20px;background:#0b2238 url('../img/cargo-hero.webp') center right/cover no-repeat;box-shadow:0 18px 42px rgba(8,27,45,.2)}
.cargo-hero__overlay{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(5,20,34,.97),rgba(5,20,34,.8) 42%,rgba(5,20,34,.12) 85%)}
.cargo-hero__content{max-width:650px;padding:68px 68px;color:#fff}.cargo-hero__eyebrow{display:inline-flex;color:var(--c-amber-2);font-size:.78em;font-weight:700;letter-spacing:.15em}.cargo-hero h1{color:#fff;font-size:clamp(2.2rem,4vw,4rem);line-height:1;margin:18px 0;font-weight:700}.cargo-hero p{max-width:500px;color:#d7e5ee;font-size:1.2em;line-height:1.35;margin-bottom:26px}.cargo-hero__actions{display:flex;gap:18px;align-items:center;flex-wrap:wrap}.cargo-hero__actions .button{background:var(--c-amber);color:var(--c-navy);border-radius:8px;box-shadow:none}.cargo-hero__link{color:#fff!important;border:1px solid rgba(255,200,92,.8);border-radius:8px;padding:9px 14px}.cargo-hero__link:hover{color:var(--c-amber-2)!important;background:rgba(255,200,92,.12)}.cargo-hero__route{display:none}.home-page-heading{display:none}

/* Content, cards and details */
section.content_block,section.side_block,div.listing-details{background:var(--c-white);border:1px solid var(--c-line);border-radius:var(--c-radius);box-shadow:var(--c-shadow)}
section.content_block{padding:22px 26px 26px}section.side_block{padding:20px 22px 22px}section.content_block>h3,section.side_block>h3{color:var(--c-navy);font-weight:700;border-bottom-color:var(--c-line)}
h1{color:var(--c-navy);font-weight:700;letter-spacing:-.02em}
input[type=text],input[type=search],input[type=password],input[type=number],textarea,select,.select2-selection--single,.select2-selection--multiple{border:1px solid #d5dfe7;border-radius:8px;box-shadow:none;min-height:42px}input:focus,textarea:focus,select:focus{border-color:var(--c-amber);box-shadow:0 0 0 3px rgba(243,165,27,.18)}
input[type=submit],input[type=button],a.button,.btn{background:var(--c-amber);color:var(--c-navy);border:0;border-radius:8px;box-shadow:none;font-weight:700}input[type=submit]:hover,input[type=button]:hover,a.button:hover,.btn:hover{background:var(--c-amber-2);color:var(--c-navy)}
section#listings>article,ul.featured>li{transition:transform .2s ease,box-shadow .2s ease}section#listings>article:hover,ul.featured>li:hover{transform:translateY(-3px)}section#listings div.picture,ul.featured>li>.picture{border:0;border-radius:12px;overflow:hidden}section#listings.grid a.link-large,ul.featured>li>ul>li a{color:var(--c-blue);font-weight:700}section#listings.grid a.link-large:hover,ul.featured>li>ul>li a:hover{color:var(--c-amber-dark)}
div.listing-details{padding:26px}div.listing-details section.main-section table.table td.name{color:#72808b;font-weight:600}div.listing-details section.main-section table.table td.value{color:var(--c-ink);font-weight:500}
.search-map-container #search_area{background:var(--c-navy)!important;color:#fff}.search-map-container,.search-map-container #map_container{border-radius:16px;overflow:hidden}
body>footer{background:var(--c-navy);color:#cbd9e2;box-shadow:inset 0 -54px 0 #061321}nav.footer-menu{border-top-color:rgba(255,255,255,.18)}nav.footer-menu a{color:#dbe7ef}nav.footer-menu a:hover,nav.footer-menu li.active a{color:var(--c-amber)}

/* Mobile header and menu */
@media screen and (max-width:767px){
 .point1,section#main_container>div.inside-container{min-width:320px;padding-left:15px;padding-right:15px}
 body>header{height:auto!important;min-height:198px}
 body>header>section:first-child.site-brand-bar{height:140px!important;min-height:140px;display:block!important;position:relative;padding:0 15px!important}
 .site-brand-bar #top-navigation{position:absolute;left:10px;top:25px;display:block;z-index:12}.site-brand-bar .top-user-navigation{position:absolute;right:10px;top:25px;display:flex!important;z-index:12}.site-brand-bar #logo{display:block;padding:43px 46px 0;position:relative;z-index:5}.site-brand-bar #logo img{max-width:205px;max-height:52px}
 .top-user-navigation .circle{display:inline-block!important;margin-left:5px;margin-right:0}.top-user-navigation .circle .content{right:0;left:auto;top:48px;min-width:235px}.top-user-navigation .circle .content,.top-user-navigation .circle .content a,.top-user-navigation .circle .content input,.top-user-navigation .circle .content label{font-size:16px!important;line-height:1.45!important}
 body>header>section.main-menu{height:58px!important}.site-main-nav{height:58px;min-height:58px;padding:0 15px}.site-main-nav ul.menu{display:none!important}.site-main-nav .kw-search{display:none!important}
 .site-main-nav .mobile-menu-button{display:block!important;position:absolute;left:15px;width:42px!important;height:42px!important;border-radius:7px;background:var(--c-amber)!important;border:0!important;top:8px}.site-main-nav .mobile-menu-button:before{content:'';position:absolute;left:10px;top:12px;width:22px;height:2px;background:var(--c-navy);border-radius:2px;box-shadow:0 7px 0 var(--c-navy),0 14px 0 var(--c-navy)}
 ul.menu-mobile{top:58px!important;left:15px!important;right:15px!important;background:var(--c-navy)!important;border-radius:0 0 12px 12px;box-shadow:var(--c-shadow);padding:16px 20px 10px;z-index:1001}.menu-mobile>li>a{color:#fff!important;font-size:1.08em!important;padding:9px 0!important}.menu-mobile>li>a:hover,.menu-mobile>li.active>a{color:var(--c-amber-2)!important}
 .cargo-hero{min-height:440px;border-radius:14px;margin-bottom:22px;background-position:63% center}.cargo-hero__overlay{background:linear-gradient(90deg,rgba(5,20,34,.97),rgba(5,20,34,.62))}.cargo-hero__content{padding:42px 26px}.cargo-hero h1{font-size:2.55rem}.cargo-hero p{font-size:1.08em}.cargo-hero__route,.cargo-hero__eyebrow{display:none!important}.cargo-hero__link{animation:none}
 section#main_container>div.inside-container{padding-top:22px;padding-bottom:35px}section.content_block,section.side_block{border-radius:10px}div.listing-details{padding:16px;border-radius:10px}
}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

/* Mobile: one listing card per row */
@media screen and (max-width:767px){
    section#listings.grid > article,
    section#listings.list > article,
    section#accounts.grid > article,
    ul.featured:not(.list) > li,
    .search-map-container section#listings.grid > article{
        width:100%!important;
        max-width:100%!important;
        flex:0 0 100%!important;
        margin-left:0!important;
        margin-right:0!important;
    }
    section#listings.grid > article:nth-child(3n),
    section#listings.grid > article:nth-child(2n){
        margin-right:0!important;
    }
}