/* 
 * Cerrahpaşa Tıp Fakültesi — Aday Öğrenci Websitesi
 * Component: Footer, Contact Info & Global Responsive Breakpoints
 */

/* ----------------------------------------------------
   16. SECTION 12 — İLETİŞİM & FOOTER
   ---------------------------------------------------- */
.iletisim {
  padding-bottom: 40px;
}

.iletisim .grid-2 {
  align-items: start;
  gap: 80px;
  margin-bottom: 60px;
}

.iletisim-left h3, .iletisim-right h3 {
  font-size: 2rem;
  color: var(--color-gold);
  margin-bottom: 30px;
}

.contact-info {
  list-style: none;
}

.contact-info-item {
  display: flex;
  align-items: start;
  gap: 16px;
  margin-bottom: 24px;
}

.contact-info-item svg {
  width: 24px;
  height: 24px;
  stroke: var(--color-gold);
  fill: none;
  stroke-width: 2;
  margin-top: 4px;
}

.contact-label {
  font-family: var(--font-ui);
  font-size: 0.85rem;
  font-weight: 700;
  color: var(--color-cream);
  text-transform: uppercase;
  letter-spacing: 0.5px;
  margin-bottom: 4px;
}

.contact-val {
  font-size: 1.05rem;
  color: var(--color-white);
}

.contact-val a:hover {
  color: var(--color-gold);
}

/* Social links */
.social-links {
  display: flex;
  gap: 16px;
  margin-top: 32px;
}

.social-link {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  border: 1px solid rgba(255, 255, 255, 0.2);
  display: flex;
  align-items: center;
  justify-content: center;
  transition: var(--transition-fast);
}

.social-link svg {
  width: 20px;
  height: 20px;
  stroke: var(--color-white);
  fill: none;
  stroke-width: 2;
}

.social-link svg[fill="currentColor"] {
  fill: var(--color-white);
  stroke: none;
}

.social-link:hover {
  background-color: var(--color-white);
  border-color: var(--color-white);
  transform: translateY(-2px);
}

.social-link:hover svg {
  stroke: var(--color-primary);
}

.social-link:hover svg[fill="currentColor"] {
  fill: var(--color-primary);
  stroke: none;
}

/* Address grid */
.campus-addresses {
  display: flex;
  flex-direction: column;
  gap: 30px;
}

.address-block {
  border-left: 3px solid var(--color-gold);
  padding-left: 20px;
}

.address-title {
  font-family: var(--font-ui);
  font-weight: 700;
  font-size: 1rem;
  text-transform: uppercase;
  color: var(--color-gold);
  margin-bottom: 8px;
}

.address-text {
  font-size: 0.95rem;
  color: var(--color-cream);
  margin-bottom: 0;
}

/* Legal Footer */
.footer-bottom {
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  padding-top: 40px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.footer-logos {
  display: flex;
  align-items: center;
  gap: 20px;
}

.footer-logo {
  height: 40px;
  width: auto;
  opacity: 0.8;
}

.footer-copy {
  text-align: right;
}

.footer-copy p {
  font-family: var(--font-ui);
  font-size: 0.85rem;
  color: rgba(255, 255, 255, 0.6);
  margin-bottom: 4px;
}

.footer-copy p:last-child {
  margin-bottom: 0;
}

/* ----------------------------------------------------
   17. CORE RESPONSIVE MEDIA QUERIES
   ---------------------------------------------------- */
@media (max-width: 1024px) {
  h1 { font-size: 3.25rem !important; }
  .grid-3 { grid-template-columns: repeat(2, 1fr); }
  .grid-4 { grid-template-columns: repeat(2, 1fr); }
  .yurtdisi-grid { grid-template-columns: 1fr; }
  .program-deck { margin-top: 40px; }
  .timeline-container { padding-left: 30px; }

  /* Navbar Tablet & Mobile Switch */
  .nav-links { display: none; }
  .nav-actions .btn-nav-download { display: none; }
  .burger-menu { display: flex; }
  .nav-logo { height: 38px; }

  /* Hero Section Grid Collapse */
  .hero { 
    height: auto; 
    min-height: auto; 
    padding: 120px 24px 60px 24px; 
    text-align: center;
  }
  .hero-grid { 
    grid-template-columns: 1fr; 
    gap: 32px; 
  }
  .hero-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
  }
  .hero h1 { 
    font-size: 3rem !important; 
    margin-bottom: 16px;
  }
  .hero p { 
    font-size: 1.2rem !important; 
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 32px;
  }
  .hero-btns {
    justify-content: center;
    width: 100%;
    max-width: 480px;
  }
  .hero-video-wrap {
    max-width: 600px;
    margin: 0 auto;
  }
}

