/* BTUMUN - Shared styles (no inline CSS) */

:root{
  --white:#FFFFFF;
  --navy-900:#0B1220;
  --navy-800:#111B34;
  --navy-700:#1B2441;

  --ink:#D7E3FF;
  --muted:rgba(255,255,255,.78);
  --muted-2:rgba(255,255,255,.60);

  /* Surfaces: opaque white (no transparency) */
  --surface:#FFFFFF;
  --surface-hover:#F6F8FF;
  --surface-border:#E4E9F5;
  --divider:#E9EDF7;

  /* Text on white surfaces */
  --on-surface:#0B1220;
  --on-surface-muted:rgba(11,18,32,.72);

  /* Committee logo single-tone (match WHO-style blue) */
  --ecosoc-green:#166c01;
  --logo-ecosoc-filter: brightness(0) saturate(100%) invert(20%) sepia(95%) saturate(720%) hue-rotate(68deg) brightness(85%) contrast(105%);

    /* Committee logo single-tone (match WHO-style blue) */
  --unodc-blue:#01426c;
  --logo-unodc-filter: brightness(0) saturate(100%) invert(18%) sepia(85%) saturate(620%) hue-rotate(188deg) brightness(92%) contrast(108%);

  /* Crisis logo (red) */
  --crisis-red:#E63946;
  --logo-crisis-filter: brightness(0) saturate(100%) invert(20%) sepia(1000%) saturate(800%) hue-rotate(0deg) brightness(100%) contrast(190%);

  --radius-lg:20px;
  --radius-md:12px;
  --shadow-soft:0 18px 40px rgba(0,0,0,.35);
  --shadow-card:0 10px 28px rgba(0,0,0,.28);
}

*{margin:0;padding:0;box-sizing:border-box}
html,body{font-family:'Poppins',system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}
body{background:var(--navy-900);color:var(--white);overflow-x:hidden}
a{color:inherit}

/* NAV */
nav.MENU{
  position:fixed;
  inset:0 0 auto 0;
  z-index:998;
  height:80px;
  display:flex;
  align-items:center;
  padding:14px 70px;
  background: rgba(25, 44, 89, 0.92);
  backdrop-filter:blur(10px);
  border-bottom:1px solid rgba(255,255,255,.06);
  box-shadow:0 8px 30px rgba(0,0,0,.35);
}
@media (max-width:1200px){nav.MENU{padding:12px 20px}}
nav.MENU img{height:54px;margin-right:16px}
@media (max-width:768px){nav.MENU{height:72px}nav.MENU img{height:46px}}

nav .brand{
  font-size:26px;
  font-weight:700;
  text-decoration:none;
  letter-spacing:-.01em;
  color:var(--white);
  margin-right:auto;
}
@media (max-width:768px){nav .brand{font-size:21px}}

nav .desktop-menu{display:flex;gap:38px}
nav .desktop-menu a{
  text-decoration:none;
  font-size:16px;
  font-weight:400;
  color:var(--muted);
  transition:color .2s ease;
}
nav .desktop-menu a:hover{color:var(--white)}
nav .desktop-menu a i{margin-right:6px;color:var(--ink)}

/* Hamburger + Mobile menu */
.hamburger{display:none;flex-direction:column;cursor:pointer;padding:10px;gap:5px}
.hamburger span{width:28px;height:3px;background:var(--ink);border-radius:3px;transition:all .3s}
.hamburger.active span:nth-child(1){transform:rotate(45deg) translate(8px, 8px)}
.hamburger.active span:nth-child(2){opacity:0}
.hamburger.active span:nth-child(3){transform:rotate(-45deg) translate(7px, -7px)}

.mobile-menu{
  display:none;
  position:fixed;
  top:80px;
  left:0;right:0;
  background:rgba(17,27,52,.96);
  backdrop-filter:blur(10px);
  flex-direction:column;
  z-index:997;
  border-top:1px solid rgba(255,255,255,.08);
  box-shadow:0 18px 40px rgba(0,0,0,.45);
}
.mobile-menu a{
  padding:18px 24px;
  text-decoration:none;
  font-size:16px;
  font-weight:400;
  color:var(--muted);
  border-bottom:1px solid rgba(255,255,255,.06);
  transition:all .2s ease;
}
.mobile-menu a:last-child{border-bottom:none}
.mobile-menu a:hover{background:rgba(255,255,255,.05);color:var(--white);padding-left:30px}
.mobile-menu a i{margin-right:12px;color:var(--ink);width:20px;text-align:center}
.mobile-menu.active{display:flex}

