/* ==========================================================================
   TIHUD Meetings — tek stil dosyası
   Değerler canlı siteden (Event teması + özel CSS) ölçülmüştür.
   Siteye özel renkler layout.php'de :root içine config.php'den yazılır:
   --accent, --banner-bg, --prog-day, --prog-session, --prog-session-alt ...
   ========================================================================== */

/* ---------- Yazı tipleri (sitede barındırılır, SIL OFL) ---------- */
@font-face{font-family:"Roboto Condensed";font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/roboto-condensed-latin-400-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Roboto Condensed";font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/roboto-condensed-latin-ext-400-normal.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Roboto Condensed";font-style:italic;font-weight:400;font-display:swap;src:url(../fonts/roboto-condensed-latin-400-italic.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Roboto Condensed";font-style:italic;font-weight:400;font-display:swap;src:url(../fonts/roboto-condensed-latin-ext-400-italic.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1E00-1E9F,U+1EF2-1EFF,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Roboto Condensed";font-style:normal;font-weight:700;font-display:swap;src:url(../fonts/roboto-condensed-latin-700-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Roboto Condensed";font-style:normal;font-weight:700;font-display:swap;src:url(../fonts/roboto-condensed-latin-ext-700-normal.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1E00-1E9F,U+1EF2-1EFF,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Roboto";font-style:normal;font-weight:500;font-display:swap;src:url(../fonts/roboto-latin-500-normal.woff2) format("woff2")}

/* ---------- Değişkenler ---------- */
:root{
  --accent:#145869;              /* menü aktif, sayfa başlığı (siteye göre config.php) */
  --link:#145869;                /* içerik linkleri */
  --text:#333;
  --muted:#999;
  --nav-bg:#e1e1e1;
  --footer-bg:#f8f8f8;
  --line:rgba(0,0,0,.1);
  --font:"Roboto Condensed",sans-serif;
  --container:1170px;
  --prog-day:#9e3e3e;            /* programme gün başlığı */
  --prog-day-text:#fff;
  --prog-session:#e6c4c4;
  --prog-session-text:inherit;
  --prog-session-alt:#f4e4e4;
  --prog-break:#dddba3;
  --prog-opening:#f7a76a;
  --prog-oral:#4cb060;
}

/* ---------- Temel ---------- */
*,*::before,*::after{box-sizing:border-box}
[hidden]{display:none!important}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:#fff;color:var(--text);font:400 15px/1.8 var(--font);word-wrap:break-word}
h1,h2,h3,h4,h5,h6{margin:0 0 15px;color:var(--text);font-family:var(--font);font-weight:400}
h1{font-size:30px;line-height:1.233}
h2{font-size:26px;line-height:1.269}
h3{font-size:24px;line-height:1.292}
h4{font-size:22px;line-height:1.318}
h5{font-size:20px;line-height:1.35}
h6{font-size:18px;line-height:1.389}
p{margin:0 0 20px}
ul,ol{margin:0;padding:0}
b,strong{font-weight:700}
em,i{font-style:italic}
figure{margin:0}
img{max-width:100%;height:auto;vertical-align:top;border:0}
iframe{max-width:100%;border:0}
a{color:var(--link);text-decoration:none}
a:focus-visible{outline:thin dotted;outline-offset:-3px}
table{width:100%;border-collapse:collapse;border-spacing:0;margin:0 0 20px}
td,th{padding:8px;vertical-align:top;text-align:left}

.container{max-width:var(--container);margin:0 auto;position:relative}
.skip-link{position:absolute;left:-9999px;top:0;z-index:1000;background:#fff;padding:10px 16px;color:var(--text)}
.skip-link:focus{left:10px;top:10px}

/* ---------- Üst bölüm: banner + menü ---------- */
.masthead{overflow-x:clip}
.banner{margin:0}
.banner svg{width:100%;height:auto}                 /* inline: canlıdaki 8px alt boşluk korunur */
.banner a rect{cursor:pointer}

.bar{position:sticky;top:0;z-index:999;background:var(--nav-bg);border-bottom:1px solid var(--line)}
.bar .container{display:flex;flex-wrap:wrap;align-items:flex-start}
.nav{padding:0 30px 0 0}
.nav ul{list-style:none}
.nav li{display:inline-block}
.nav a{display:block;padding:0 10px;color:var(--text);font-size:14px;font-weight:700;line-height:3.8333;text-transform:uppercase}
.nav a:hover,.nav a:focus,.nav a.is-active{background:var(--accent);color:#fff}
.menu-toggle{display:none}

/* ---------- İçerik ---------- */
.content{padding:50px 0 30px}
.title{margin:0 0 20px;padding:0 0 10px;border-bottom:1px solid var(--accent);overflow:hidden}
.title__text{float:left;margin:0;max-width:70%;color:var(--accent);font-size:28px;line-height:1.333}

.layout{display:flow-root}
.layout--sidebar .main{float:left;width:70%}
.layout--sidebar .sidebar{float:left;width:30%;padding-left:40px}

.entry{margin:0 0 20px}
.entry > :last-child:not(dialog){margin-bottom:0}
.entry a{text-decoration:underline}
.entry a:hover{text-decoration:none}
.entry ul,.entry ol{margin:0 0 30px 30px}
.entry li > ul,.entry li > ol{margin-bottom:0}
.entry .small{font-size:13px;line-height:1.8}

/* Sağ sütun */
.widget{margin-bottom:30px}
.sidebar h2{margin:0}
.sidebar p{margin:0}

/* ---------- Görsel galerileri ---------- */
/* Yan yana görseller (otel/mekân) */
.gallery{display:flex;flex-wrap:wrap;gap:7.5px;margin:0 0 20px}
.gallery--2{margin:0}
.gallery--2 > figure{flex:1 1 calc(50% - 3.75px);overflow:hidden}
.gallery--2 img{width:100%;height:100%;object-fit:cover}

/* Küçük resimli fotoğraf galerisi (tıklayınca pencerede büyür) */
.gallery--thumbs{display:block;margin:40px 0 50px;text-align:center;font-size:0;line-height:0}
.entry > .gallery--thumbs:last-child{margin-bottom:30px}
.gallery--thumbs a{display:inline-block;margin:2px;vertical-align:top}
.gallery--thumbs img{display:block;width:240px;height:160px;object-fit:cover}

/* ---------- Bilimsel program tablosu ---------- */
.program{color:#333}
.program th{padding:15px;background:var(--prog-day);color:var(--prog-day-text);font-size:22pt;font-weight:400;line-height:1.8;text-transform:uppercase}
.program th strong{font-weight:700}
.program td{padding:8px}
.program td:first-child{white-space:nowrap}
.program .session{background:var(--prog-session);color:var(--prog-session-text)}
.program .chairs{background:var(--prog-session-alt)}
.program .break{background:var(--prog-break);font-size:10pt}
.program .opening{background:var(--prog-opening)}
.program .oral{background:var(--prog-oral);color:#fff}
.program .grey{background:#e9e9e9}
.program .oral-light{background:#a8e8b5}
.program .gap td{height:16px}
.program .gap--line td{height:43px}

/* ---------- Pencere (dialog) ---------- */
.modal{max-width:min(92vw,1200px);max-height:92vh;padding:0;border:0;background:transparent;overflow:visible}
.modal::backdrop{background:rgba(0,0,0,.85)}
.modal img{display:block;max-width:92vw;max-height:86vh;width:auto;height:auto;margin:0 auto}
.modal__close,.modal__prev,.modal__next{position:fixed;border:0;background:rgba(0,0,0,.4);color:#fff;font:400 32px/1 var(--font);cursor:pointer;padding:10px 16px}
.modal__close{top:12px;right:12px}
.modal__prev{left:12px;top:50%;transform:translateY(-50%)}
.modal__next{right:12px;top:50%;transform:translateY(-50%)}
.modal__count{position:fixed;left:12px;top:16px;color:#fff;font-size:14px}

/* ---------- Alt bölüm ---------- */
.footer{padding:20px 0 15px;background:var(--footer-bg);border-top:1px solid var(--line);font-size:14px;line-height:1.571;text-align:center}
.footer p{margin:0;padding-top:15px;color:var(--muted);font-size:13px;line-height:1.615}
.footer a{color:var(--muted)}
.footer a:hover{color:var(--accent)}

/* Yukarı çık düğmesi (canlıdaki çapraz köşe) */
.to-top{position:fixed;right:40px;bottom:0;z-index:1000;width:85px;height:50px;overflow:hidden;color:#fff;font-size:14px;text-transform:uppercase;text-align:center}
.to-top::before{content:"";position:absolute;left:0;top:-10px;width:60px;height:60px;background:var(--accent);box-shadow:0 2px 3px rgba(0,0,0,.08);transform:rotate(45deg);transform-origin:left bottom}
.to-top span{position:absolute;left:2px;bottom:0;width:100%;line-height:27px;transition:bottom .15s ease-out}
.to-top::after{content:"";position:absolute;left:50%;top:100%;width:10px;height:10px;border:solid #fff;border-width:3px 3px 0 0;transform:translate(-50%,0) rotate(-45deg);transition:top .2s ease-out}
.to-top:hover span,.to-top:focus span{bottom:-30px}
.to-top:hover::after,.to-top:focus::after{top:55%}

/* ---------- Kök site (tanıtım sayfası) ---------- */
body.site-root{font:400 20px/1.7 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;color:#000}
.landing{max-width:1140px;margin:0 auto}
.landing__logo{padding:10px;text-align:center}
.landing__logo img{width:735px}
.landing__cta{padding:10px}
.btn{display:block;padding:12px 24px;border-radius:30px;background:var(--accent);color:#fff;font:500 15px/22px "Roboto",sans-serif;text-align:center;transition:background-color .3s}
.btn:hover,.btn:focus{background:#4d63ad;color:#fff}

/* ==========================================================================
   Responsive (canlı tema kırılımları: 1300 / 1023 / 767 / 480)
   ========================================================================== */
@media (max-width:1300px){
  :root{--container:970px}
}
@media (max-width:1023px){
  :root{--container:708px}
  .container{width:min(var(--container),calc(100% - 40px))}
  .layout--sidebar .main,.layout--sidebar .sidebar{float:none;width:100%;padding:0;margin-bottom:50px}
}
@media (max-width:767px){
  :root{--container:460px}
  h1,h2,h3,h4,h5,h6,p{margin-bottom:10px}
  .sidebar{display:flow-root}
  .sidebar .widget{display:flow-root}
  .sidebar p,.sidebar h2{margin-bottom:10px}
  .layout--sidebar .sidebar{margin-bottom:0}

  /* Hamburger menü */
  .bar{position:relative}
  .bar .container{display:block}
  .menu-toggle{display:block;margin-left:auto;padding:26px 0;width:28px;background:none;border:0;cursor:pointer}
  .menu-toggle span{display:block;height:3px;margin:4px auto;background:#333;transition:all .2s}
  .menu-toggle[aria-expanded="true"] span:nth-child(1){transform:rotate(-135deg) translate(-5px,-5px)}
  .menu-toggle[aria-expanded="true"] span:nth-child(2){opacity:0}
  .menu-toggle[aria-expanded="true"] span:nth-child(3){transform:rotate(135deg) translate(-5px,5px)}
  .nav{padding:0}
  .nav ul{display:none}
  .nav.is-open ul{display:block}
  .nav li{display:block;border-top:1px solid var(--line)}
  .nav a{padding:10px 0;line-height:1.833;text-align:left}
  .nav a.is-active,.nav a:hover{padding-left:10px}

  .gallery--thumbs{margin-top:20px}
  .program th{font-size:22px;line-height:1.4}
  .program,.program tbody,.program tr,.program td,.program th{display:block;width:100%}
  .program tr{border:1px solid #b1b1b1;border-top:0}
  .program tr:first-child{border-top:1px solid #b1b1b1}
  .program .gap{display:none}
  .program td:empty{display:none}
  .program td:first-child{white-space:normal}
}
@media (max-width:480px){
  :root{--container:300px}
  .container{width:min(var(--container),calc(100% - 30px))}
}