/*
Theme Name: Sudan Cargo
Theme URI: https://sudancargo.com/
Author: Klassa Lojistik
Author URI: https://klassa.com.tr/
Description: Sudan'a kargo, konteyner, proje kargo, hava kargo ve gümrükleme hizmetleri için 4 dilli (Türkçe, Sudan Arapçası, Rusça, İngilizce) açılış sayfası teması. Ana sayfa Türkçe açılış sayfasını, /ar/ /ru/ /en/ adresleri diğer dilleri yayınlar. Hareketli Sudan haritası, 16 sektör, ihracat tablosu ve Sudan temalı slayt bandı içerir. Sağdan sola (RTL) desteklidir.
Version: 1.0.0
Requires at least: 5.6
Tested up to: 6.7
Requires PHP: 7.2
License: GPL-2.0-or-later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: sudancargo
Tags: business, logistics, landing-page, multilingual, rtl-language-support, custom-menu, translation-ready
*/

/* ==========================================================================
   NOT: Açılış sayfalarının (TR / AR / RU / EN) tasarımı kendi HTML dosyalarının
   içinde gömülüdür — templates/ klasörüne bakın. Buradaki stiller yalnızca
   blog, tekil yazı ve 404 gibi diğer sayfaların iskeleti içindir.
   ========================================================================== */

:root{
  --navy:#00263c; --ink:#16232e; --accent:#0f7cb4; --accent-d:#0a6093;
  --mute:#5a6a78; --line:#e2e8ed; --alt:#f5f8fa; --rad:3px;
  --ff:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
}
*,*::before,*::after{box-sizing:border-box}
body{margin:0;font-family:var(--ff);color:var(--ink);background:#fff;line-height:1.65;font-size:16px}
body.rtl{font-family:"Segoe UI","Noto Naskh Arabic",Tahoma,var(--ff);line-height:1.9}
img{max-width:100%;height:auto}
a{color:var(--accent-d)}
a:hover{text-decoration:underline}
h1,h2,h3{color:var(--navy);line-height:1.25;letter-spacing:-.02em;margin:0 0 .5em}
h1{font-size:clamp(1.6rem,3vw,2.3rem)}

.sc-wrap{max-width:1240px;margin:0 auto;padding:0 24px}

.sc-head{background:#fff;border-bottom:1px solid var(--line)}
.sc-head .sc-wrap{display:flex;align-items:center;gap:22px;height:72px}
.sc-logo{display:flex;align-items:center;gap:10px;color:var(--navy);font-weight:800;
  font-size:1.04rem;letter-spacing:.04em;text-decoration:none;white-space:nowrap}
.sc-logo:hover{text-decoration:none}
.sc-logo small{display:block;font-size:.6rem;font-weight:600;letter-spacing:.1em;
  color:var(--mute);margin-top:1px}
svg.sc-mk{width:30px;height:30px;flex:none}
.sc-nav{margin-inline-start:auto}
.sc-nav .nav{list-style:none;display:flex;gap:4px;margin:0;padding:0}
.sc-nav .nav a{display:block;padding:9px 12px;font-size:.87rem;font-weight:600;
  color:var(--ink);text-decoration:none;border-radius:var(--rad)}
.sc-nav .nav a:hover{background:var(--alt);color:var(--accent-d)}

.sc-main{padding:56px 0 72px;min-height:50vh}
.sc-card{border:1px solid var(--line);border-radius:var(--rad);padding:26px;margin-bottom:20px}
.sc-card h2{font-size:1.2rem;margin-bottom:6px}
.sc-card h2 a{color:var(--navy);text-decoration:none}
.sc-meta{font-size:.8rem;color:var(--mute);margin-bottom:10px}
.sc-single{max-width:76ch}
.sc-single img{border-radius:var(--rad)}

.sc-btn{display:inline-block;background:var(--accent);color:#fff;border-radius:var(--rad);
  padding:13px 24px;font-weight:700;text-decoration:none}
.sc-btn:hover{background:var(--accent-d);color:#fff;text-decoration:none}

.sc-pag{margin-top:28px}
.sc-pag .page-numbers{display:inline-block;padding:7px 12px;border:1px solid var(--line);
  border-radius:var(--rad);margin-inline-end:5px;text-decoration:none}
.sc-pag .current{background:var(--navy);color:#fff;border-color:var(--navy)}

.sc-foot{background:var(--navy);color:#9db4c6;padding:34px 0;font-size:.88rem}
.sc-foot .sc-wrap{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between}
.sc-foot p{margin:0}
.sc-foot a{color:#9db4c6;text-decoration:none}
.sc-foot a:hover{color:#fff}
.sc-langs a{margin-inline-start:14px;font-weight:700;letter-spacing:.05em}

@media(max-width:700px){
  .sc-head .sc-wrap{height:auto;padding-top:14px;padding-bottom:14px;flex-wrap:wrap}
  .sc-nav{margin-inline-start:0;width:100%}
  .sc-main{padding:36px 0 48px}
}
@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}
