/*
Theme Name: Benua Shipping
Theme URI: https://benuashipping.com/
Author: Benua Shipping
Author URI: https://benuashipping.com/
Description: Premium Elementor-first corporate WordPress theme for Benua Shipping. Designed for maritime ship management and consultancy websites.
Version: 1.1.0
Requires at least: 6.0
Tested up to: 6.9
Requires PHP: 7.4
License: GPL v2 or later
Text Domain: benua-shipping
Tags: elementor, maritime, shipping, corporate, responsive, custom-logo
*/

:root{
  --benua-navy:#071b2f;
  --benua-navy-2:#0b2942;
  --benua-blue:#123d5a;
  --benua-gold:#c5a15b;
  --benua-gold-2:#e2c783;
  --benua-ink:#182531;
  --benua-muted:#697784;
  --benua-light:#f5f7f8;
  --benua-border:#e2e7ea;
  --benua-white:#fff;
  --benua-container:1380px;
  --benua-shadow:0 20px 60px rgba(7,27,47,.10);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;background:#fff;color:var(--benua-ink);
  font-family:"Open Sans","Helvetica Neue",Arial,sans-serif;
  font-size:16px;line-height:1.7;
  -webkit-font-smoothing:antialiased;
}
a{color:var(--benua-blue);text-decoration:none}
a:hover{color:var(--benua-gold)}
img{max-width:100%;height:auto}
button,input,select,textarea{font:inherit}
.benua-container{width:min(var(--benua-container),calc(100% - 48px));margin-inline:auto}

/* Elementor canvas: theme supplies no content styling that fights Elementor. */
.benua-elementor-content,.site-main{width:100%;margin:0;padding:0}
.elementor-page .site-main,.elementor-editor-active .site-main{width:100%;max-width:none;margin:0;padding:0}
.elementor-section.elementor-section-boxed > .elementor-container{max-width:1380px}

/* Corporate typography helpers for Elementor widgets */
.benua-eyebrow{
  font-family:"Open Sans","Helvetica Neue",Arial,sans-serif;
  color:var(--benua-gold);font-size:12px;font-weight:800;
  letter-spacing:2.8px;text-transform:uppercase
}
.benua-title{
  font-family:"Manrope","Inter","Helvetica Neue",Arial,sans-serif;
  color:var(--benua-navy);font-weight:700;letter-spacing:-.035em
}

