/* Full site menu (with drop-downs) and the inner pages. Loaded after style.css and replica.css. */

/* ---------- header & menu ---------- */
.reference-site .reference-header{width:min(1360px,calc(100% - 48px))}
.reference-site .brand-copy b{font-size:13px}
.reference-site .main-nav{gap:clamp(12px,1.25vw,20px);font-size:13px}
.reference-site .main-nav>a,.reference-site .nav-parent{white-space:nowrap}
.reference-site .nav-group{position:relative}
.reference-site .nav-parent{display:inline-flex;align-items:center;gap:7px;padding:0;background:none;border:0;color:inherit;font:inherit;cursor:pointer}
.reference-site .nav-parent:after{content:"";width:6px;height:6px;margin-top:-3px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg)}
.reference-site .nav-parent:hover,.reference-site .nav-group:focus-within>.nav-parent,.reference-site .nav-group.is-active>.nav-parent{color:#ed1c24}
.reference-site .submenu{display:none;position:absolute;top:100%;left:-18px;z-index:30;min-width:260px;padding:20px 0 8px}
.reference-site .submenu:before{content:"";position:absolute;inset:12px 0 0;z-index:-1;background:#fff;border-top:3px solid #ed1c24;border-radius:0 0 8px 8px;box-shadow:0 14px 34px #0000002e}
.reference-site .submenu a{display:block;padding:10px 20px;color:#333;font:500 13px/1.35 Poppins,sans-serif;white-space:nowrap}
.reference-site .submenu a:hover,.reference-site .submenu a.active{color:#ed1c24;background:#fff4f4}
.reference-site .nav-group:hover .submenu,.reference-site .nav-group:focus-within .submenu{display:block}

@media(min-width:1300px) and (max-width:1459px){
  .reference-site .brand-copy b{font-size:11.5px}
  .reference-site .main-nav{gap:12px;font-size:12px}
  .reference-site .language-switch{gap:6px}
  .reference-site .nav-cta{padding:10px 12px}
}
@media(max-width:1299px){
  .reference-site .menu-toggle{display:block;flex:0 0 auto}
  .reference-site .main-nav{display:none;position:absolute;top:100%;left:0;right:0;max-height:calc(100vh - 72px);overflow-y:auto;padding:6px 24px 18px;background:#fff;border-top:1px solid #e6e6e6;box-shadow:0 10px 20px #0002;flex-direction:column;align-items:stretch;gap:0}
  .reference-site .main-nav.open{display:flex}
  .reference-site .main-nav>a,.reference-site .nav-parent{width:100%;padding:12px 0;border-bottom:1px solid #f0f0f0;font-size:14px;text-align:left}
  .reference-site .nav-parent{cursor:default;color:#999;font-size:12px;letter-spacing:1px;text-transform:uppercase}
  .reference-site .nav-parent:after{display:none}
  .reference-site .nav-group:focus-within>.nav-parent,.reference-site .nav-group.is-active>.nav-parent{color:#999}
  .reference-site .submenu{display:block;position:static;min-width:0;padding:2px 0 8px 14px}
  .reference-site .submenu:before{display:none}
  .reference-site .submenu a{padding:10px 0;font-size:14px;white-space:normal}
  .reference-site .submenu a:hover,.reference-site .submenu a.active{background:none}
  .reference-site .language-switch{padding:14px 0 6px;gap:18px}
  .reference-site .language-switch a{font-size:12px}
  .reference-site .main-nav .nav-cta{margin-top:8px;padding:13px;text-align:center}
}
@media(max-width:700px){.reference-site .reference-header{width:calc(100% - 32px)}.reference-site .main-nav{padding:4px 16px 16px}}

/* ---------- shared page parts ---------- */
.inner-page main{display:block}
.reference-site .page-section{padding:56px 0;color:#333;font-family:"Noto Sans",sans-serif}
.reference-site .page-hero+.page-section,.reference-site .page-section.tight{padding-top:20px}
.reference-site .page-hero{border-bottom:1px solid #f0f0f0}
.reference-site .page-h2{margin:0 0 24px;color:#333;font:800 clamp(25px,2.5vw,34px)/1.25 Poppins,sans-serif}
.reference-site .page-h3{margin:0 0 16px;color:#333;font:700 clamp(17px,1.7vw,21px)/1.35 Poppins,sans-serif}
.reference-site .center{text-align:center}
.reference-site .lead{max-width:920px;margin:0 0 28px;color:#444;font-size:16px;line-height:1.8}
.reference-site .lead.center{margin-left:auto;margin-right:auto}
.reference-site .muted{color:#777;font-size:14px}
.reference-site .page-section a:not(.button):not(.contact-card):not(.gallery-item){color:#c81019}
.reference-site .button-red{background:#ed1c24;color:#fff;border-radius:8px}
.reference-site .button-red:hover{background:#c81019;transform:translateY(-1px)}
.reference-site .button-red span{margin-left:10px}
.reference-site .page-countdown{display:flex;justify-content:center;margin:34px auto}

/* ---------- Bilimsel Program ---------- */
.reference-site .program-intro{text-align:center}
.reference-site .poster-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:28px;margin-top:20px}
.reference-site .program-poster{margin:0;padding:12px;background:#fff;border:1px solid #ececec;border-radius:10px}
.reference-site .program-poster img{display:block;width:100%;height:auto;border-radius:6px}
.reference-site .program-poster figcaption{padding:12px 4px 2px;color:#333;font:600 14px/1.4 Poppins,sans-serif;text-align:center}

/* ---------- Bilim Kurulu ---------- */
.reference-site .board-box{max-width:1080px;margin:0 auto;padding:40px clamp(18px,4vw,48px);background:#fff;border:1px solid #ececec;border-top:4px solid #ed1c24;border-radius:10px}
.reference-site .board-list{columns:3 260px;column-gap:36px;margin:0;padding:0;list-style:none}
.reference-site .board-list li{break-inside:avoid;padding:9px 0 9px 18px;position:relative;border-bottom:1px dashed #e7e7e7;font-size:15px}
.reference-site .board-list li:before{content:"";position:absolute;left:0;top:17px;width:7px;height:7px;background:#ed1c24;border-radius:50%}

/* ---------- Bilim Kurulu Başkanları ---------- */
.reference-site .person-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:28px}
.reference-site .person-card{display:flex;flex-direction:column;align-items:center;padding:18px 18px 22px;background:#fff;border:1px solid #ececec;border-radius:12px;text-align:center;transition:.2s}
.reference-site .person-card:hover{box-shadow:0 14px 30px #0000001a;transform:translateY(-3px)}
.reference-site .person-card img{width:100%;aspect-ratio:1;object-fit:cover;object-position:center 22%;border-radius:8px;background:#f2f2f2}
.reference-site .person-card h3{margin:18px 0 6px;color:#222;font:700 17px/1.35 Poppins,sans-serif}
.reference-site .person-card p{margin:0 0 14px;color:#ed1c24;font-size:14px;line-height:1.5}
.reference-site .page-section a.linkedin-link{margin-top:auto;padding:7px 16px;border:1px solid #0a66c2;border-radius:30px;color:#0a66c2;font:600 12px Poppins,sans-serif}
.reference-site .page-section a.linkedin-link:hover{background:#0a66c2;color:#fff}

/* ---------- Genel Bilgiler ---------- */
.reference-site .info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:0 40px;margin:0}
.reference-site .info-item{padding:16px 0 16px 18px;border-left:3px solid #ed1c24;margin-bottom:14px;background:linear-gradient(90deg,#fff6f6,#fff0 60%)}
.reference-site .info-item dt{margin-bottom:6px;color:#ed1c24;font:700 13px/1.3 Poppins,sans-serif;letter-spacing:.5px;text-transform:uppercase}
.reference-site .info-item dd{margin:0;font-size:15px;line-height:1.7}
.reference-site .info-item small{color:#666;font-size:13px}
.reference-site .about-band{background:#f7f8fa}
.reference-site .wide-image{display:block;width:100%;height:auto;margin:6px 0 32px;border-radius:10px}
.reference-site .about-band .program-list{background:#fff;border-radius:10px;padding:0 24px}
.reference-site .about-band .program-title h3{margin:0;font:700 18px/1.3 Poppins,sans-serif}
.reference-site .about-band .program-index{color:#ed1c24;font:800 22px Poppins,sans-serif}
.reference-site .page-cta{min-height:300px}
.reference-site .mv-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:28px}
.reference-site .mv-grid article{padding:30px;background:#fff;border:1px solid #ececec;border-top:4px solid #ed1c24;border-radius:10px}
.reference-site .mv-grid h3{margin:0 0 12px;color:#ed1c24;font:800 22px Poppins,sans-serif}
.reference-site .mv-grid p{margin:0;font-size:15px;line-height:1.8}

/* ---------- Destekçilerimiz ---------- */
.reference-site .sponsor-cta{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:40px;padding:30px 34px;background:#ed1c24;color:#fff;border-radius:12px}
.reference-site .sponsor-cta h2{margin:0 0 6px;color:#fff;font:800 clamp(20px,2vw,26px)/1.3 Poppins,sans-serif}
.reference-site .sponsor-cta p{margin:0;opacity:.9}
.reference-site .sponsor-cta .button-red{flex:0 0 auto;background:#fff;color:#ed1c24}
.reference-site .logo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:20px}
.reference-site .logo-card{margin:0;background:#fff;border:1px solid #ececec;border-radius:10px;overflow:hidden;transition:.2s}
.reference-site .logo-card:hover{box-shadow:0 12px 26px #00000014}
.reference-site .logo-card>div{height:130px;display:grid;place-items:center;padding:18px}
.reference-site .logo-card img{max-width:85%;max-height:94px;object-fit:contain}
.reference-site .logo-card figcaption{padding:12px;border-top:1px solid #f1f1f1;font:600 13px/1.35 Poppins,sans-serif;text-align:center}

/* ---------- Değerlendirme Ölçütleri ---------- */
.reference-site .criteria-box{max-width:980px;margin:0 auto}
.reference-site .criteria-table{width:100%;border-collapse:collapse;background:#fff;border:1px solid #e5e5e5;font-size:15px;line-height:1.6}
.reference-site .criteria-table th{padding:14px 18px;background:#ed1c24;color:#fff;font:700 14px Poppins,sans-serif;text-align:left}
.reference-site .criteria-table td{padding:12px 18px;border-top:1px solid #eee;vertical-align:top}
.reference-site .criteria-table tr:nth-child(even) td{background:#fafafa}
.reference-site .criteria-table td:first-child{width:56px;color:#ed1c24;font:700 15px Poppins,sans-serif;text-align:center}
.reference-site .criteria-table small{color:#666}

/* ---------- Genişletilmiş Özet Yazım Kuralları ---------- */
.reference-site .prose{max-width:960px;margin:0 auto;font-size:15.5px;line-height:1.8}
.reference-site .notice{margin:0 0 30px;padding:18px 22px;background:#fff4f4;border-left:4px solid #ed1c24;border-radius:0 8px 8px 0;font-weight:700}
.reference-site .rules{margin:0;padding-left:26px}
.reference-site .rules>li{margin-bottom:18px;padding-left:6px}
.reference-site .rules>li::marker{color:#ed1c24;font-weight:800}
.reference-site .dots{margin:10px 0 0;padding-left:20px}
.reference-site .dots>li{margin-bottom:12px}
.reference-site .example{margin:6px 0 4px;padding:8px 14px;background:#f6f6f6;border-left:3px solid #d5d5d5;color:#444;font-style:italic;overflow-wrap:anywhere}
.reference-site .example-label{margin:4px 0 0;color:#777;font-size:13px}

/* ---------- Önemli Tarihler ---------- */
.reference-site .timeline{display:grid;grid-template-columns:repeat(5,1fr);gap:18px;margin:10px 0 0;padding:0;list-style:none;counter-reset:d}
.reference-site .timeline li{position:relative;padding:22px 16px;background:#fff;border:1px solid #ececec;border-radius:12px;text-align:center}
.reference-site .date-badge{display:inline-flex;flex-direction:column;align-items:center;min-width:110px;padding:14px 10px;background:#ed1c24;color:#fff;border-radius:10px}
.reference-site .date-badge b{font:800 40px/1 Poppins,sans-serif}
.reference-site .date-badge span{font:700 15px/1.3 Poppins,sans-serif;text-transform:uppercase}
.reference-site .date-badge small{font-size:13px;opacity:.85}
.reference-site .timeline h3{margin:16px 0 0;color:#222;font:700 16px/1.35 Poppins,sans-serif}

/* ---------- Kabul Edilen Bildiriler ---------- */
.reference-site .download-card{display:flex;align-items:center;gap:26px;max-width:980px;margin:0 auto 26px;padding:28px;background:#fff;border:1px solid #ececec;border-radius:12px}
.reference-site .download-card p{margin:0;color:#555;line-height:1.7}
.reference-site .download-card .button{flex:0 0 auto}
.reference-site .download-icon{flex:0 0 auto;display:grid;place-items:center;width:74px;height:90px;background:#ed1c24;color:#fff;border-radius:8px;font:800 18px Poppins,sans-serif}

/* ---------- Yayın Olanakları ---------- */
.reference-site .journal-list{display:grid;gap:24px}
.reference-site .journal-card{display:grid;grid-template-columns:170px 1fr;gap:28px;padding:24px;background:#fff;border:1px solid #ececec;border-radius:12px}
.reference-site .journal-card img{width:100%;aspect-ratio:2/3;object-fit:cover;border-radius:6px;box-shadow:0 8px 20px #0000001f}
.reference-site .journal-card h3{margin:0 0 10px;font:800 21px/1.3 Poppins,sans-serif}
.reference-site .page-section .journal-card h3 a{color:#222}
.reference-site .journal-card p{margin:0 0 10px;font-size:15px;line-height:1.75}
.reference-site .journal-url{overflow-wrap:anywhere;font-weight:700}

/* ---------- Galeri ---------- */
.reference-site .gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px}
.reference-site .gallery-item{display:block;aspect-ratio:4/3;overflow:hidden;border-radius:8px;background:#eee}
.reference-site .gallery-item img{width:100%;height:100%;object-fit:cover;transition:transform .35s}
.reference-site .gallery-item:hover img{transform:scale(1.05)}

/* ---------- İletişim / Ön Kayıt ---------- */
.reference-site .contact-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.reference-site .contact-card{display:flex;flex-direction:column;gap:10px;padding:26px 22px;background:#fff;border:1px solid #ececec;border-radius:12px;text-align:center;transition:.2s}
.reference-site a.contact-card:hover{border-color:#ed1c24}
.reference-site .contact-card small{color:#ed1c24;font:700 12px Poppins,sans-serif;letter-spacing:1px}
.reference-site .contact-card p{margin:0;font-size:15px;line-height:1.6;overflow-wrap:anywhere}
.reference-site .contact-embeds{display:grid;grid-template-columns:1fr 1fr;gap:32px}
.reference-site .form-frame,.reference-site .map-frame{display:block;width:100%;height:640px;border:1px solid #ececec;border-radius:10px;background:#fff}
.reference-site .form-frame.tall{height:1300px}
.reference-site .form-page{max-width:860px;margin:0 auto}

/* ---------- footer ---------- */
.reference-site .site-footer{padding:40px 16px 30px;border-top:1px solid #eee}
.reference-site .site-footer .footer-menu{flex-wrap:wrap;max-width:980px;margin:14px auto 18px;gap:8px 20px}
.reference-site .site-footer a{color:#555}
.reference-site .site-footer a:hover{color:#ed1c24}
.reference-site .footer-theme{color:#ed1c24;font-weight:700}
.reference-site .site-footer .footer-meta{color:#777;font-size:14px}

/* ---------- lightbox ---------- */
.lightbox{position:fixed;inset:0;z-index:100;display:none;align-items:center;justify-content:center;background:#000000e6}
.lightbox.open{display:flex}
.lightbox img{max-width:calc(100vw - 120px);max-height:calc(100vh - 80px);border-radius:4px}
.lightbox button{position:absolute;display:grid;place-items:center;width:48px;height:48px;background:#ffffff1f;border:0;border-radius:50%;color:#fff;font:400 26px/1 sans-serif;cursor:pointer}
.lightbox button:hover{background:#ed1c24}
.lightbox .lb-close{top:18px;right:18px}
.lightbox .lb-prev{left:18px}
.lightbox .lb-next{right:18px}
.lightbox .lb-count{position:absolute;bottom:16px;left:0;right:0;color:#ccc;font:13px Poppins,sans-serif;text-align:center}

@media(max-width:900px){
  .reference-site .poster-grid,.reference-site .info-grid,.reference-site .mv-grid,.reference-site .contact-embeds{grid-template-columns:1fr}
  .reference-site .timeline{grid-template-columns:repeat(2,1fr)}
  .reference-site .contact-cards{grid-template-columns:1fr}
  .reference-site .sponsor-cta,.reference-site .download-card{flex-direction:column;text-align:center}
}
@media(max-width:700px){
  .reference-site .page-section{padding:40px 0}
  .reference-site .timeline{grid-template-columns:1fr}
  .reference-site .person-grid{grid-template-columns:repeat(2,1fr);gap:12px}
  .reference-site .person-card{padding:10px 10px 14px}
  .reference-site .person-card h3{margin-top:12px;font-size:14px}
  .reference-site .person-card p{font-size:12px}
  .reference-site .journal-card{grid-template-columns:1fr}
  .reference-site .journal-card img{max-width:180px;margin:0 auto}
  .reference-site .gallery-grid{grid-template-columns:repeat(2,1fr);gap:8px}
  .reference-site .criteria-table{font-size:14px}
  .reference-site .criteria-table td{padding:10px}
  .reference-site .form-frame,.reference-site .map-frame{height:520px}
  .reference-site .form-frame.tall{height:1400px}
  .lightbox img{max-width:100vw;max-height:calc(100vh - 140px)}
  .lightbox .lb-prev,.lightbox .lb-next{top:auto;bottom:14px}
}

/* WebP backgrounds (same images, about 60% smaller); browsers without image-set() type support keep the JPEGs above. */
.reference-site .hero{background-image:image-set(url("../hup-hero.webp") type("image/webp"),url("../hup-hero.jpeg") type("image/jpeg"))}
.reference-site .event-card{background-image:linear-gradient(90deg,#181818d9,#18181899),image-set(url("../hup-congress.webp") type("image/webp"),url("../hup-congress.jpeg") type("image/jpeg"))}
.reference-site .why-section{background-image:linear-gradient(0deg,#111b,#111b),image-set(url("../hup-reasons.webp") type("image/webp"),url("../hup-reasons.jpg") type("image/jpeg"))}
.reference-site .cta-section{background-image:linear-gradient(90deg,#111b,#111b),image-set(url("../hup-submission.webp") type("image/webp"),url("../hup-submission.jpg") type("image/jpeg"))}
/* <img> tags carry width/height (reserves space, no layout shift); zero specificity so any rule above that sets a height wins. */
:where(img[width][height]){height:auto}
.reference-site .poster-figure picture{display:block}