/* SPEDEX header/footer (solexpress düzeni). inc/header.php içinden yüklenir. */

/* ---------- HEADER ---------- */
.spx-header{background:#1b2a8c}
/* Slider / sayfa başlığı olan sayfalarda header görselin üstünde durur */
body:has(.top-position1) .spx-header{position:absolute;top:0;left:0;width:100%;background:none}
.top-position1{margin-top:0 !important}

.spx-topbar{background:#0e1a5c;font-size:14px;border-bottom:1px solid rgba(255,255,255,.12)}
.spx-topbar .container-fluid{display:flex;justify-content:space-between;align-items:center;min-height:42px}
.spx-topbar a{color:#e3e7f7}
.spx-topbar a:hover{color:#fff}
.spx-topbar-sol a{margin-right:30px}
.spx-topbar-sol i{color:#d7262e;margin-right:8px}
.spx-topbar-sag a{margin-left:24px}
.spx-topbar-sag a:before{content:"";display:inline-block;width:6px;height:6px;background:#d7262e;border-radius:50%;margin-right:8px;vertical-align:middle}

.spx-header .navbar-default{background:rgba(14,26,92,.38);border-bottom:1px solid rgba(255,255,255,.15);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}
.spx-header .navbar-header-custom{padding:8px 0}
.spx-logo img{display:block;width:210px;height:auto}

@media screen and (min-width:992px){
  .spx-header .navbar-nav>li{margin-left:14px}
  header.spx-header.scrollHeader .navbar-default{background:#fff;-webkit-backdrop-filter:none;backdrop-filter:none}
  .spx-header.scrollHeader .spx-logo img{width:150px}
  .page-title-section{padding-top:240px}
}

@media screen and (max-width:991px){
  .spx-logo img{width:150px}
  .spx-header .navbar-toggler{top:50%;transform:translateY(-50%)}
  .spx-header .navbar-nav{top:100%}
}

/* ---------- FOOTER ---------- */
.spx-footer{color:#c3c9e6;background:linear-gradient(rgba(12,20,72,.95),rgba(12,20,72,.95)),url(../resimler/spedex-karayolu-tir.webp) center/cover no-repeat}
.spx-footer a{color:#c3c9e6}
.spx-footer a:hover{color:#fff}
.spx-footer-ust{padding:80px 0 60px}
.spx-footer-logo img{width:200px;height:auto;margin-bottom:20px}
.spx-footer p{color:#c3c9e6;font-size:15px;line-height:1.7}
.spx-footer-baslik{color:#fff;font-size:19px;margin-bottom:26px;padding-bottom:12px;position:relative}
.spx-footer-baslik:after{content:"";position:absolute;left:0;bottom:0;width:40px;height:3px;background:#d7262e}
.spx-footer-liste{list-style:none;padding:0;margin:0}
.spx-footer-liste li{margin-bottom:11px}
.spx-footer-liste a:before{content:"\203A";color:#d7262e;font-weight:700;margin-right:8px}
.spx-sosyal{list-style:none;padding:0;margin:18px 0 0;display:flex;gap:10px}
.spx-sosyal a{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;background:rgba(255,255,255,.1);color:#fff}
.spx-sosyal a:hover{background:#d7262e}
.spx-bulten input{width:100%;height:50px;padding:0 16px;border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.08);color:#fff;margin-bottom:12px;outline:0}
.spx-bulten input::placeholder{color:#aab2d6}
.spx-bulten button{width:100%;height:50px;border:0;background:#d7262e;color:#fff;font-weight:700;text-transform:uppercase;letter-spacing:.5px}
.spx-bulten button:hover{background:#b81d24}
.spx-footer-bilgi{padding:34px 0;border-top:1px solid rgba(255,255,255,.1);border-bottom:1px solid rgba(255,255,255,.1)}
.spx-bilgi{display:flex;align-items:center;gap:16px}
.spx-bilgi>i{flex:0 0 54px;width:54px;height:54px;border-radius:50%;background:#d7262e;color:#fff;display:flex;align-items:center;justify-content:center;font-size:20px}
.spx-bilgi h6{color:#fff;margin:0 0 4px;font-size:16px}
.spx-bilgi span,.spx-bilgi a{font-size:15px}
.spx-footer-alt{padding:20px 0;font-size:14px;background:rgba(0,0,0,.18)}
.spx-footer-alt .container{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px}
@media screen and (max-width:767px){
  .spx-footer-ust{padding:56px 0 40px}
  .spx-footer-alt .container{justify-content:center;text-align:center}
}
/* g-5 satır boşluğu dar ekranda container dolgusunu aşıp yatay kaydırma yapıyordu */
@media screen and (max-width:575.98px){.spx-footer-ust .row.g-5{--bs-gutter-x:1.5rem}}