@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&display=swap');

/* ================== IDÜ — FOOTER (1320px, #0C223E) ================== */
:root{
  --idu-navy:#0C223E;
  --idu-navy-2:#0a1c33;
  --idu-white:#fff;
  --idu-black:#202325;
  --idu-maxw:1320px;
  --gap:28px;
  --underline-w:42px;
  --muted: rgba(255,255,255,.78);
  --idu-orange:#f79433; /* hover rengi */
}

.idu-footer{
  color:var(--idu-white);
  font-family:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
}

/* Üst boşlukları sıfırla -> footer üstündeki alanlara yapışsın */
.idu-footer-top{background:transparent; padding:0; margin:0;}

/* Dış kabuk: tam 1320px */
.idu-footer-inner{
  max-width:var(--idu-maxw);
  width:100%;
  margin:0 auto;
  padding-left:0; padding-right:0;         /* tam 1320 */
  box-sizing:border-box;
}

/* 1320px panel – radius & shadow yok */
.idu-footer-card{
  max-width:var(--idu-maxw);
  width:100%;
  margin:0 auto;
  background:var(--idu-navy);
  border-radius:0;
  padding:18px 16px 0;                     /* iç ped 16px */
  box-shadow:none;
}

/* ================== ÜST 3'lü bilgi (Adres / İletişim / E-Posta) ================== */
.idu-footer .idu-info{
  display:grid; grid-template-columns:1fr 1fr 1fr;
  gap:var(--gap); align-items:flex-start; margin:10px 0 6px;
}
.idu-footer .idu-info-item{display:flex; gap:12px; align-items:flex-start;}
.idu-footer .idu-info-ico{color:#cdd8ea; line-height:1; margin-top:2px;}
.idu-footer .idu-info-text h4{margin:0 0 4px 0; font-size:18px; font-weight:700;}
.idu-footer .idu-info-text p{margin:0; font-size:14px; color:var(--muted);}
.idu-footer .idu-info-text a{color:#eaf2ff; text-decoration:underline; text-underline-offset:2px;}
.idu-footer .idu-info-text a:hover{opacity:.9}

/* İnce ayırıcı */
.idu-footer .idu-sep{border:0; height:1px; background:rgba(255,255,255,.18); margin:14px 0 12px;}

/* ================== ALT 3 sütun ================== */
/* Sol: Sosyal (logo+üniv adı+başlık+ikonlar), Sağ: Hizmetler + Bağlantılar */
.idu-footer .idu-cols{display:grid; grid-template-columns:1.2fr 1fr 1fr; gap:var(--gap);}
.idu-footer .idu-cols.idu-cols-reordered .idu-social-col{order:-1;}
.idu-footer .idu-footer-col{min-width:0;}

.idu-footer .idu-col-title{
  font-size:22px; font-weight:700; margin:0 0 10px 0; letter-spacing:.2px;
  position:relative; padding-bottom:10px;
}
.idu-footer .idu-col-title::after{
  content:""; position:absolute; left:0; bottom:0; height:3px; width:var(--underline-w);
  background:rgba(255,255,255,.35);
}

/* Sol sütun: logo + üniv adı */
.idu-footer .idu-social-logo{display:block; margin:2px 0 6px 0; width:150px; height:auto;}
.idu-footer .idu-univ-name{font-weight:700; margin:0 0 8px 0;}

/* Link listeleri */
.idu-footer .idu-link-list{list-style:none; margin:0; padding:0; display:grid; gap:10px;}
.idu-footer .idu-link-list a{
  color:#eaf2ff; text-decoration:underline; text-underline-offset:2px;
  transition: color .15s ease, text-decoration-color .15s ease;
}
/* Turuncu hover */
.idu-footer .idu-link-list a:hover{
  color: var(--idu-orange);
  text-decoration-color: var(--idu-orange);
}

/* Sosyal ikonlar */
.idu-footer .idu-social{display:flex; gap:10px; flex-wrap:wrap; margin-top:6px;}
.idu-footer .icon-btn{
  width:36px; height:36px; border-radius:50%;
  display:inline-flex; align-items:center; justify-content:center;
  background:rgba(255,255,255,.10); color:#fff; text-decoration:none;
  transition:transform .15s ease, background .2s ease, color .2s ease, border-color .2s ease;
  border:1px solid rgba(255,255,255,.16);
}
/* Turuncu hissi için hover’da sıcak ton */
.idu-footer .icon-btn:hover{
  background: rgba(247,148,51,.15);
  border-color: rgba(247,148,51,.35);
  transform: translateY(-1px);
}
.idu-footer .icon-btn svg{display:block}

/* ================== Telif çubuğu (panel içine yapışık) ================== */
.idu-footer .idu-copybar{
  display:flex; align-items:center; justify-content:space-between;
  gap:14px; margin-top:16px; padding:12px 0 14px; border-top:1px solid rgba(255,255,255,.18);
}
.idu-footer .idu-copy{opacity:.9; font-size:13px}

.idu-footer .idu-to-top{
  display:inline-flex; align-items:center; justify-content:center; width:34px; height:34px; border-radius:8px;
  background:#2b2e30; color:#fff; text-decoration:none; border:1px solid rgba(255,255,255,.08);
  transition:background .2s ease, transform .15s ease;
}
.idu-footer .idu-to-top:hover{background:#3a3d40; transform:translateY(-1px);}

/* ================== RESPONSIVE ================== */
/* Tablet */
@media (max-width:1024px){
  .idu-footer .idu-info{grid-template-columns:1fr; gap:14px;}
  .idu-footer .idu-cols{grid-template-columns:1fr 1fr; gap:22px;}
  .idu-footer .idu-cols.idu-cols-reordered{grid-template-columns:1fr; gap:18px;}
}

/* Mobil: yükseklik küçült + ortala + İSTENEN SIRALAMA */
@media (max-width:640px){
  /* Yoğunlaştırma */
  .idu-footer .idu-footer-card{ padding:14px 12px 0; }
  .idu-footer .idu-info{ gap:10px; margin:6px 0 4px; }
  .idu-footer .idu-info-text h4{ font-size:16px; margin:0 0 2px; }
  .idu-footer .idu-info-text p{ font-size:13px; line-height:1.25; }
  .idu-footer .idu-sep{ margin:10px 0 8px; }

  .idu-footer .idu-cols{ grid-template-columns:1fr; gap:14px; }
  .idu-footer .idu-col-title{ font-size:18px; margin:10px 0 6px; padding-bottom:6px; text-align:center; }
  .idu-footer .idu-col-title::after{ height:2px; width:36px; left:50%; transform:translateX(-50%); }

  .idu-footer .idu-link-list{ gap:6px; }
  .idu-footer .idu-link-list a{ font-size:14px; line-height:1.2; }

  /* Logo + metni ortala, ikonları ortala */
  .idu-footer .idu-social-col{ text-align:center; }
  .idu-footer .idu-social-logo{ margin-left:auto; margin-right:auto; }
  .idu-footer .idu-univ-name{ text-align:center; }
  .idu-footer .idu-social{ justify-content:center; }

  .idu-footer .icon-btn{ width:32px; height:32px; }

  .idu-footer .idu-copybar{ margin-top:12px; padding:8px 0 10px; }
  .idu-footer .idu-copy{ font-size:12px; }

  /* === MOBİLDE SIRALAMA ===
     İstenen sıra:
     1) Adres/İletişim/E-Posta (.idu-info) [zaten üstte]
     2) Hizmetler
     3) Bağlantılar
     4) Logo + Sosyal Medya (idu-social-col)
  */
  .idu-footer .idu-cols{
    display:flex !important;
    flex-direction:column;
    gap:14px;
  }
  .idu-footer .idu-cols > .idu-footer-col:nth-of-type(2){ order:1; } /* Hizmetler */
  .idu-footer .idu-cols > .idu-footer-col:nth-of-type(3){ order:2; } /* Bağlantılar */
  .idu-footer .idu-cols > .idu-social-col{               order:3; } /* Logo + Sosyal */
}