/* Kurumsal Nakliyat Tema */
:root{
  --brand2:#f57c00;
  --brand:#0b5ed7;
  --dark:#0b1320;
}
body{ font-family: system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif; }
.navbar-brand strong{letter-spacing:.4px;}
.hero{
  background: radial-gradient(1200px 500px at 20% 10%, rgba(11,94,215,.25), transparent 60%),
              radial-gradient(900px 500px at 80% 0%, rgba(13,202,240,.18), transparent 55%),
              linear-gradient(180deg, #0b1320 0%, #0b1b2f 55%, #0b1320 100%);
  color:#fff;
}
.hero .badge{background:rgba(255,255,255,.12); border:1px solid rgba(255,255,255,.18);}
.hero .card{
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.14);
  color:#fff;
  backdrop-filter: blur(6px);
}
.section-title{letter-spacing:.3px;}
.icon-circle{
  width:44px;height:44px;border-radius:999px;display:grid;place-items:center;
  background:rgba(11,94,215,.10); color:var(--brand);
}
.footer{
  background:#0b1320; color:rgba(255,255,255,.85);
}
.footer a{color:rgba(255,255,255,.85); text-decoration:none;}
.footer a:hover{color:#fff; text-decoration:underline;}
.card-hover{transition:transform .15s ease, box-shadow .15s ease;}
.card-hover:hover{transform:translateY(-3px); box-shadow:0 1rem 2rem rgba(0,0,0,.12)!important;}
.table thead th{background:#f5f7fb;}
.admin-sidebar{
  min-height:100vh;
  background:#0b1320;
}
.admin-sidebar a{color:rgba(255,255,255,.85); text-decoration:none;}
.admin-sidebar a:hover{color:#fff;}
.admin-sidebar .active{background:rgba(255,255,255,.10); border-radius:.75rem;}



/* === BRAND HEADER (ParçaYük.com) === */
.navbar{
  min-height:82px;
  padding-top:12px;
  padding-bottom:12px;
}

.brand-logo{
  height:52px;
  width:auto;
  object-fit:contain;
  border-radius:8px;
  background: rgba(255,255,255,.06);
  padding:6px;
}

.brand-text{ line-height:1.1; }

.brand-main{
  font-size:26px;
  font-weight:800;
  letter-spacing:.3px;
  color:#ffffff;
}

.brand-main::after{
  content: ".com";
  font-size:16px;
  font-weight:700;
  color: var(--brand2);
  margin-left:4px;
}

.brand-sub{
  font-size:12px;
  color: rgba(255,255,255,.75);
  font-weight:600;
}

@media (max-width: 768px){
  .brand-main{ font-size:20px; }
  .brand-sub{ display:none; }
  .brand-logo{ height:42px; }
  .navbar{ min-height:70px; }
}



/* === ADMIN SIDEBAR BRAND FIX === */
.admin-brand{ margin-bottom: 18px !important; }
.admin-brand-logo{
  height:44px;
  width:auto;
  border-radius:10px;
  background: rgba(255,255,255,.08);
  padding:6px;
}
.admin-sidebar{ overflow-x:hidden; }



/* === HEADER VISUAL UPGRADE === */
.navbar{
  background: linear-gradient(90deg, #071a2f, #0b2a4a, #0e3a6d);
  box-shadow: 0 10px 30px rgba(0,0,0,.35);
}

.brand-badge{
  display:inline-block;
  margin-top:4px;
  font-size:11px;
  font-weight:700;
  padding:4px 10px;
  border-radius:999px;
  background: linear-gradient(90deg, #ff7a00, #ff9a2f);
  color:#111;
}

.nav-link{
  position:relative;
  font-weight:600;
}

.nav-link::after{
  content:'';
  position:absolute;
  left:0;
  bottom:-6px;
  width:0;
  height:2px;
  background:#ff7a00;
  transition:width .25s ease;
}

.nav-link:hover::after{
  width:100%;
}

.navbar .btn-outline-light{
  border-radius:10px;
  font-weight:700;
  padding:6px 16px;
  box-shadow: 0 0 0 rgba(255,122,0,0);
  transition:all .3s ease;
}

.navbar .btn-outline-light:hover{
  background:#ff7a00;
  border-color:#ff7a00;
  color:#111;
  box-shadow: 0 0 18px rgba(255,122,0,.8);
}



/* === TOPBAR (İletişim + Saatler) === */
.topbar{
  background: linear-gradient(90deg, rgba(0,0,0,.55), rgba(0,0,0,.35));
  color: rgba(255,255,255,.85);
  border-bottom: 1px solid rgba(255,255,255,.08);
}

.topbar-item{
  display:inline-flex;
  align-items:center;
  padding: 2px 0;
}

.topbar-link{
  display:inline-flex;
  align-items:center;
  color: rgba(255,255,255,.85);
  text-decoration:none;
}

.topbar-link:hover{
  color:#fff;
  text-decoration: underline;
}

.topbar-cta{
  font-weight:800;
  border-radius:10px;
  padding: 6px 12px;
}

.topbar-cta2{
  border-radius:10px;
  padding: 6px 12px;
  font-weight:700;
}

@media (max-width: 768px){
  .topbar .btn{ width:100%; }
}
