/* ============================================================
   Pure Rivers — Interreg NEXT Black Sea Basin
   Accessibility-enhanced version | Hero Slider added
   Visual Identity Manual 2nd Edition, January 2024

   FONTS  : Open Sans (primary) | Vollkorn (headings)
   COLOURS: Reflex Blue #003399 | Light Blue #9FAEE5
            Yellow #FFCC00 | PO2 Green #9ACA3C | ISO1 #0E6EB6
   ============================================================ */

@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,600;0,700;1,400&family=Vollkorn:ital,wght@0,400;0,600;0,700;1,400&display=swap');


* { box-sizing: border-box; margin: 0; padding: 0; }
body { font-family: 'Open Sans', Arial, sans-serif; color: #1a2744; background: #f4f7fb; }

/* ── ACCESSIBILITY WIDGET ── */
#a11y-btn {
  position: fixed;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 9999;
  width: 52px;
  height: 52px;
  border-radius: 50%;
  background: #003399;
  border: 3px solid #fff;
  box-shadow: 0 4px 16px rgba(0,0,0,0.28);
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background 0.2s, transform 0.2s;
}
#a11y-btn:hover, #a11y-btn:focus {
  background: #003399;
  outline: 3px solid #ffcc00;
  outline-offset: 2px;
  transform: translateY(-50%) scale(1.08);
}
#a11y-btn svg { width: 28px; height: 28px; fill: #fff; }
#a11y-panel {
  position: fixed;
  right: 82px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 9998;
  background: #fff;
  border: 1.5px solid #d0daea;
  border-radius: 12px;
  box-shadow: 0 8px 32px rgba(0,0,0,0.18);
  padding: 20px 18px;
  width: 236px;
  display: none;
  flex-direction: column;
  gap: 10px;
}
#a11y-panel.open { display: flex; }
#a11y-panel h3 {
  font-size: 13px;
  font-weight: 600;
  color: #003399;
  margin-bottom: 4px;
  border-bottom: 1px solid #e8edf6;
  padding-bottom: 8px;
}
.a11y-opt {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}
.a11y-opt label {
  font-size: 12px;
  color: #1a2b5e;
  flex: 1;
  cursor: pointer;
}
.a11y-toggle {
  width: 38px;
  height: 22px;
  border-radius: 11px;
  background: #d0daea;
  border: none;
  cursor: pointer;
  position: relative;
  transition: background 0.2s;
  flex-shrink: 0;
}
.a11y-toggle::after {
  content: '';
  position: absolute;
  top: 3px;
  left: 3px;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: #fff;
  transition: transform 0.2s;
  box-shadow: 0 1px 3px rgba(0,0,0,0.2);
}
.a11y-toggle.on { background: #003399; }
.a11y-toggle.on::after { transform: translateX(16px); }
.a11y-size-row { display: flex; gap: 6px; }
.a11y-size-btn {
  flex: 1;
  padding: 6px 4px;
  font-size: 11px;
  border: 1.5px solid #d0daea;
  border-radius: 6px;
  background: #f4f7fb;
  cursor: pointer;
  color: #1a2b5e;
  font-family: 'Open Sans', Arial, sans-serif;
  transition: all 0.15s;
}
.a11y-size-btn.active, .a11y-size-btn:hover { background: #003399; color: #fff; border-color: #003399; }
#a11y-reset {
  margin-top: 4px;
  width: 100%;
  padding: 7px;
  font-size: 12px;
  border: 1.5px solid #d0daea;
  border-radius: 6px;
  background: #fff;
  cursor: pointer;
  color: #5a6a8a;
  font-family: 'Open Sans', Arial, sans-serif;
  transition: all 0.15s;
}
#a11y-reset:hover { background: #fee2e2; border-color: #fca5a5; color: #991b1b; }

/* High contrast mode */
body.a11y-contrast { background: #000 !important; color: #fff !important; }
body.a11y-contrast .nav,
body.a11y-contrast .sec,
body.a11y-contrast .sec-alt,
body.a11y-contrast .stats-bar,
body.a11y-contrast .river-card,
body.a11y-contrast .mcard,
body.a11y-contrast .report-row,
body.a11y-contrast .training-row,
body.a11y-contrast .news-card,
body.a11y-contrast .blog-card,
body.a11y-contrast .blog-featured,
body.a11y-contrast .conf-card,
body.a11y-contrast .partner-card,
body.a11y-contrast .post-card,
body.a11y-contrast .challenge-card,
body.a11y-contrast .meter-card {
  background: #111 !important;
  border-color: #fff !important;
  color: #fff !important;
}
body.a11y-contrast .stat-num,
body.a11y-contrast .sec-title,
body.a11y-contrast .rc-name,
body.a11y-contrast .news-title,
body.a11y-contrast .bc-title,
body.a11y-contrast .blog-feat-title,
body.a11y-contrast .tr-title,
body.a11y-contrast .conf-name,
body.a11y-contrast .partner-name,
body.a11y-contrast .author-name,
body.a11y-contrast .report-title,
body.a11y-contrast .challenge-title,
body.a11y-contrast .meter-name {
  color: #ffff00 !important;
}
body.a11y-contrast a,
body.a11y-contrast .nav-links li a { color: #00ffff !important; }
body.a11y-contrast .stat-label,
body.a11y-contrast .sec-sub,
body.a11y-contrast .rc-desc,
body.a11y-contrast .param-name,
body.a11y-contrast .report-meta,
body.a11y-contrast .tr-meta,
body.a11y-contrast .bc-meta,
body.a11y-contrast .conf-detail,
body.a11y-contrast .author-date,
body.a11y-contrast .partner-role,
body.a11y-contrast .challenge-desc,
body.a11y-contrast .meter-sub,
body.a11y-contrast .meter-count {
  color: #ccc !important;
}
body.a11y-contrast .eu-bar { background: #000 !important; border: 2px solid #fff; }
body.a11y-contrast .eu-po2-icon { background: #ffff00 !important; }
body.a11y-contrast .eu-po2-label span:first-child { color: #ffff00 !important; }
body.a11y-contrast .eu-po2-label span:last-child { color: #fff !important; }
body.a11y-contrast .hero { background: #000 !important; border-bottom: 2px solid #fff; }
body.a11y-contrast .nav { border-bottom: 2px solid #fff; }
body.a11y-contrast .btn-primary,
body.a11y-contrast .btn-river,
body.a11y-contrast .report-dl,
body.a11y-contrast .nl-btn,
body.a11y-contrast .reg-btn { background: #ffff00 !important; color: #000 !important; border: 2px solid #000 !important; }
body.a11y-contrast #a11y-btn { background: #ffff00 !important; border-color: #000 !important; }
body.a11y-contrast #a11y-btn svg { fill: #000 !important; }
body.a11y-contrast #a11y-panel { background: #111 !important; border-color: #fff !important; color: #fff !important; }
body.a11y-contrast #a11y-panel h3 { color: #ffff00 !important; border-color: #555 !important; }
body.a11y-contrast .a11y-opt label { color: #fff !important; }

/* Large text mode */
body.a11y-large { font-size: 18px !important; }
body.a11y-large .sec-title { font-size: 36px !important; }
body.a11y-large .sec-sub { font-size: 17px !important; }
body.a11y-large .nav-links li a { font-size: 16px !important; }
body.a11y-large .stat-num { font-size: 34px !important; }
body.a11y-large .rc-desc, body.a11y-large .news-title,
body.a11y-large .report-title, body.a11y-large .tr-title,
body.a11y-large .conf-name, body.a11y-large .blog-feat-excerpt,
body.a11y-large .challenge-desc { font-size: 15px !important; }

/* Dyslexia-friendly font */
body.a11y-dyslexia { font-family: Arial, Helvetica, sans-serif !important; letter-spacing: 0.06em !important; word-spacing: 0.16em !important; line-height: 1.9 !important; }

/* Reduce animations */
body.a11y-nomotion *, body.a11y-nomotion *::before, body.a11y-nomotion *::after {
  animation: none !important;
  transition: none !important;
}

/* NAV */
.nav { display: flex; align-items: center; justify-content: space-between; padding: 0 48px; height: 68px; background: #fff; border-bottom: 1px solid #d0daea; position: sticky; top: 0; z-index: 100; }
.nav-logo img { height: 38px; object-fit: contain; }
.nav-links { display: flex; gap: 4px; list-style: none; }
.nav-links li a { font-size: 13px; font-weight: 600; color: #003399; text-decoration: none; padding: 7px 13px; border-radius: 6px; transition: background 0.15s; }
.nav-links li a:hover { background: #edf1fb; }
.nav-cta { background: #003399 !important; color: #fff !important; }
.nav-eu { display: flex; align-items: center; gap: 8px; border-left: 1px solid #d0daea; padding-left: 18px; margin-left: 10px; }
.nav-eu-flag { width: 30px; height: 20px; background: #003399; border-radius: 2px; display: flex; align-items: center; justify-content: center; font-size: 8px; color: #ffcc00; letter-spacing: 1px; }
.nav-eu-text { font-size: 10px; color: #5a6a8a; line-height: 1.35; font-weight: 500; }

/* HERO */
/* ── HERO SLIDER ───────────────────────────────────────────
   images/hero/slide-1.jpg|mp4, slide-2.jpg|mp4, slide-3.jpg|mp4
   ──────────────────────────────────────────────────────── */
.hero { position: relative; overflow: hidden; min-height: 560px; display: flex; align-items: center; background: #001a66; }

/* Slider katmanı */
.hero-slider { position: absolute; inset: 0; z-index: 0; }
.hero-slide { position: absolute; inset: 0; opacity: 0; transition: opacity 1s ease; background-size: cover; background-position: center; background-repeat: no-repeat; }
.hero-slide.active { opacity: 1; }
.hero-slide video { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }

/* Koyu overlay */
.hero-overlay { position: absolute; inset: 0; z-index: 1; background: linear-gradient(135deg, rgba(0,20,80,0.45) 0%, rgba(0,51,153,0.05) 55%, rgba(0,51,153,0.55) 100%); }

/* Manuel kural: EU logosu koyu zeminde beyaz kutu */
.hero-eu-badge { position: absolute; top: 20px; right: 48px; z-index: 10; background: #fff; border-radius: 4px; padding: 7px 14px; }
.hero-eu-badge img { height: 34px; object-fit: contain; display: block; }

/* Üst şerit */
.hero-stripe { position: absolute; top: 0; left: 0; right: 0; height: 4px; z-index: 10; background: linear-gradient(90deg, #003399 0%, #9FAEE5 45%, #9ACA3C 100%); }

/* Grid doku */
.hero-grid { position: absolute; inset: 0; z-index: 2; /*opacity: 0.04;*/ /*background-image: linear-gradient(rgba(255,255,255,1) 1px, transparent 1px),  linear-gradient(90deg, rgba(255,255,255,1) 1px, transparent 1px);*/ background-size: 44px 44px; }

/* İçerik */
.hero-inner { position: relative; z-index: 5; display: flex; gap: 64px; align-items: center; width: 100%; padding: 72px 48px 88px; }

/* Slider dots */
.slider-dots { position: absolute; bottom: 28px; left: 48px; z-index: 10; display: flex; gap: 8px; align-items: center; }
.slider-dot { width: 8px; height: 8px; border-radius: 50%; background: rgba(255,255,255,0.35); border: none; cursor: pointer; padding: 0; transition: background 0.2s, transform 0.2s; }
.slider-dot.active { background: #FFCC00; transform: scale(1.35); }
.slider-dot:hover { background: rgba(255,255,255,0.7); }
.slider-dot:focus { outline: 2px solid #FFCC00; outline-offset: 2px; }

/* Ok butonları */
.slider-arrows { position: absolute; bottom: 20px; right: 48px; z-index: 10; display: flex; gap: 8px; }
.slider-arrow { width: 36px; height: 36px; border-radius: 50%; background: rgba(255,255,255,0.12); border: 1px solid rgba(255,255,255,0.25); color: #fff; font-size: 14px; display: flex; align-items: center; justify-content: center; cursor: pointer; transition: background 0.2s; }
.slider-arrow:hover { background: rgba(255,255,255,0.28); }
.slider-arrow:focus { outline: 2px solid #FFCC00; outline-offset: 2px; }

/* Sayaç */
.slider-counter { position: absolute; bottom: 30px; left: 50%; transform: translateX(-50%); z-index: 10; font-size: 11px; color: rgba(255,255,255,0.5); font-family: 'Open Sans', Arial, sans-serif; font-weight: 600; letter-spacing: 1px; }

/* Hero sağ pilleri */
.hero-right { display: flex; flex-direction: column; gap: 10px; min-width: 250px; flex-shrink: 0; }
.hero-left { flex: 1; }
.hero-badge { display: inline-flex; align-items: center; gap: 8px; background: rgba(255,255,255,0.08); border: 1px solid rgba(255,255,255,0.18); color: #fff; font-size: 11px; font-weight: 600; letter-spacing: 0.8px; text-transform: uppercase; padding: 5px 14px; border-radius: 4px; margin-bottom: 24px; }
.hero-badge-dot { width: 6px; height: 6px; background: #9ACA3C; border-radius: 50%; }
.hero h1 { font-family: 'Vollkorn', Georgia, serif; font-size: 44px; font-weight: 700; color: #fff; line-height: 1.18; margin-bottom: 20px; letter-spacing: -0.5px; }
.hero h1 span { color: #9FAEE5; }
.hero-sub { font-size: 15px; color: rgba(255,255,255,0.72); line-height: 1.78; font-weight: 300; max-width: 500px; margin-bottom: 36px; }
.hero-btns { display: flex; gap: 10px; }
.btn-primary { background: #003399; color: #fff; border: none; padding: 12px 24px; border-radius: 6px; font-size: 13px; font-weight: 500; cursor: pointer; font-family: 'Open Sans', Arial, sans-serif; }
.btn-ghost { background: transparent; color: rgba(255,255,255,0.85); border: 1px solid rgba(255,255,255,0.3); padding: 12px 24px; border-radius: 6px; font-size: 13px; font-weight: 500; cursor: pointer; font-family: 'Open Sans', Arial, sans-serif; }
.hero-right { display: flex; flex-direction: column; gap: 10px; min-width: 250px; }
.hero-river-pill { display: flex; align-items: center; gap: 12px; background: rgba(255,255,255,0.07); border: 1px solid rgba(255,255,255,0.12); padding: 13px 16px; border-radius: 8px; }
.hrp-flag { width: 28px; height: 20px; border-radius: 3px; flex-shrink: 0; }
.hrp-river { font-size: 13px; font-weight: 500; color: #fff; }
.hrp-country { font-size: 11px; color: rgba(255,255,255,0.5); margin-top: 2px; }
.hrp-status { font-size: 10px; font-weight: 600; padding: 3px 9px; border-radius: 10px; white-space: nowrap; }
.s-active { background: rgba(52,211,153,0.2); color: #9ACA3C; }
.s-mon { background: rgba(96,165,250,0.2); color: #9FAEE5; }

/* EU BAR */
.eu-bar { background: #003399; padding: 10px 48px; display: flex; align-items: center; gap: 14px; flex-wrap: wrap; }
.eu-stars { color: #FFCC00; font-size: 12px; letter-spacing: 3px; flex-shrink: 0; }
.eu-sep { width: 1px; height: 16px; background: rgba(255,255,255,0.22); flex-shrink: 0; }
.eu-text { font-size: 11px; color: rgba(255,255,255,0.85); }
.eu-prog { font-size: 11px; color: #9FAEE5; font-weight: 600; }

/* PO2 — A Greener Europe ikonu (Manuel sayfa 5) */
.eu-po2 { margin-left: auto; display: flex; align-items: center; gap: 9px; border-left: 1px solid rgba(255,255,255,0.18); padding-left: 14px; }
.eu-po2-icon { width: 28px; height: 28px; border-radius: 50%; background: #9ACA3C; display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
.eu-po2-icon svg { width: 16px; height: 16px; }
.eu-po2-label { display: flex; flex-direction: column; gap: 1px; }
.eu-po2-label span:first-child { font-size: 9px; font-weight: 700; color: #9ACA3C; text-transform: uppercase; letter-spacing: 0.7px; }
.eu-po2-label span:last-child { font-size: 10px; color: rgba(255,255,255,0.78); font-weight: 500; }

/* STATS */
.stats-bar { display: flex; background: #fff; border-bottom: 2px solid #e8edf6; }
.stat { flex: 1; padding: 22px 16px; text-align: center; border-right: 1px solid #e8edf6; }
.stat:last-child { border-right: none; }
.stat-num { font-family: 'Vollkorn', Georgia, serif; font-size: 28px; font-weight: 700; color: #003399; display: block; }
.stat-label { font-size: 12px; color: #5a6a8a; font-weight: 500; text-transform: uppercase; letter-spacing: 0.4px; margin-top: 3px; }

/* SECTIONS */
.sec { padding: 60px 48px; }
.sec-alt { background: #fff; }
.sec-dark { background: #003399; }
.sec-deepdark { background: linear-gradient(160deg, #08263a 0%, #0d3b52 45%, #0a3020 100%); }
.sec-earth { background: #1e4d38; }
.sec-label { font-size: 11px; font-weight: 600; color: #003399; text-transform: uppercase; letter-spacing: 1px; margin-bottom: 8px; }
.sec-dark .sec-label, .sec-deepdark .sec-label, .sec-earth .sec-label { color: rgba(148,196,214,0.9); }
.sec-title { font-family: 'Vollkorn', Georgia, serif; font-size: 30px; font-weight: 700; color: #003399; margin-bottom: 10px; letter-spacing: -0.3px; }
.sec-dark .sec-title, .sec-deepdark .sec-title, .sec-earth .sec-title { color: #fff; }
.sec-sub { font-size: 14px; color: #1a2b5e; line-height: 1.75; font-weight: 300; max-width: 580px; margin-bottom: 34px; }
.sec-dark .sec-sub, .sec-deepdark .sec-sub, .sec-earth .sec-sub { color: rgba(255,255,255,0.58); }

/* RIVERS */
.river-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }
.river-card { background: #fff; border: 1px solid #d0daea; border-radius: 8px; overflow: hidden; border-top: 3px solid transparent; transition: transform .2s; }
.river-card:hover { transform: translateY(-2px); }
.rc-tr { border-top-color: #dc2626; } .rc-gr { border-top-color: #003399; } .rc-ge { border-top-color: #d97706; }
.rc-head { padding: 20px; border-bottom: 1px solid #edf1f8; }
.rc-country { font-size: 10px; font-weight: 600; color: #5a6a8a; text-transform: uppercase; letter-spacing: 0.5px; margin-bottom: 5px; }
.rc-name { font-size: 17px; font-weight: 600; color: #003399; margin-bottom: 3px; }
.rc-partner { font-size: 12px; color: #7a8db0; }
.rc-body { padding: 16px 20px; }
.rc-desc { font-size: 12px; color: #1a2b5e; line-height: 1.65; margin-bottom: 14px; font-weight: 300; }
.tags { display: flex; flex-wrap: wrap; gap: 5px; }
.tag { font-size: 10px; font-weight: 500; padding: 3px 9px; border-radius: 3px; }
.tag-r { background: #fee2e2; color: #991b1b; } .tag-y { background: #fef3c7; color: #92400e; } .tag-b { background: #dbeafe; color: #1e40af; }

/* STAKEHOLDERS */
.meter-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px; }
.meter-card { background: #eff6ff; border-radius: 10px; padding: 1rem 1.1rem; display: flex; align-items: center; gap: 12px; }
.meter-icon { width: 40px; height: 40px; border-radius: 50%; background: #003399; display: flex; align-items: center; justify-content: center; color: #fff; font-size: 16px; flex-shrink: 0; }
.meter-name { font-size: 14px; font-weight: 500; color: #003399; }
.meter-sub { font-size: 12px; color: #5a6a8a; margin-bottom: 6px; }
.meter-bar { height: 4px; background: rgba(26,86,219,0.12); border-radius: 2px; overflow: hidden; }
.meter-fill { height: 100%; background: #003399; border-radius: 2px; width: 0; transition: width 1.2s ease; }
.meter-count { font-size: 11px; color: #003399; font-weight: 500; margin-top: 4px; }

/* TIMELINE */
.tl-sec { background: #003399; padding: 60px 48px; }
.tl-sec .sec-label { color: #9FAEE5; }
.tl-sec .sec-title { color: #fff; }
.tl-sec .sec-sub { color: rgba(255,255,255,0.55); }
.tl-phases { display: grid; grid-template-columns: repeat(5, 1fr); border: 1px solid rgba(255,255,255,0.1); border-radius: 8px; overflow: hidden; }
.tl-phase { padding: 22px 18px; border-right: 1px solid rgba(255,255,255,0.08); }
.tl-phase:last-child { border-right: none; }
.tl-num { font-family: 'Vollkorn', Georgia, serif; font-size: 34px; font-weight: 700; color: rgba(255,255,255,1); margin-bottom: 6px; }
.tl-ph-label { font-size: 9px; text-transform: uppercase; letter-spacing: 0.8px; font-weight: 600; color: #9FAEE5; margin-bottom: 7px; }
.tl-ph-title { font-size: 12px; font-weight: 500; color: #fff; line-height: 1.45; margin-bottom: 7px; }
.tl-ph-period { font-size: 10px; color: rgba(255,255,255,0.35); line-height: 1.55; }
.tl-bar { width: 100%; height: 3px; border-radius: 2px; margin-top: 16px; }

/* MONITOR */
.monitor-grid { display: grid; grid-template-columns: 3fr 2fr; gap: 16px; }
.mcard { background: #fff; border: 1px solid #d0daea; border-radius: 8px; padding: 22px; }
.mcard-title { font-size: 11px; font-weight: 600; color: #003399; margin-bottom: 18px; display: flex; align-items: center; gap: 8px; text-transform: uppercase; letter-spacing: 0.5px; }
.live-dot { width: 7px; height: 7px; border-radius: 50%; background: #9ACA3C; }
.chart-area { display: flex; align-items: flex-end; gap: 8px; height: 96px; margin-bottom: 10px; margin-top: 60px;}
.bar-col { display: flex; flex-direction: column; align-items: center; gap: 5px; flex: 1; }
.bar { width: 100%; border-radius: 2px 2px 0 0; }
.bar-lbl { font-size: 9px; color: #7a8db0; text-align: center; line-height: 1.3; }
.chart-legend { display: flex; gap: 16px; margin-top: 40px; }
.leg-item { display: flex; align-items: center; gap: 5px; font-size: 10px; color: #5a6a8a; }
.leg-dot { width: 8px; height: 8px; border-radius: 2px; }
.param-list { display: flex; flex-direction: column; }
.param-row { display: flex; align-items: center; justify-content: space-between; padding: 10px 0; border-bottom: 1px solid #f0f4fb; }
.param-row:last-child { border-bottom: none; }
.param-name { font-size: 12px; color: #1a2b5e; }
.param-badge { font-size: 10px; font-weight: 600; padding: 3px 9px; border-radius: 3px; }
.p-ok { background: #d1fae5; color: #065f46; } .p-warn { background: #fef3c7; color: #92400e; } .p-bad { background: #fee2e2; color: #991b1b; }
.btn-river { background: #003399; color: #fff; border: none; padding: 11px 24px; border-radius: 6px; font-size: 13px; font-weight: 500; cursor: pointer; font-family: 'Open Sans', Arial, sans-serif; display: inline-block; margin-top: 1.25rem; }
.btn-river:hover { background: #001a66; }

/* CAMPAIGNS */
.video-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px; }
.video-card { background: rgba(255,255,255,0.07); border: 1px solid rgba(255,255,255,0.12); border-radius: 10px; overflow: hidden; cursor: pointer; transition: all .2s; }
.video-card:hover { background: rgba(255,255,255,0.12); transform: translateY(-2px); }
.video-thumb { height: 300px; display: flex; align-items: center; justify-content: center; }
.play-btn { width: 44px; height: 44px; border-radius: 50%; background: rgba(255,255,255,0.9); display: flex; align-items: center; justify-content: center; z-index: 9999; }
.play-arr { width: 0; height: 0; border-top: 7px solid transparent; border-bottom: 7px solid transparent; border-left: 13px solid #003399; margin-left: 3px; }
.video-info { padding: .8rem; }
.video-tag { font-size: 10px; color: #9FAEE5; text-transform: uppercase; letter-spacing: .5px; margin-bottom: 3px; }
.video-title { font-size: 16px; color: #fff; font-weight: 500; line-height: 1.45; }

/* REPORTS */
.report-list { display: flex; flex-direction: column; gap: 10px; }
.report-row { background: #fff; border-radius: 8px; padding: 1rem 1.1rem; display: flex; align-items: center; gap: 1rem; border: 1px solid #d0daea; }
.report-icon { width: 38px; height: 38px; border-radius: 8px; background: #eff6ff; display: flex; align-items: center; justify-content: center; font-size: 17px; flex-shrink: 0; }
.report-info { flex: 1; }
.report-title { font-size: 13px; font-weight: 500; color: #003399; }
.report-meta { font-size: 11px; color: #5a6a8a; }
.report-dl { background: #003399; color: #fff; border: none; padding: 6px 16px; border-radius: 16px; font-size: 12px; cursor: pointer; font-family: 'Open Sans', Arial, sans-serif; white-space: nowrap; }
.report-dl:hover { background: #001a66; }

/* CHALLENGES */
.challenge-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px; }
.challenge-card { border-left: 3px solid #e06b2a; padding: 1rem 1.1rem 1rem 1.2rem; background: #f4f7fb; border-radius: 0 8px 8px 0; }
.challenge-title { font-size: 15px; font-weight: 500; color: #003399; margin-bottom: 5px; }
.challenge-desc { font-size: 12px; color: #1a2b5e; line-height: 1.65; }
.challenge-status { display: inline-block; margin-top: 7px; font-size: 10px; padding: 2px 10px; border-radius: 10px; background: #fff4ed; color: #e06b2a; font-weight: 500; }

/* SOCIAL FEED */
.social-tabs { display: flex; gap: 7px; margin: 1.5rem 0 1.25rem; flex-wrap: wrap; }
.stab { padding: 6px 16px; border-radius: 20px; font-size: 12px; cursor: pointer; border: 1px solid #d0daea; color: #5a6a8a; background: #fff; font-family: 'Open Sans', Arial, sans-serif; transition: all .15s; font-weight: 500; }
.stab.active, .stab:hover { background: #003399; color: #fff; border-color: #003399; }
.social-feed { display: flex; flex-direction: column; gap: 10px; }
.post-card { background: #fff; border: 1px solid #d0daea; border-radius: 10px; padding: 1rem 1.1rem; display: flex; gap: 12px; transition: border-color .15s; }
.post-card:hover { border-color: #9FAEE5; }
.post-avatar { width: 40px; height: 40px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 12px; font-weight: 600; flex-shrink: 0; color: #fff; }
.av-fb { background: #1877f2; } .av-tw { background: #1da1f2; } .av-ig { background: #c13584; } .av-li { background: #0077b5; }
.post-body { flex: 1; }
.post-meta { font-size: 11px; color: #5a6a8a; margin-bottom: 5px; }
.post-text { font-size: 13px; line-height: 1.65; color: #1a2744; }
.post-tag { display: inline-block; margin-top: 5px; margin-right: 4px; font-size: 10px; padding: 2px 9px; border-radius: 10px; background: #eff6ff; color: #003399; }
.post-stats { display: flex; gap: 14px; margin-top: 8px; }
.pstat { font-size: 11px; color: #5a6a8a; }
.platform-badge { font-size: 10px; font-weight: 600; padding: 2px 9px; border-radius: 6px; float: right; }
.pb-fb { background: #e7f0fd; color: #1877f2; } .pb-tw { background: #e8f5fd; color: #1da1f2; }
.pb-ig { background: #fce4ec; color: #c13584; } .pb-li { background: #e1f0fb; color: #0077b5; }

/* PODCAST */
.access-note { display: flex; align-items: flex-start; gap: 10px; margin: .75rem 0 1.5rem; background: rgba(255,255,255,0.08); border: 1px solid rgba(255,255,255,0.16); border-radius: 10px; padding: .9rem 1.1rem; }
.access-text { font-size: 12px; color: rgba(255,255,255,0.72); line-height: 1.6; }
.podcast-player { background: rgba(255,255,255,0.07); border: 1px solid rgba(255,255,255,0.14); border-radius: 12px; padding: 1.3rem; margin-bottom: 10px; }
.pod-header { display: flex; align-items: flex-start; gap: 12px; margin-bottom: 1rem; }
.pod-cover { width: 52px; height: 52px; border-radius: 10px; background: rgba(255,255,255,0.12); display: flex; align-items: center; justify-content: center; font-size: 22px; flex-shrink: 0; }
.pod-info { flex: 1; }
.pod-ep { font-size: 10px; color: rgba(255,255,255,0.45); text-transform: uppercase; letter-spacing: .5px; }
.pod-title { font-size: 14px; color: #fff; font-weight: 500; line-height: 1.38; margin-top: 3px; }
.pod-guest { font-size: 11px; color: rgba(255,255,255,0.55); margin-top: 3px; }
.pod-duration { font-size: 11px; color: rgba(255,255,255,0.4); flex-shrink: 0; }
.pod-progress { background: rgba(255,255,255,0.14); border-radius: 2px; height: 4px; margin-bottom: .75rem; cursor: pointer; }
.pod-fill { height: 100%; background: #9FAEE5; border-radius: 2px; }
.pod-time { display: flex; justify-content: space-between; font-size: 10px; color: rgba(255,255,255,0.38); margin-top: 4px; }
.pod-controls { display: flex; align-items: center; gap: 10px; margin-top: 10px; }
.play-circle { width: 38px; height: 38px; border-radius: 50%; background: #fff; display: flex; align-items: center; justify-content: center; cursor: pointer; border: none; flex-shrink: 0; }
.pod-tri { width: 0; height: 0; border-top: 7px solid transparent; border-bottom: 7px solid transparent; border-left: 12px solid #003399; margin-left: 2px; }
.pod-btn { background: rgba(255,255,255,0.1); border: none; border-radius: 6px; padding: 6px 11px; color: rgba(255,255,255,0.72); font-size: 11px; cursor: pointer; font-family: 'Open Sans', Arial, sans-serif; }
.pod-btn.spd-active { background: rgba(255,255,255,0.2); color: #fff; }
.trs-btn { background: rgba(255,255,255,0.1); border: 1px solid rgba(255,255,255,0.2); border-radius: 6px; padding: 6px 13px; color: #fff; font-size: 11px; cursor: pointer; font-family: 'Open Sans', Arial, sans-serif; }
.pod-list { display: flex; flex-direction: column; gap: 8px; margin-top: 10px; }
.pod-row { display: flex; align-items: center; gap: 10px; padding: .85rem 1rem; background: rgba(255,255,255,0.05); border-radius: 10px; border: 1px solid rgba(255,255,255,0.08); cursor: pointer; transition: background .15s; }
.pod-row:hover { background: rgba(255,255,255,0.1); }
.pod-num { font-size: 12px; color: rgba(255,255,255,0.35); width: 22px; text-align: center; flex-shrink: 0; }
.pod-row-info { flex: 1; }
.pod-row-title { font-size: 12px; color: #fff; font-weight: 500; }
.pod-row-meta { font-size: 10px; color: rgba(255,255,255,0.42); margin-top: 2px; }
.pod-row-dur { font-size: 11px; color: rgba(255,255,255,0.35); flex-shrink: 0; }

/* CONFERENCES */
.conf-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px; }
.conf-card { background: #fff; border-radius: 10px; overflow: hidden; border: 1px solid #d0daea; transition: transform .2s; }
.conf-card:hover { transform: translateY(-2px); }
.conf-header { padding: .95rem 1.1rem .8rem; border-bottom: 1px solid #edf1f8; }
.conf-type { font-size: 10px; text-transform: uppercase; letter-spacing: .5px; font-weight: 600; margin-bottom: 4px; }
.ct-intl { color: #003399; } .ct-local { color: #065f46; } .ct-online { color: #6b4ab7; }
.conf-name { font-size: 16px; font-weight: 500; color: #003399; line-height: 1.38; }
.conf-body { padding: .85rem 1.1rem; }
.conf-detail { font-size: 12px; color: #1a2b5e; display: flex; align-items: center; gap: 7px; margin-bottom: 4px; }
.conf-tags { display: flex; flex-wrap: wrap; gap: 4px; margin-top: 9px; }
.ctag { font-size: 10px; padding: 2px 9px; border-radius: 10px; background: #eff6ff; color: #003399; }
.ctag.g { background: #d1fae5; color: #065f46; } .ctag.p { background: #ede9fe; color: #6b4ab7; }
.conf-footer { padding: .8rem 1.1rem; border-top: 1px solid #edf1f8; display: flex; align-items: center; justify-content: space-between; }
.conf-seats { font-size: 11px; color: #5a6a8a; }
.reg-btn { color: #fff; border: none; padding: 6px 16px; border-radius: 14px; font-size: 11px; cursor: pointer; font-family: 'Open Sans', Arial, sans-serif; font-weight: 500; }
.reg-b { background: #003399; } .reg-g { background: #065f46; } .reg-p { background: #6b4ab7; }

/* TRAININGS */
.training-list { display: flex; flex-direction: column; gap: 10px; }
.training-row { background: #fff; border: 1px solid #d0daea; border-radius: 10px; padding: 1.1rem; display: flex; gap: 14px; align-items: flex-start; transition: border-color .2s; }
.training-row:hover { border-color: #9FAEE5; }
.tr-date { text-align: center; min-width: 48px; flex-shrink: 0; padding-top: 2px; }
.tr-day { font-size: 24px; font-weight: 500; color: #003399; line-height: 1; }
.tr-mon { font-size: 10px; color: #5a6a8a; text-transform: uppercase; letter-spacing: .5px; }
.tr-info { flex: 1; }
.tr-badge { font-size: 10px; padding: 2px 9px; border-radius: 10px; display: inline-block; margin-bottom: 6px; font-weight: 500; }
.tb-cap { background: #eff6ff; color: #003399; } .tb-field { background: #d1fae5; color: #065f46; } .tb-online { background: #ede9fe; color: #6b4ab7; }
.tr-title { font-size: 14px; font-weight: 500; color: #003399; line-height: 1.38; }
.tr-meta { font-size: 11px; color: #5a6a8a; margin-top: 4px; line-height: 1.5; }
.tr-topics { display: flex; flex-wrap: wrap; gap: 4px; margin-top: 9px; }
.topic-tag { font-size: 10px; padding: 2px 9px; border-radius: 10px; background: #f4f7fb; color: #5a6a8a; }
.tr-right { display: flex; flex-direction: column; align-items: flex-end; gap: 7px; flex-shrink: 0; min-width: 118px; }
.tr-spots { font-size: 11px; color: #5a6a8a; text-align: right; }
.apply-btn { background: transparent; border: 1px solid #003399; color: #003399; padding: 5px 14px; border-radius: 10px; font-size: 11px; cursor: pointer; font-family: 'Open Sans', Arial, sans-serif; transition: all .2s; }
.apply-btn:hover { background: #003399; color: #fff; }

/* BLOG */
.blog-featured { background: #fff; border-radius: 12px; border: 1px solid #d0daea; overflow: hidden; margin-bottom: 12px; display: flex; }
.blog-feat-img { width: 220px; background: linear-gradient(135deg, #003399, #003399); display: flex; align-items: center; justify-content: center; font-size: 52px; flex-shrink: 0; }
.blog-feat-body { padding: 1.4rem; flex: 1; }
.blog-feat-tag { font-size: 10px; text-transform: uppercase; letter-spacing: .5px; color: #003399; font-weight: 600; margin-bottom: 6px; }
.blog-feat-title { font-family: 'Vollkorn', Georgia, serif; font-size: 22px; color: #003399; line-height: 1.38; margin-bottom: 9px; }
.blog-feat-excerpt { font-size: 14px; color: #1a2b5e; line-height: 1.72; margin-bottom: 12px; }
.blog-feat-foot { display: flex; align-items: center; gap: 12px; }
.author-dot { width: 30px; height: 30px; border-radius: 50%; background: #003399; display: flex; align-items: center; justify-content: center; font-size: 11px; font-weight: 500; color: #fff; flex-shrink: 0; }
.author-name { font-size: 12px; font-weight: 500; color: #003399; }
.author-date { font-size: 11px; color: #5a6a8a; }
.read-link { font-size: 12px; color: #003399; cursor: pointer; margin-left: auto; font-weight: 500; }
.blog-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; }
.blog-card { background: #fff; border-radius: 10px; border: 1px solid #d0daea; overflow: hidden; cursor: pointer; transition: transform .2s; }
.blog-card:hover { transform: translateY(-2px); }
.blog-card-img { height: 200px; display: flex; align-items: center; justify-content: center; font-size: 28px; }
.bi-1 { background: linear-gradient(135deg,#e8f5e9,#c8e6c9); } .bi-2 { background: linear-gradient(135deg,#e3f2fd,#bbdefb); } .bi-3 { background: linear-gradient(135deg,#fff8e1,#ffecb3); }
.blog-card-body { padding: .85rem; }
.bc-tag { font-size: 10px; color: #003399; text-transform: uppercase; letter-spacing: .4px; font-weight: 600; margin-bottom: 4px; }
.bc-title { font-size: 20px; font-weight: 500; color: #003399; line-height: 1.4; margin-bottom: 4px; }
.bc-meta { font-size: 11px; color: #5a6a8a; }

/* NETWORK */
.network-hero { display: flex; gap: 2rem; margin-top: 1.75rem; align-items: flex-start; flex-wrap: wrap; }
.network-vis { flex: 0 0 280px; position: relative; height: 248px; }
.network-right { flex: 1; min-width: 260px; }
.net-stat-row { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; margin-bottom: 1.5rem; }
.net-stat { background: rgba(255,255,255,0.07); border: 1px solid rgba(255,255,255,0.12); border-radius: 10px; padding: 1rem; text-align: center; }
.net-stat-num { font-family: 'Vollkorn', Georgia, serif; font-size: 24px; color: #a8d8ea; font-weight: 700; }
.net-stat-label { font-size: 10px; color: rgba(255,255,255,0.45); text-transform: uppercase; letter-spacing: .5px; margin-top: 3px; }
.net-features { display: flex; flex-direction: column; gap: 8px; }
.net-feat { display: flex; align-items: flex-start; gap: 10px; padding: .85rem 1rem; background: rgba(255,255,255,0.05); border-radius: 10px; border: 1px solid rgba(255,255,255,0.1); }
.net-feat-icon { width: 32px; height: 32px; border-radius: 8px; display: flex; align-items: center; justify-content: center; font-size: 14px; flex-shrink: 0; }
.nfi-1 { background: rgba(168,216,234,0.15); } .nfi-2 { background: rgba(30,122,90,0.4); } .nfi-3 { background: rgba(224,107,42,0.2); } .nfi-4 { background: rgba(107,74,183,0.3); }
.net-feat-title { font-size: 13px; font-weight: 500; color: #fff; margin-bottom: 3px; }
.net-feat-desc { font-size: 11px; color: rgba(255,255,255,0.52); line-height: 1.55; }
.moa-box { margin-top: 1.5rem; background: rgba(255,255,255,0.06); border: 1px solid rgba(168,216,234,0.28); border-radius: 12px; padding: 1.25rem 1.5rem; display: flex; align-items: center; justify-content: space-between; gap: 1rem; flex-wrap: wrap; }
.moa-title { font-size: 15px; font-weight: 500; color: #fff; margin-bottom: 4px; }
.moa-desc { font-size: 12px; color: rgba(255,255,255,0.58); line-height: 1.6; }
.moa-btn { background: rgba(168,216,234,0.18); border: 1px solid rgba(168,216,234,0.38); color: #a8d8ea; padding: 10px 22px; border-radius: 20px; font-size: 13px; font-weight: 500; cursor: pointer; font-family: 'Open Sans', Arial, sans-serif; white-space: nowrap; }
.moa-btn:hover { background: rgba(168,216,234,0.28); }
.member-logos { margin-top: 1.25rem; display: flex; flex-wrap: wrap; gap: 7px; }
.mem-pill { background: rgba(255,255,255,0.07); border: 1px solid rgba(255,255,255,0.13); border-radius: 20px; padding: 5px 14px; font-size: 11px; color: rgba(255,255,255,0.68); }

/* PARTNERS */
.partners-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; }
.partner-card { background: #fff; border: 1px solid #d0daea; border-radius: 8px; padding: 22px 16px; text-align: center; }
.partner-initials { width: 130px; height: 130px; border-radius: 8px; margin: 0 auto 12px; display: flex; align-items: center; justify-content: center; font-size: 12px; font-weight: 600; }
.partner-name { font-size: 15px; font-weight: 600; color: #003399; margin-bottom: 5px; }
.partner-role { font-size: 13px; color: #5a6a8a; line-height: 1.5; }
.partner-country { display: inline-block; margin-top: 10px; font-size: 10px; font-weight: 500; color: #003399; background: #eff6ff; padding: 3px 9px; border-radius: 10px; }

/* NEWS */
.news-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; }
.news-card { background: #fff; border: 1px solid #d0daea; border-radius: 8px; overflow: hidden; }
.news-cat-bar { padding: 10px 16px; }
.news-cat { font-size: 10px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.5px; }
.news-body { padding: 0 16px 16px; }
.news-title { font-size: 17px; font-weight: 500; color: #003399; line-height: 1.55; margin-bottom: 8px; }
.news-meta { font-size: 10px; color: #7a8db0; }

/* NEWSLETTER */
.newsletter-sec { background: #07143d; padding: 3rem 48px; text-align: center; }
.newsletter-sec h3 { font-family: 'Vollkorn', Georgia, serif; font-size: 26px; color: #fff; margin-bottom: .5rem; }
.newsletter-sec p { font-size: 13px; color: rgba(255,255,255,0.55); margin-bottom: 1.75rem; }
.nl-form { display: flex; gap: 8px; max-width: 400px; margin: 0 auto; }
.nl-input { flex: 1; background: rgba(255,255,255,0.1); border: 1px solid rgba(255,255,255,0.2); border-radius: 6px; padding: 11px 16px; color: #fff; font-family: 'Open Sans', Arial, sans-serif; font-size: 13px; outline: none; }
.nl-input::placeholder { color: rgba(255,255,255,0.38); }
.nl-btn { background: #FFCC00; color: #003399; border: none; padding: 11px 22px; border-radius: 6px; font-size: 13px; font-weight: 500; cursor: pointer; font-family: 'Open Sans', Arial, sans-serif; }

/* FOOTER */
.footer { background: #07143d; padding: 48px; display: grid; grid-template-columns: 2.2fr 1fr 1fr 1fr; gap: 36px; }
.footer-logo-wrap {
  display: inline-block; background: #fff;
  padding: 8px 14px; border-radius: 4px; margin-bottom: 14px;
}
.footer-logo { height: 34px; object-fit: contain; display: block; }
.footer-desc { font-size: 12px; color: rgba(255,255,255,0.45); line-height: 1.75; font-weight: 300; }
.footer-eu { margin-top: 18px; padding-top: 16px; border-top: 1px solid rgba(255,255,255,0.1); font-size: 10px; color: rgba(255,255,255,0.3); display: flex; align-items: center; gap: 8px; }
.footer-eu-flag { width: 22px; height: 15px; background: #003399; border-radius: 2px; display: flex; align-items: center; justify-content: center; font-size: 7px; color: #ffcc00; flex-shrink: 0; }
.footer-col h4 { font-size: 10px; font-weight: 600; color: rgba(255,255,255,0.5); text-transform: uppercase; letter-spacing: 0.8px; margin-bottom: 14px; }
.footer-links { list-style: none; display: flex; flex-direction: column; gap: 9px; }
.footer-links li a { font-size: 12px; color: rgba(255,255,255,0.4); text-decoration: none; transition: color 0.15s; }
.footer-links li a:hover { color: rgba(255,255,255,0.75); }
.footer-bottom { background: #050e2a; padding: 13px 48px; display: flex; justify-content: space-between; align-items: center; }
.fb-left { font-size: 10px; color: rgba(255,255,255,1); }
.fb-right { font-size: 10px; color: rgba(255,255,255,1); display: flex; gap: 20px; }


/* ── RESPONSIVE ────────────────────────────────────────── */
@media (max-width: 1100px) {
  .hero-right { display: none; }
  .hero-eu-badge { right: 20px; top: 16px; }
  .slider-arrows { right: 20px; }
  .slider-dots { left: 20px; }
  .slider-counter { display: none; }
  .hero-inner { padding: 60px 32px 80px; }
}
@media (max-width: 768px) {
  .hero-inner { padding: 48px 20px 72px; }
  .hero h1 { font-size: 30px; }
  .hero-sub { font-size: 14px; }
  .hero-btns { flex-direction: column; gap: 8px; }
  .river-grid, .conf-grid, .challenge-grid, .blog-grid,
  .news-grid, .video-grid, .meter-grid, .partners-grid { grid-template-columns: 1fr; }
  .tl-phases { grid-template-columns: 1fr; }
  .monitor-grid { grid-template-columns: 1fr; }
  .footer { grid-template-columns: 1fr 1fr; }
  .nav-links { display: none; }
  .sec, .tl-sec { padding: 40px 20px; }
  .blog-featured { flex-direction: column; }
  .blog-feat-img { width: 100%; height: 140px; }
  .network-wrap { flex-direction: column; }
  .network-vis { display: none; }
}
@media (max-width: 480px) {
  .footer { grid-template-columns: 1fr; }
  .partners-grid { grid-template-columns: repeat(2, 1fr); }
  .stats-bar { flex-wrap: wrap; }
  .stat { min-width: 33%; }
}

/* ══ SOSYAL MEDYA İKONLARI ════════════════════════════════
   SVG tabanlı, font-bağımsız, tüm tarayıcılarda çalışır
   Konumlar: Nav (sağ), Footer (logo altı), Social Feed üstü
══════════════════════════════════════════════════════════ */

/* ── Nav sosyal ikonlar (sağ, EU badge'in yanı) ── */
.nav-social {
  display: flex; align-items: center; gap: 6px;
  border-left: 1px solid var(--border, rgba(0,51,153,0.12));
  padding-left: 14px; margin-left: 8px;
}
.nav-social a {
  width: 28px; height: 28px; border-radius: 50%;
  background: rgba(0,51,153,0.07);
  display: flex; align-items: center; justify-content: center;
  transition: background 0.18s, transform 0.18s;
  color: #003399;
  text-decoration: none;
}
.nav-social a:hover { background: #003399; color: #fff; transform: translateY(-2px); }
.nav-social a:hover svg path,
.nav-social a:hover svg rect,
.nav-social a:hover svg circle,
.nav-social a:hover svg polygon { fill: #fff; }
.nav-social a:focus { outline: 2px solid #FFCC00; outline-offset: 2px; border-radius: 50%; }
.nav-social svg { width: 14px; height: 14px; }

/* ── Footer sosyal ikonlar (logo altında) ── */
.footer-social {
  display: flex; gap: 8px; margin-top: 14px; flex-wrap: wrap;
}
.footer-social a {
  width: 34px; height: 34px; border-radius: 8px;
  background: rgba(255,255,255,0.08);
  border: 1px solid rgba(255,255,255,0.14);
  display: flex; align-items: center; justify-content: center;
  transition: background 0.18s, border-color 0.18s, transform 0.18s;
  color: rgba(255,255,255,0.7);
  text-decoration: none;
}
.footer-social a:hover { background: rgba(255,255,255,0.18); border-color: rgba(255,255,255,0.3); transform: translateY(-2px); }
.footer-social a:focus { outline: 2px solid #FFCC00; outline-offset: 2px; }
.footer-social svg { width: 16px; height: 16px; }
.footer-social svg path,
.footer-social svg rect,
.footer-social svg circle,
.footer-social svg polygon { fill: rgba(255,255,255,0.75); transition: fill 0.18s; }
.footer-social a:hover svg path,
.footer-social a:hover svg rect,
.footer-social a:hover svg circle,
.footer-social a:hover svg polygon { fill: #fff; }

/* ── Social feed bölümü: "Follow us" satırı ── */
.social-follow-bar {
  display: flex; align-items: center; gap: 10px;
  margin-bottom: 1.25rem; flex-wrap: wrap;
}
.social-follow-label {
  font-size: 12px; font-weight: 600; color: #5a6a8a;
  text-transform: uppercase; letter-spacing: 0.6px;
}
.social-follow-links { display: flex; gap: 7px; }
.social-follow-links a {
  display: flex; align-items: center; gap: 6px;
  padding: 5px 12px; border-radius: 20px;
  font-size: 11px; font-weight: 600; text-decoration: none;
  border: 1.5px solid;
  transition: all 0.18s;
}
.social-follow-links a:focus { outline: 2px solid #003399; outline-offset: 2px; }
.social-follow-links svg { width: 13px; height: 13px; flex-shrink: 0; }

.sfl-fb  { color: #1877f2; border-color: rgba(24,119,242,0.3); background: rgba(24,119,242,0.05); }
.sfl-fb:hover  { background: #1877f2; color: #fff; border-color: #1877f2; }
.sfl-ig  { color: #c13584; border-color: rgba(193,53,132,0.3); background: rgba(193,53,132,0.05); }
.sfl-ig:hover  { background: #c13584; color: #fff; border-color: #c13584; }
.sfl-tw  { color: #1a1a1a; border-color: rgba(0,0,0,0.2); background: rgba(0,0,0,0.04); }
.sfl-tw:hover  { background: #1a1a1a; color: #fff; border-color: #1a1a1a; }
.sfl-li  { color: #0077b5; border-color: rgba(0,119,181,0.3); background: rgba(0,119,181,0.05); }
.sfl-li:hover  { background: #0077b5; color: #fff; border-color: #0077b5; }
.sfl-yt  { color: #ff0000; border-color: rgba(255,0,0,0.3); background: rgba(255,0,0,0.05); }
.sfl-yt:hover  { background: #ff0000; color: #fff; border-color: #ff0000; }

.sfl-fb svg path, .sfl-ig svg path, .sfl-tw svg path,
.sfl-li svg path, .sfl-yt svg path { transition: fill 0.18s; }

/* Accessibility contrast modu */
body.a11y-contrast .nav-social a { background: #000; border: 1px solid #fff; }
body.a11y-contrast .nav-social a:hover { background: #ffff00; }
body.a11y-contrast .footer-social a { background: #000; border: 1px solid #fff; }
body.a11y-contrast .footer-social a svg path { fill: #fff; }
body.a11y-contrast .social-follow-links a { border-color: #fff; color: #fff; background: #000; }
body.a11y-contrast .social-follow-links a:hover { background: #ffff00; color: #000; }

/* Responsive: mobilde nav sosyal ikonlar gizle */
@media (max-width: 1100px) {
  .nav-social { display: none; }
}
@media (max-width: 640px) {
  .footer-social { gap: 6px; }
  .social-follow-links a span { display: none; } /* Sadece ikon kalsın */
  .social-follow-links a { padding: 6px 8px; }
}