@media (max-width:768px){
  nav .desktop-menu{display:none!important}
  .hamburger{display:flex}
  .mobile-menu{top:72px}
}
@media (min-width:769px){.hamburger{display:none!important}.mobile-menu{display:none!important}}

/* Shared section padding */
.page-section{
  padding:120px 40px 80px;
  background:var(--navy-800);
  min-height:100vh;
}
@media (max-width:768px){.page-section{padding:100px 24px 60px}}

.page-title{
  font-size:clamp(32px,4vw,52px);
  font-weight:600;
  letter-spacing:-.02em;
  text-align:center;
  margin:0 0 20px;
  color:var(--white);
}
.page-subtitle{
  text-align:center;
  color:var(--muted);
  font-weight:300;
  font-size:20px;
  margin:0 0 50px;
}

/* Social-link style button */
.pill-links{display:flex;gap:20px;flex-wrap:wrap}
.pill-link{
  display:inline-flex;
  align-items:center;
  gap:12px;
  padding:15px 25px;
  background:var(--surface);
  border:1px solid var(--surface-border);
  border-radius:var(--radius-md);
  text-decoration:none;
  transition:transform .2s ease, background .2s ease, box-shadow .2s ease;
}
.pill-link:hover{
  transform:translateY(-3px);
  background:var(--surface-hover);
  box-shadow:var(--shadow-card);
}
.pill-link i{font-size:22px;color:var(--navy-700)}
.pill-link span{color:var(--on-surface);font-weight:500}