@media (max-width: 768px) {
  .section { padding: 60px 20px; }
  .grid-2 { grid-template-columns: 1fr; gap: 40px; }
  .grid-3 { grid-template-columns: 1fr; }
  .grid-4 { grid-template-columns: 1fr; }
  
  /* Full-width tickers overflow reset on mobile */
  .feature-ticker-wrap,
  .gallery-ticker-wrap {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    left: 0;
    right: 0;
  }
  
  /* Navbar Dynamic Scrolled Height Alignment */
  .navbar.scrolled + #mobile-nav,
  .navbar.scrolled ~ #mobile-nav {
    top: 70px;
    height: calc(100vh - 70px);
  }

  /* Curriculum Cards Compact height */
  .phase-card.clickable-card {
    min-height: auto;
    height: 100%;
    padding: 30px 24px;
  }

  /* Academic Watermark Hide to prevent Horizontal Scroll */
  .akademik-watermark {
    display: none;
  }
  
  /* Timeline */
  .tarihce-right { border-left: none; padding-left: 0; margin-top: 40px; }
  .quote-text { font-size: 1.5rem; }
  
  /* Academic Image offset fix */
  .advisory-img-wrap { padding: 0; }
  .advisory-img-wrap::before { display: none; }
  .advisory-img { transform: none; height: 300px; }
  .advisory-img-wrap:hover .advisory-img { transform: none; }
  
  /* TUS */
  .tus-big-stat { font-size: 4rem; }
  .tus-big-label { font-size: 1.1rem; }
  
  /* Student split visuals */
  .ogrenci-visual { position: static; margin-top: 40px; }
  .ogrenci-img { height: 350px; }
  
  /* Housing toggle */
  .barinma-content.active { grid-template-columns: 1fr; }
  .barinma-visual { margin-top: 30px; }
  
  /* Abroad program deck collapse to single column */
  .program-deck { 
    grid-template-columns: 1fr; 
    width: 100%;
    max-width: 420px;
    margin: 40px auto 0 auto;
  }
  .flip-card {
    height: 180px;
  }
  
  /* Duyurular & Formlar */
  .duyuru-grid { grid-template-columns: 1fr; }
  .duyuru-empty { grid-column: 1; }
  
  /* Gallery */
  .gallery-grid { grid-template-columns: repeat(2, 1fr); }
  
  /* Footer */
  .footer-bottom { flex-direction: column; gap: 24px; text-align: center; }
  .footer-copy { text-align: center; }
}

@media (max-width: 480px) {
  h1 { font-size: 2.2rem !important; }
  .section-header h2 { font-size: 2rem; }
  
  /* Hero Buttons collapse to full-width stack on mobile */
  .hero-btns {
    flex-direction: column;
    gap: 12px;
    width: 100%;
  }
  .hero-btns .btn {
    width: 100%;
  }

  /* Housing Tabs mobile column stack */
  .barinma-tabs { flex-direction: column; width: 100%; border-radius: 8px; }
  .tab-btn { width: 100%; text-align: center; border-radius: 4px; }
  .gallery-grid { grid-template-columns: 1fr; }

  /* Premium Toast Notification System Mobile Styling */
  #toast-container {
    bottom: 16px;
    right: 16px;
    left: 16px;
    width: auto;
  }
  .custom-toast {
    min-width: auto;
    max-width: none;
    width: 100%;
    padding: 12px 16px;
    font-size: 0.85rem;
    border-radius: 12px;
  }
}