/* Vitrin footer stilleri. Tek kaynak: site/vitrin-footer.blade.php ile birlikte kullanilir.
   Onceden her sayfanin kendi <style> blogunda kopyaliydi. */
  .foot{
    margin-top:0;position:relative;overflow:hidden;
    background:#191243;color:#CFC9EE;
    border-radius:44px 44px 0 0;padding:64px 0 36px;
  }
  /* logo renklerinden şeker çizgi — marka imzası */
  .foot::before{
    content:"";position:absolute;top:0;left:0;right:0;height:5px;
    background:linear-gradient(90deg,#F0435C,#F08B1F,#F6C433,#1FA97C,#45A4DE,#8B7BC7);
  }
  /* dev filigran logo */
  .foot-mark{
    position:absolute;right:-50px;bottom:-70px;width:360px;
    opacity:.05;transform:rotate(-10deg);pointer-events:none;
  }
  .foot-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr 1fr;gap:40px;margin-bottom:56px}
  .foot .brandcol img{height:46px;margin-bottom:18px}
  .foot .brandcol p{font-size:14px;line-height:1.65;color:#A79FD6;max-width:280px;margin:0 0 20px}
  .socials{display:flex;gap:10px}
  .socials a{
    width:38px;height:38px;border-radius:50%;border:1px solid rgba(207,201,238,.25);
    display:flex;align-items:center;justify-content:center;color:#CFC9EE;transition:.2s;
  }
  .socials a:hover{background:rgba(255,255,255,.1);color:#fff}
  .socials svg{width:16px;height:16px}
  /* Teknogirisim rozeti — koyu footer'da okunsun diye beyaz zemin */
  .foot-rozet{
    display:inline-flex;align-items:center;margin-top:22px;
    background:#fff;border-radius:14px;padding:11px 16px;
    box-shadow:0 10px 26px -14px rgba(0,0,0,.75);
    transition:transform .2s ease, box-shadow .2s ease;
  }
  .foot-rozet:hover{transform:translateY(-2px);box-shadow:0 14px 30px -14px rgba(0,0,0,.8)}
  .foot .brandcol .foot-rozet img{height:30px;width:auto;margin:0;display:block}
  .foot h5{
    font-family:var(--font-display);font-weight:800;font-size:12px;letter-spacing:.14em;
    text-transform:uppercase;color:#8F86C9;margin:6px 0 18px;
  }
  .foot ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:11px}
  .foot ul a{color:#CFC9EE;text-decoration:none;font-size:14px;transition:.18s;display:inline-block}
  .foot ul a:hover{color:#fff;transform:translateX(4px)}
  .foot-bottom{
    border-top:1px solid rgba(207,201,238,.15);padding-top:26px;
    display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;
    font-size:13px;color:#8F86C9;
  }
  

  @media (max-width:1024px){
    .foot-grid{grid-template-columns:1fr 1fr}
  }
  /* Footer icerigini ortalayan kapsayici. Vitrin sayfalarinda zaten tanimli;
     eski duzeni kullanan sayfalarda (layouts/app) eksik kalmasin diye burada da var. */
  .foot .wrap{max-width:1200px;margin:0 auto;padding:0 32px}