/* Aliases (keep existing HTML class names working) */
.social-links{display:flex;gap:20px;flex-wrap:wrap}
.social-link{display:inline-flex;align-items:center;gap:12px;padding:15px 25px;background:var(--surface);border:1px solid var(--surface-border);border-radius:var(--radius-md);text-decoration:none;transition:transform .2s ease, background .2s ease, box-shadow .2s ease}
.social-link:hover{transform:translateY(-3px);background:var(--surface-hover);box-shadow:var(--shadow-card)}
.social-link i{font-size:22px;color:var(--navy-700)}
.social-link span{color:var(--on-surface);font-weight:500}
.social-link.instagram i{color:#E4405F}
.social-link.tiktok i{color:#69c9d0}

.contact-info,.social-section,.map-section{background:var(--surface);border:1px solid var(--surface-border);border-radius:var(--radius-lg);padding:40px;margin-bottom:40px}
@media (max-width:768px){.contact-info,.social-section,.map-section{padding:30px 20px}}
.social-title{font-size:20px;color:var(--on-surface);font-weight:600;margin:0 0 25px}
.contact-link{width:50px;height:50px;background:var(--navy-700);border:1px solid var(--navy-700);border-radius:12px;display:flex;align-items:center;justify-content:center;text-decoration:none;transition:transform .2s ease, background .2s ease;flex-shrink:0}
.contact-link:hover{transform:scale(1.08);background:var(--navy-800)}
.contact-link i{color:var(--white);font-size:20px}

/* HOME */
#hero{
  min-height:100vh;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:140px 40px 80px;
  text-align:center;
  position:relative;
  overflow:hidden;
  background:var(--navy-800);
}
@media (max-width:768px){#hero{padding:120px 24px 60px}}
#hero::before,#hero::after{
  content:'';
  position:absolute;
  width:560px;height:560px;
  border-radius:50%;
  background:rgba(255,255,255,.04);
}
#hero::before{top:-45%;right:-10%}
#hero::after{bottom:-35%;left:-5%;width:480px;height:480px;background:rgba(255,255,255,.03)}

#hero-content{position:relative;z-index:2;max-width:920px;margin:0 auto}
#hero-content .logo-hero{width:140px;margin:0 auto 30px;filter:brightness(0) invert(1)}
@media (max-width:768px){#hero-content .logo-hero{width:100px}}
#hero-content h1{font-size:clamp(36px,5vw,64px);font-weight:600;line-height:1.2;letter-spacing:-.02em;margin:0 0 16px}
#hero-content .subtitle{font-size:clamp(18px,2.5vw,24px);color:var(--muted);font-weight:400;margin:0 0 50px}

/* Countdown */
#countdown{margin-top:50px}
#countdown h2{font-size:clamp(18px,2.5vw,22px);font-weight:500;margin:0 0 30px}
#countdown h2 i{margin-right:10px;color:var(--ink)}
.timer-grid{display:flex;justify-content:center;gap:20px;flex-wrap:wrap}
.timer-box{
  background:var(--surface);
  border:1px solid var(--surface-border);
  border-radius:var(--radius-lg);
  padding:24px 28px;
  min-width:100px;
  text-align:center;
  transition:transform .2s ease, background .2s ease;
}
.timer-box:hover{transform:translateY(-5px);background:var(--surface-hover)}
@media (max-width:600px){.timer-box{min-width:75px;padding:18px 20px}}
.timer-box .num{font-size:clamp(32px,5vw,48px);font-weight:700;color:var(--navy-700);display:block}
.timer-box .label{color:var(--on-surface-muted)}
.timer-box .label{font-size:14px;font-weight:400;margin-top:8px;opacity:.95}
.countdown-finished{font-size:clamp(24px,4vw,36px);color:var(--ink);font-weight:600}

/* ABOUT */
#About{background:var(--navy-800);padding:100px 40px}
@media (max-width:768px){#About{padding:60px 24px}}
#About h1{font-size:clamp(32px,4vw,52px);font-weight:600;letter-spacing:-.02em;text-align:center;margin:0 0 50px}
#About h1 i{margin-right:12px;color:var(--ink)}
.about-box{
  max-width:900px;
  margin:0 auto;
  background:var(--surface);
  border:1px solid var(--surface-border);
  border-radius:var(--radius-lg);
  padding:50px 60px;
  font-size:18px;
  line-height:1.8;
  font-weight:300;
  color:var(--on-surface-muted);
}
@media (max-width:768px){.about-box{padding:30px 24px;font-size:16px}}
.about-box strong{color:var(--on-surface);font-weight:600}

/* SCHEDULE */
#Schedule{background:var(--navy-900);padding:100px 40px}
@media (max-width:768px){#Schedule{padding:60px 24px}}
#Schedule h1{font-size:clamp(32px,4vw,52px);font-weight:600;letter-spacing:-.02em;text-align:center;margin:0 0 60px}
#Schedule h1 i{margin-right:12px;color:var(--ink)}
.schedule-grid{display:flex;justify-content:center;gap:30px;flex-wrap:wrap;max-width:1400px;margin:0 auto}

.schedule-wrapper{flex:1;min-width:320px;max-width:420px}
.schedule-card{
  background:var(--surface);
  border:1px solid var(--surface-border);
  border-radius:var(--radius-lg);
  overflow:hidden;
  transition:transform .2s ease, background .2s ease, box-shadow .2s ease;
}
.schedule-card:hover{transform:translateY(-5px);background:var(--surface-hover);box-shadow:var(--shadow-card)}
.schedule-inner{padding:0;min-height:400px;display:flex;flex-direction:column}
.schedule-top-bar{width:100%;height:6px;background:var(--navy-700)}
.schedule-title{color:var(--on-surface);font-size:22px;font-weight:600;text-align:center;margin:0;padding:25px 20px 20px;letter-spacing:-.02em}
.schedule-title i{margin-right:8px;color:var(--navy-700)}
.schedule-list{list-style:none;padding:0 30px 30px;margin:0;font-size:15px;line-height:1.6}
.schedule-list li{padding:12px 0;border-bottom:1px solid var(--divider);display:flex;align-items:baseline;gap:12px}
.schedule-list li:last-child{border-bottom:none}
.schedule-list .time{color:var(--navy-700);font-weight:600;white-space:nowrap}
.schedule-list .activity{color:var(--on-surface-muted);font-weight:300;flex:1}
@media (max-width:1024px){.schedule-wrapper{max-width:100%}}
@media (max-width:768px){
  .schedule-card{margin-bottom:20px}
  .schedule-title{font-size:20px;padding:20px 15px 15px}
  .schedule-list{padding:0 20px 20px;font-size:14px}
  .schedule-list li{padding:10px 0;flex-direction:column;gap:4px}
}

/* COMMITTEES */
#committees-section{background:var(--navy-800);padding:120px 40px 80px;min-height:100vh}
@media (max-width:768px){#committees-section{padding:100px 24px 60px}}
#committees-section h1{font-size:clamp(32px,4vw,52px);font-weight:600;letter-spacing:-.02em;text-align:center;margin:0 0 60px;color:var(--white)}
.committees-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(300px,1fr));
  gap:30px;
  max-width:1400px;
  margin:0 auto;
}
@media (max-width:7px){.committees-grid{grid-template-columns:1fr;gap:20px}}
.committee-card{
  background:var(--surface);
  border:1px solid var(--surface-border);
  border-radius:var(--radius-lg);
  overflow:hidden;
  transition:transform .2s ease, background .2s ease, box-shadow .2s ease;
}
.committee-card:hover{transform:translateY(-5px);background:var(--surface-hover);box-shadow:var(--shadow-card)}
.committee-top-bar{height:5px;background:var(--navy-700)}
.committee-logo-wrapper{padding:30px;text-align:center;background:#F3F6FF}
.committee-logo{width:120px;height:120px;object-fit:contain;filter:var(--logo-tint-filter)}
.committee-logo-beginner{filter:var(--logo-ecosoc-filter)}
.committee-logo-intermediate{filter:var(--logo-unodc-filter)}
.committee-logo-advanced{filter:var(--logo-crisis-filter)}
.committee-content{padding:25px 30px 30px}
.committee-name{color:var(--on-surface);font-size:28px;font-weight:700;margin:0 0 10px;text-align:center}
.committee-subtitle{color:var(--navy-700);font-size:15px;font-weight:500;text-align:center;margin:0 0 20px;line-height:1.4}
.committee-description{color:var(--on-surface-muted);font-size:14px;font-weight:300;line-height:1.7;margin:0; text-align: center;}
.committee-beginner{color:#166c01;text-align: center;}
.committee-intermediate{color:#01426c;text-align: center;}
.committee-advanced{color:#6c0101;text-align: center;}
.study-button{
  justify-content: center;
  text-align: center;
  align-items: center;
  gap:10px;
  padding:5px;
  background:var(--navy-700);
  border:1px solid var(--navy-700);
  border-radius:var(--radius-md);
  text-decoration:none;
  color:var(--white);
  font-weight:600;
  transition:transform .2s ease, background .2s ease, box-shadow .2s ease;}
.study-content{
  padding:25px 30px 30px;
  display: flex;
  padding: 25px 30px 30px;
  flex-wrap: wrap;
  align-items: self-end;
  height: 200px;
  justify-content: center;}
.study-content .committee-subtitle{
  width: 100%;
}

.study-button span{padding: 5px;}
/* CONTACT */
#contact-section{background:var(--navy-800);padding:120px 40px 80px;min-height:100vh}
@media (max-width:768px){#contact-section{padding:100px 24px 60px}}
#contact-section h1{font-size:clamp(32px,4vw,52px);font-weight:600;letter-spacing:-.02em;text-align:center;margin:0 0 20px;color:var(--white)}
#contact-section .subtitle{font-size:20px;color:var(--muted);text-align:center;margin:0 0 50px;font-weight:300}
.contact-container{max-width:900px;margin:0 auto}
.panel{
  background:var(--surface);
  border:1px solid var(--surface-border);
  border-radius:var(--radius-lg);
  padding:40px;
  margin-bottom:40px;
}
@media (max-width:768px){.panel{padding:30px 20px}}

.contact-item{display:flex;align-items:center;margin-bottom:25px;gap:15px}
.contact-item:last-child{margin-bottom:0}
.contact-icon{
  width:50px;height:50px;
  background:var(--surface-hover);
  border:1px solid var(--surface-border);
  border-radius:12px;
  display:flex;align-items:center;justify-content:center;
  flex-shrink:0;
}
.contact-icon i{color:var(--navy-700);font-size:22px}
.contact-text{flex:1;font-size:16px;color:var(--on-surface);font-weight:400}
.contact-action{
  width:50px;height:50px;
  background:var(--navy-700);
  border:1px solid var(--navy-700);
  border-radius:12px;
  display:flex;align-items:center;justify-content:center;
  text-decoration:none;
  transition:transform .2s ease, background .2s ease;
  flex-shrink:0;
}
.contact-action:hover{transform:scale(1.08);background:var(--navy-800)}
.contact-action i{color:var(--white);font-size:20px}

.panel-title{font-size:20px;color:var(--on-surface);font-weight:600;margin:0 0 25px}
.map-title{font-size:24px;color:var(--on-surface);font-weight:600;margin:0 0 10px}
.map-address{font-size:16px;color:var(--on-surface-muted);margin:0 0 25px;font-weight:300}
.map-container{border-radius:12px;overflow:hidden;box-shadow:0 12px 30px rgba(0,0,0,.30)}
.map-container iframe{width:100%;height:450px;border:0}
@media (max-width:768px){.map-container iframe{height:350px}}

/* APPLICATIONS */
#applications-section{background:var(--navy-800);padding:120px 40px 80px;min-height:100vh}
@media (max-width:768px){#applications-section{padding:100px 24px 60px}}
#applications-section h1{font-size:clamp(32px,4vw,52px);font-weight:600;letter-spacing:-.02em;text-align:center;margin:0 0 60px;color:var(--white)}
#wishlist-section h1{font-size:clamp(32px,4vw,52px);font-weight:600;letter-spacing:-.02em;text-align:center;margin:0 0 60px;color:var(--white)}
#wishlist-section{background:var(--navy-800);padding:120px 400px 80px;min-height:100vh}
@media (max-width:768px){#wishlist-section{padding:100px 24px 60px}}
.applications-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(300px,1fr));
  gap:30px;
  max-width:1200px;
  margin:0 auto;
}
.wishlist-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(300px,1fr));
  gap:30px;
  max-width:1200px;
  margin:0 center;
}
@media (max-width:768px){.applications-grid{grid-template-columns:1fr;gap:20px}}
@media (max-width:768px){.wishlist-grid{grid-template-columns:1fr;gap:20px}}
.application-card{
  background:var(--surface);
  border:1px solid var(--surface-border);
  border-radius:var(--radius-lg);
  overflow:hidden;
  transition:transform .2s ease, background .2s ease, box-shadow .2s ease;
  display:flex;
  flex-direction:column;
}
.wishlist-card{
  background:var(--surface);
  border:1px solid var(--surface-border);
  border-radius:var(--radius-lg);
  overflow:hidden;
  transition:transform .2s ease, background .2s ease, box-shadow .2s ease;
  display:flex;
  flex-direction:column;
}
.application-card:hover{transform:translateY(-5px);background:var(--surface-hover);box-shadow:var(--shadow-card)}
.application-top-bar{height:5px;background:var(--navy-700)}
.application-header{background:var(--surface-hover);padding:30px 25px;text-align:center}
.application-title{color:var(--on-surface);font-size:28px;font-weight:700;margin:0 0 10px;line-height:1.3}
.application-price{color:var(--on-surface-muted);font-size:20px;font-weight:600;margin:0}
.application-content{padding:30px 25px;flex:1;display:flex;align-items:center;justify-content:center}
.application-button{
  display:inline-flex;
  align-items:center;
  gap:12px;
  padding:15px 22px;
  background:var(--navy-700);
  border:1px solid var(--navy-700);
  border-radius:var(--radius-md);
  text-decoration:none;
  color:var(--white);
  font-weight:600;
  transition:transform .2s ease, background .2s ease, box-shadow .2s ease;}
.application-button:hover{transform:translateY(-3px);background:var(--navy-800);box-shadow:var(--shadow-card)}
.application-button i{color:var(--ink)}
.application-button.disabled{opacity:.45;pointer-events:none}

.study-button.disabled{opacity:.45;pointer-events:none; align-items: center;}

.video-container {
    margin-top: 0px;
}

video {
    width: 100%;
    height: auto;
}
/* UNHRC özel büyük ve ortalı logo */
.committee-logo-wrapper-unhrc{
  padding:25px;
  background:#F3F6FF;

  display:flex;
  justify-content:center;
  align-items:center;
}

.committee-logo-wrapper-unhrc .committee-logo{
  width:220px;   /* istediğin büyüklük */
  height:auto;   /* oran bozulmaz */
}