/* Breadcrumb */
.benua-breadcrumb-wrap{
  background:linear-gradient(180deg,#f7f9fa 0%,#fff 100%);
  border-bottom:1px solid var(--benua-border);
}
.benua-breadcrumb{
  min-height:58px;display:flex;align-items:center;gap:9px;
  font-size:13px;color:var(--benua-muted);overflow:hidden
}
.benua-breadcrumb a{color:var(--benua-muted);white-space:nowrap}
.benua-breadcrumb a:hover{color:var(--benua-gold)}
.benua-breadcrumb .sep{color:#aab3b9;font-size:12px}
.benua-breadcrumb .current{
  color:var(--benua-navy);font-weight:700;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap
}

/* Reference-style Benua Shipping header/footer fallback. Elementor Pro can replace these via Theme Builder. */
.benua-header-container{width:min(1500px,calc(100% - 72px));margin-inline:auto}
.benua-reference-header{position:relative;z-index:999;background:#fff;font-family:"Montserrat","Open Sans",Arial,sans-serif}
.benua-topbar{background:#06365b;color:#fff;height:46px}
.benua-topbar-inner{height:46px;display:flex;align-items:center;justify-content:space-between}
.benua-tagline{display:flex;align-items:center;gap:13px;font-size:14px;letter-spacing:2px;font-weight:500}
.benua-pin{width:18px;height:22px;border-radius:50% 50% 50% 0;transform:rotate(-45deg);display:inline-grid;place-items:center;background:#c7a35c;color:#c7a35c;font-size:0;position:relative}
.benua-pin:after{content:"";width:6px;height:6px;background:#06365b;border-radius:50%}
.benua-socials{display:flex;align-items:center;height:100%;gap:15px;font-weight:800}
.benua-socials a{color:#fff;font-size:16px;min-width:22px;text-align:center}
.benua-socials a:hover{color:#d5b46c}
.benua-social-divider{width:1px;height:24px;background:rgba(255,255,255,.35)}
.benua-brandbar{min-height:150px;position:relative;overflow:hidden;background:#eef7fb url("assets/images/benua-header-reference-bg.jpg") center right/auto 100% no-repeat}
.benua-brandbar:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.97) 0%,rgba(255,255,255,.89) 31%,rgba(255,255,255,.15) 62%,rgba(255,255,255,.05) 100%);pointer-events:none}
.benua-brandbar-inner{position:relative;z-index:1;min-height:150px;display:flex;align-items:center;justify-content:space-between;gap:35px}
.benua-reference-logo{display:flex;align-items:center;max-width:470px;min-width:320px}
.benua-reference-logo img{display:block;width:100%;height:auto;max-height:132px;object-fit:contain}
.benua-reference-logo .custom-logo{max-height:120px;width:auto}
.benua-contact-cluster{display:flex;align-items:center;justify-content:flex-end;gap:22px;margin-left:auto}
.benua-contact-item{display:flex;align-items:center;gap:12px;color:#07385d}
.benua-contact-item:hover{color:#07385d}
.benua-contact-item small{display:block;font-size:10px;line-height:1.2;font-weight:800;letter-spacing:1.4px;color:#45647c;margin-bottom:3px}
.benua-contact-item strong{display:block;font-size:13px;line-height:1.35;font-weight:700;white-space:nowrap}
.benua-contact-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:50%;background:#c5a15b;color:#fff;font-size:18px;font-weight:700;flex:0 0 42px}
.benua-contact-separator{width:1px;height:55px;background:rgba(7,55,91,.22)}
.benua-navrow{position:relative;height:76px;background:#06385d;box-shadow:0 5px 20px rgba(0,34,59,.12)}
.benua-nav-inner{height:76px;display:flex;align-items:stretch}
.benua-primary-nav{flex:1;min-width:0}
.benua-primary-list,.benua-primary-list ul{list-style:none;margin:0;padding:0}
.benua-primary-list{height:76px;display:flex;align-items:stretch}
.benua-primary-list>li{position:relative;display:flex;align-items:stretch;border-right:1px solid rgba(255,255,255,.20)}
.benua-primary-list>li>a{display:flex;align-items:center;justify-content:center;padding:0 27px;color:#fff;font-size:14px;line-height:1;font-weight:700;letter-spacing:.15px;text-transform:uppercase;white-space:nowrap}
.benua-primary-list>li:first-child>a{background:#c7a35c;padding-inline:34px}
.benua-primary-list>li.current-menu-item>a,.benua-primary-list>li.current_page_item>a{background:#c7a35c;color:#fff}
.benua-primary-list>li>a:hover{background:rgba(199,163,92,.88);color:#fff}
.benua-primary-list .sub-menu{display:none;position:absolute;top:100%;left:0;min-width:245px;background:#06385d;box-shadow:0 15px 35px rgba(0,0,0,.18);z-index:20}
.benua-primary-list li:hover>.sub-menu,.benua-primary-list li:focus-within>.sub-menu{display:block}
.benua-primary-list .sub-menu li a{display:block;padding:14px 18px;border-bottom:1px solid rgba(255,255,255,.10);color:#fff;font-size:12px;font-weight:600;text-transform:none}
.benua-primary-list .sub-menu li a:hover{background:#c7a35c}
.benua-search-toggle{width:70px;border:0;border-left:1px solid rgba(255,255,255,.25);background:transparent;color:#fff;font-size:35px;line-height:1;cursor:pointer;font-family:Arial,sans-serif}
.benua-search-toggle:hover{background:rgba(199,163,92,.9)}
.benua-mobile-toggle{display:none}

.benua-reference-footer{font-family:"Open Sans","Helvetica Neue",Arial,sans-serif;color:#fff}
.benua-footer-main{background:#062e4e;padding:68px 0 55px}
.benua-footer-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1.1fr;gap:55px}
.benua-footer-brand .benua-footer-logo{max-width:330px;min-width:0;background:#fff;padding:12px 18px;margin-bottom:22px}
.benua-footer-brand p{max-width:440px;color:rgba(255,255,255,.70);font-size:14px;line-height:1.8;margin:0}
.benua-reference-footer h3{margin:0 0 20px;color:#c9a55f;font:700 14px/1.2 "Montserrat",sans-serif;text-transform:uppercase;letter-spacing:1.6px}
.benua-reference-footer ul{list-style:none;margin:0;padding:0}
.benua-reference-footer li{margin:0 0 10px}
.benua-reference-footer li a,.benua-reference-footer li{color:rgba(255,255,255,.72);font-size:13px}
.benua-reference-footer li a:hover{color:#fff}
.benua-footer-contact li span{display:block;color:#fff;font-weight:700;margin-bottom:2px}
.benua-footer-bottom{border-top:1px solid rgba(255,255,255,.13);background:#04253e;padding:18px 0}
.benua-footer-bottom .benua-header-container{display:flex;justify-content:space-between;gap:20px;color:rgba(255,255,255,.48);font-size:11px}

@media(max-width:1200px){
  .benua-header-container{width:min(1500px,calc(100% - 40px))}
  .benua-contact-cluster{gap:13px}.benua-contact-item strong{font-size:11px}.benua-contact-icon{width:38px;height:38px;flex-basis:38px}
  .benua-primary-list>li>a{padding-inline:17px;font-size:12px}.benua-primary-list>li:first-child>a{padding-inline:22px}
}
@media(max-width:980px){
  .benua-brandbar{min-height:145px}.benua-brandbar-inner{min-height:145px}.benua-reference-logo{max-width:350px;min-width:240px}.benua-contact-cluster{display:none}
  .benua-navrow,.benua-nav-inner{height:62px}.benua-mobile-toggle{display:flex;align-items:center;gap:9px;border:0;background:transparent;color:#fff;font-size:13px;font-weight:700;text-transform:uppercase;padding:0 10px;cursor:pointer}.benua-primary-nav{position:absolute;top:100%;left:20px;right:20px;display:none;background:#06385d;box-shadow:0 18px 35px rgba(0,0,0,.2)}.benua-primary-nav.is-open{display:block}.benua-primary-list{height:auto;display:block}.benua-primary-list>li{display:block;border-bottom:1px solid rgba(255,255,255,.12)}.benua-primary-list>li>a,.benua-primary-list>li:first-child>a{justify-content:flex-start;min-height:48px;padding:0 18px}.benua-search-toggle{margin-left:auto;height:62px}.benua-primary-list .sub-menu{position:static;box-shadow:none}
  .benua-footer-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:560px){
  .benua-header-container{width:calc(100% - 28px)}.benua-topbar{height:40px}.benua-topbar-inner{height:40px}.benua-tagline{font-size:10px;letter-spacing:1.1px}.benua-socials{gap:7px}.benua-social-divider{height:18px}
  .benua-brandbar,.benua-brandbar-inner{min-height:112px}.benua-reference-logo{max-width:280px;min-width:0}.benua-reference-logo img{max-height:85px}
  .benua-footer-grid{grid-template-columns:1fr;gap:35px}.benua-footer-bottom .benua-header-container{flex-direction:column}
}
/* Elementor editor niceties */
.elementor-editor-active .benua-breadcrumb-wrap{display:block}
.elementor-editor-active .benua-elementor-content{min-height:100px}
.elementor-widget-image img{max-width:100%}

@media(max-width:900px){
  .benua-container{width:min(var(--benua-container),calc(100% - 34px))}
  .benua-fallback-nav{display:none}
  .benua-fallback-header .inner{min-height:78px}
  .benua-fallback-footer .grid{grid-template-columns:1fr 1fr}
}
@media(max-width:560px){
  .benua-container{width:min(var(--benua-container),calc(100% - 28px))}
  .benua-fallback-footer .grid{grid-template-columns:1fr}
  .benua-footer-bottom .inner{flex-direction:column}
}
