/* ==========================================================
   Nakliyat Defteri — güzergâh / şehir sayfası (defter/rota.blade.php)
   defter.css'ten SONRA yüklenir; yalnızca .rp sayfasını etkiler.
   Sade, açık tema: ince çizgiler, yumuşak gölgeler, tek vurgu rengi.
   ========================================================== */
.df-sayfa.rp{display:block;max-width:none;margin:0;padding:20px 0 110px;
  --rp-gol:0 1px 2px rgba(19,35,58,.04),0 10px 30px -22px rgba(19,35,58,.22);
  --rp-bas:"Bricolage Grotesque","Source Sans 3",system-ui,sans-serif}
.rp-grid{display:grid;grid-template-columns:minmax(0,1fr) 440px;gap:26px;align-items:start}
.rp-ana{min-width:0}

/* ---------- Ekmek kırıntısı ---------- */
.rp .df-yol{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px;margin:0 0 16px;font-size:13px;color:var(--soft)}
.rp .df-yol a{color:var(--soft);text-decoration:none;transition:color .15s}
.rp .df-yol a:hover{color:var(--or)}
.rp .df-yol>span{opacity:.4}
.rp .df-yol>span:last-child{opacity:1;color:var(--ink);font-weight:600}

/* ---------- Başlık kartı ---------- */
.rp .rp-hero{position:relative;margin:0 0 20px;padding:30px 34px 26px;border:1px solid var(--line);border-radius:16px;color:var(--ink);
  background:linear-gradient(180deg,#FFF8F3 0%,#fff 62%);box-shadow:var(--rp-gol)}
.rp-eyebrow{display:inline-flex;align-items:center;gap:8px;font:600 12px/1 "Source Sans 3",system-ui,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--or)}
.rp-eyebrow i{width:6px;height:6px;border-radius:50%;background:var(--or);opacity:.8}
.rp .rp-hero h1{margin:12px 0 14px;font:700 clamp(26px,3.2vw,34px)/1.15 var(--rp-bas);letter-spacing:-.03em;color:var(--ink)}
.rp .rp-hero p{margin:0 0 10px;max-width:74ch;font-size:15.5px;line-height:1.7;color:#43546A}
.rp .rp-hero p b{color:var(--ink);font-weight:700}
.rp-chips{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 16px}
.rp-chip{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:999px;background:#fff;border:1px solid var(--line);
  font-size:12.5px;font-weight:600;color:var(--soft)}
.rp-chip b{color:var(--or);font:700 14px/1 var(--rp-bas)}
.rp .rp-hero p.small{font-size:13px;line-height:1.55;color:var(--soft)}
.rp .rp-hero p.small:last-child{margin:14px 0 0;padding-top:12px;border-top:1px solid var(--line)}

/* ---------- İlan kartları ---------- */
.rp .dp-liste{gap:10px}
.rp .dp-ic{position:relative;padding:16px 50px 16px 20px;border:1px solid var(--line);border-radius:14px;background:var(--panel);
  box-shadow:none;transition:border-color .2s,box-shadow .2s,transform .2s}
.rp .dp-ic::after{content:"›";position:absolute;right:20px;top:50%;margin-top:-14px;font:400 26px/28px var(--rp-bas);color:#B6C0CC;transition:color .2s,transform .2s}
.rp .dp-ic:hover{border-color:#E9C9B6;box-shadow:var(--rp-gol);transform:translateY(-1px)}
.rp .dp-ic:hover::after{color:var(--or);transform:translateX(3px)}
.rp .dp-ic strong{font:700 16.5px/1.3 var(--rp-bas);letter-spacing:-.01em;color:var(--ink)}
.rp .dp-ic strong .small{font:500 13px/1.4 "Source Sans 3",system-ui,sans-serif;letter-spacing:0;color:var(--soft)}
.rp .dp-ic>.small{font-size:13px;color:var(--soft)}
.rp .dp-metin{margin:6px 0 2px;padding:10px 14px;font-size:14.5px;line-height:1.6;border-radius:10px}

/* ---------- Bölüm başlıkları ---------- */
.rp .df-benzer h2,.rp .df-sss h2{margin:0 0 14px;font:700 18px/1.25 var(--rp-bas);letter-spacing:-.02em;color:var(--ink)}

/* ---------- İlgili sayfalar ---------- */
.rp .df-benzer{margin:30px 0 0}
.rp .df-benzer .dp-liste{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}
.rp .df-benzer .dp-ic{padding:13px 40px 13px 16px;border-radius:12px}
.rp .df-benzer .dp-ic::after{right:16px}
.rp .df-benzer .dp-ic strong{font-size:14.5px}

/* ---------- Sık sorulan sorular ---------- */
.rp .df-sss{margin:30px 0 0;padding:24px 28px 8px;border:1px solid var(--line);border-radius:16px;box-shadow:none}
.rp .df-sss details{padding:0;border-top:1px solid #EAEEF3}
.rp .df-sss details:first-of-type{border-top:0}
.rp .df-sss summary{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:15px 0;list-style:none;cursor:pointer;
  font:600 15.5px/1.4 var(--rp-bas);color:var(--ink);transition:color .15s}
.rp .df-sss summary::-webkit-details-marker{display:none}
.rp .df-sss summary:hover{color:var(--or)}
.rp .df-sss summary::after{content:"+";flex:none;font:300 22px/1 var(--rp-bas);color:#9AA7B6;transition:transform .25s,color .2s}
.rp .df-sss details[open] summary::after{transform:rotate(45deg);color:var(--or)}
.rp .df-sss summary:focus-visible{outline:2px solid var(--or);outline-offset:2px;border-radius:6px}
.rp .df-sss details p{margin:0 0 16px;padding-right:36px;font-size:15px;line-height:1.75;color:var(--soft);animation:rp-ac .25s ease}
@keyframes rp-ac{from{opacity:0;transform:translateY(-3px)}to{opacity:1;transform:none}}

/* ---------- Yan kart (paylaş) ---------- */
.rp .rp-yan{position:sticky;top:96px;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:18px;margin:0;padding:24px;
  border:1px solid var(--line);border-top:3px solid var(--or);border-radius:16px;background:#fff;box-shadow:var(--rp-gol)}
.rp .rp-yan b{display:block;font:700 18px/1.3 var(--rp-bas);letter-spacing:-.02em;color:var(--ink)}
.rp .rp-yan p{margin:8px 0 0;font-size:14px;line-height:1.6;color:var(--soft)}
.rp .rp-yan .btn{display:block;width:100%;box-sizing:border-box;padding:13px 18px;border-radius:10px;text-align:center;font:700 15px/1 var(--rp-bas);
  background:var(--or);border-color:var(--or);color:#fff;box-shadow:0 8px 18px -10px rgba(232,90,18,.7);transition:transform .2s,box-shadow .2s,background .2s}
.rp .rp-yan .btn:hover{background:#D24E0B;border-color:#D24E0B;transform:translateY(-1px);box-shadow:0 12px 22px -10px rgba(232,90,18,.8)}

@media (min-width:1181px){.rp .rp-yan b{white-space:nowrap}}
@media (max-width:1180px){.rp-grid{grid-template-columns:minmax(0,1fr) 360px}}

/* ---------- Mobil ---------- */
@media (max-width:980px){
  .rp-grid{grid-template-columns:1fr;gap:20px}
  .rp .rp-yan{position:static}
}
@media (max-width:640px){
  .df-sayfa.rp{padding:16px 0 100px}
  .rp .rp-hero{padding:22px 18px 20px;border-radius:14px}
  .rp .rp-hero p{font-size:15px}
  .rp .dp-ic{padding:14px 40px 14px 16px}
  .rp .df-sss{padding:18px 16px 4px;border-radius:14px}
  .rp .df-sss details p{padding-right:0}
}
@media (prefers-reduced-motion:reduce){
  .rp .dp-ic,.rp .dp-ic::after,.rp .rp-yan .btn,.rp .df-sss summary::after{transition:none}
  .rp .df-sss details p{animation:none}
}