/* =========================================================
   TAGRA INDICO CUSTOM THEME - COMPLETE MERGE
   (Original Layout + Aesthetic & Science Edition)
   ========================================================= */

/* ----------- 1. FONTS (Original Definitions) ----------- */

/* latin-ext */
@font-face {
  font-family: 'Nunito Sans';
  font-style: italic;
  font-weight: 200 1000;
  font-stretch: 100%;
  src: url(https://fonts.gstatic.com/s/nunitosans/v15/pe0OMImSLYBIv1o4X1M8cce4OdVisMz5nZRqy6cmmmU3t3NeCAAFOvV9SNjBwHuBZFI.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;
}
/* latin */
@font-face {
  font-family: 'Nunito Sans';
  font-style: italic;
  font-weight: 200 1000;
  font-stretch: 100%;
  src: url(https://fonts.gstatic.com/s/nunitosans/v15/pe0OMImSLYBIv1o4X1M8cce4OdVisMz5nZRqy6cmmmU3t3NeCAAFOvV9SNjBznuB.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;
}
/* latin-ext */
@font-face {
  font-family: 'Nunito Sans';
  font-style: normal;
  font-weight: 200 1000;
  font-stretch: 100%;
  src: url(https://fonts.gstatic.com/s/nunitosans/v15/pe0AMImSLYBIv1o4X1M8ce2xCx3yop4tQpF_MeTm0lfUVwoNnq4CLz0_kJPxzGOF.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;
}
/* latin */
@font-face {
  font-family: 'Nunito Sans';
  font-style: normal;
  font-weight: 200 1000;
  font-stretch: 100%;
  src: url(https://fonts.gstatic.com/s/nunitosans/v15/pe0AMImSLYBIv1o4X1M8ce2xCx3yop4tQpF_MeTm0lfUVwoNnq4CLz0_kJ3xzA.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;
}

/* ----------- 2. THEME VARIABLES (Aesthetic Additions) ----------- */

:root {
    /* Colors (Mapped from original) */
    --tagra-primary: #4e94af;       
    --tagra-primary-dark: #3b768c;
    --tagra-primary-rgb: 78, 148, 175;
    
    --tagra-secondary: #c16260;     
    --tagra-secondary-dark: #a34e4d;
    --tagra-secondary-rgb: 193, 98, 96;

    --tagra-bg-main: #f8fafc; 
    --tagra-bg-alt: #f6f6f6;
    --tagra-text-main: #2c3e50;
    --tagra-text-muted: #64748b;
    --tagra-border: #e2e8f0;
    --tagra-banner-bg: #d1d1d1;
    --tagra-timetable-bg: beige;
    
    /* Effects */
    --tagra-shadow-sm: 0 2px 4px rgba(0,0,0,0.04);
    --tagra-shadow-md: 0 10px 25px -5px rgba(0,0,0,0.08), 0 8px 10px -6px rgba(0,0,0,0.04);
    --tagra-shadow-hover: 0 20px 25px -5px rgba(0,0,0,0.1), 0 10px 10px -5px rgba(0,0,0,0.04);
    --tagra-transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
}

body.tagra-elite {
	--tagra-primary: #4e94af;       
    --tagra-primary-dark: #3b768c;
    --tagra-primary-rgb: 78, 148, 175;
    
    --tagra-secondary: #c16260;     
    --tagra-secondary-dark: #a34e4d;
    --tagra-secondary-rgb: 193, 98, 96;

    --tagra-bg-main: #f8fafc; /* Hafif soğuk, bilimsel beyaz/mavi tonu */
    --tagra-bg-alt: #ffffff;
    --tagra-text-main: #2c3e50;
    --tagra-text-muted: #64748b;
    --tagra-border: #e2e8f0;
    
    --tagra-shadow-sm: 0 2px 4px rgba(0,0,0,0.04);
    --tagra-shadow-md: 0 10px 25px -5px rgba(0,0,0,0.08), 0 8px 10px -6px rgba(0,0,0,0.04);
    --tagra-shadow-hover: 0 20px 25px -5px rgba(0,0,0,0.1), 0 10px 10px -5px rgba(0,0,0,0.04);
    --tagra-transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
}

body.tagra-dark {
    --tagra-primary: #6baed1;
    --tagra-primary-dark: #4e94af;
    --tagra-secondary: #d47a78;
    --tagra-secondary-dark: #c16260;

    --tagra-bg-main: #0f172a; 
    --tagra-bg-alt: #1e293b;
    --tagra-text-main: #f1f5f9;
    --tagra-text-muted: #94a3b8;
    --tagra-border: #334155;
    --tagra-banner-bg: #1e293b;
    --tagra-timetable-bg: #1e293b;
    
    --tagra-shadow-md: 0 10px 25px -5px rgba(0,0,0,0.3);
    --tagra-shadow-hover: 0 20px 25px -5px rgba(0,0,0,0.5);
}

/* ----------- 3. GLOBAL DEFINITIONS & ANIMATIONS ----------- */

* { font-family: "Nunito Sans", sans-serif; }

body {
    max-width: 1920px;
    margin: auto;
    font-size: 1em;
    font-weight: 400;
    background-color: var(--tagra-bg-main);
    color: var(--tagra-text-main);
    transition: background-color 0.4s ease, color 0.4s ease;
    overflow-x: hidden;
}

@keyframes fadeUp {
    from { opacity: 0; transform: translateY(20px); }
    to { opacity: 1; transform: translateY(0); }
}

.section, .event-home-content, .timetable, div.confBodyBox {
    animation: fadeUp 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}

/* Base Links (with Hover Underline Animation) */
a, .fake-link, .ui-widget-content a {
    color: var(--tagra-secondary);
    text-decoration: none;
    position: relative;
    font-weight: 500;
    transition: var(--tagra-transition);
}

a:not([class^="btn-"]):not([class*="-button"]):not(.menu-item):not(.no-link):not(.tg-nav-link):::after {
    content: ''; position: absolute; width: 100%; transform: scaleX(0); height: 2px;
    bottom: -2px; left: 0; background-color: var(--tagra-secondary);
    transform-origin: bottom right; transition: transform 0.3s ease-out;
}

a:not([class^="btn-"]):not([class*="-button"]):not(.menu-item):not(.no-link):not(.tg-nav-link):hover::after {
    transform: scaleX(1); transform-origin: bottom left;
}

a:hover, .fake-link:hover, .ui-widget-content a:hover { color: #aa6618; }

h1, h2, h3, h4, h5 {
    color: var(--tagra-text-main);
    font-weight: 500;
}

/* ----------- 4. CONFERENCE HEADER (Original Layout + Variables) ----------- */

.conf { width: 100%; border: none; margin: auto; }
.confheader { background-color: var(--tagra-bg-main); transition: var(--tagra-transition); }

.confTitleBox {
    min-height: 90px; height: 40vh; max-height: 225px;
    background: transparent url(https://congreteria.com/event/4/images/27-tagra-banner.png);
    background-size: 100% 100%; background-repeat: no-repeat;
}

.confTitle { width: 100%; border: 0; margin: 0; padding: 0; }

.confLogoBox {
    border: 0; margin: 0; padding: 0;
    min-width: 142px; width: 13.4vw; max-width: 256px;
    min-height: 90px; height: 40vh; max-height:200px;
}

.conference-title-link { border: 0; margin: 0; padding: 0; }
span.conference-title-link span {
    border: 0; margin: 0; padding: 0; display: block; float: down;
    height: 38vh; min-height: 90px; max-height:200px; color: transparent;
    background-size: 80%; background-repeat: no-repeat; background-position-y: 95%; background-position-x: 14vw;
}

.confSubTitleBox { background-color: var(--tagra-banner-bg); border: 0; transition: var(--tagra-transition); }

.datePlace { font-size: 1.2em; margin: 0.4em; }
div.datePlace > div.date { float: left; font-size: 1em; margin: 0.2em; color: var(--tagra-text-main); }
div.datePlace > div.timezone { float: left; font-size: 1em; margin: 0.2em; color: var(--tagra-text-muted); }

.confSubTitleContent { width: 100%; margin: 0 auto; font-size: 1em; color: var(--tagra-primary); }
.confSubTitle a { font-size: 1em; }

.simpleTextAnnouncement {
    background: var(--tagra-bg-alt);
    border-top: 1px solid var(--tagra-primary);
    font-weight: bold; font-size: 1em; text-align: center;
    color: var(--tagra-primary); padding: 8px 0;
}

/* ----------- 5. LAYOUT & MENU (Original Logic + Aesthetic Effects) ----------- */

#confSectionsBox { width: 100%; margin: 0 auto; height: 82vh; }

div.conf_leftMenu {
    background-color: var(--tagra-bg-alt) !important; /* Transparent yerine tema değişkeni */
    border-radius: 8px;
	float:left; font-size: 13px; 
}
div.conf_leftMenu #outer {
	background: none;
}

table.overviewtable {border: 0; border-spacing: 4; padding: 4; vertical-align: top}
td.overviewtable {vertical-align: top;padding: 0 0 2em 0;}
td.rightcol{padding-left: 3em;}

#outer { border: 0; }
#outer li a {
    font-size: 1.3em;
    color: var(--tagra-text-main);
    border-radius: 8px; margin-bottom: 4px;
    transition: var(--tagra-transition);
    position: relative; overflow: hidden; z-index: 1;
}

#outer li a::before {
    content: ''; position: absolute; top: 0; left: 0; width: 0; height: 100%;
    background-color: rgba(var(--tagra-secondary-rgb), 0.1);
    transition: width 0.3s ease; z-index: -1; border-radius: 8px;
}

#outer li a:hover::before { width: 100%; }
#outer li a:hover, #outer li a:not(.no-link):hover {
    color: var(--tagra-secondary) !important; background: transparent !important; padding-left: 20px;
}

.qtip-default { font-size: 14px; line-height: 16px; }
.qtip-default a .qtip-default.qtip-popup a, .qtip-default.add-field-qtip a, .qtip-default.informational a, .qtip-default.qbubble a { color: var(--tagra-primary); }
.settingsWidget a, .protectionWidget a { font-size: 1em; }

.menuConfTitle { text-align: left; }
.menuConfTitle a { color: var(--tagra-text-main); padding: 7px 12px; }

.menuConfTitle.selected > a, .menuConfMiddleCell.selected > a {
    background: linear-gradient(135deg, var(--tagra-secondary), var(--tagra-secondary-dark)) !important;
    color: white !important; box-shadow: 0 4px 10px rgba(var(--tagra-secondary-rgb), 0.3);
}

.menuConfSelected, .menuConfMiddleCell.selected { border: 0; }

li ul.inner li a { padding: 3px 12px 3px 30px; background: transparent url(../../images/conf/left_menu_bullet.png) scroll no-repeat 15px center; }

.support_box { border: 0; }
.support_box > h3 { color: white; background-color: var(--tagra-secondary); font-size: 1.3em; border-radius: 8px 8px 0 0; }

/* Menu control trickery (Original) */
input.LeftMenuCtrl { display: none !important; }

/* Narrow-screen breakpoint (Original logic preserved) */
@media screen and (max-width: 54em) {
    .confTitleBox, .confLogoBox, span.conference-title-link span { height: 12vh; min-width: 90px; }
    div.conf_leftMenu { position: absolute; top: 50px; right: 1em; z-index: 20; }
    label.LeftMenuCtrl:after { content: "X"; }
    label.LeftMenuCtrl { position: absolute; top: 0.7em; right: 0.4em; font-size: x-large; color: var(--tagra-text-main); cursor: pointer; }
    input[type=checkbox]:checked ~ label.LeftMenuCtrl:after { content: "☰"; }
    input[type=checkbox]:checked ~ div.conf_leftMenu { display: none; }
    div.confBodyBox { margin-left: 1em; margin-right: 1em; }
    li.LeftMenuCtrl { padding-left: 7px; }
    div.SponsorBox { float: right; background-color: var(--tagra-bg-alt); padding: 0; margin: 0; border: 0; }
    div.SponsorClass { display: inline-block; vertical-align: top; text-align: center; }
    div.centered-column { margin: 2em; width: 100%; }
    td.rightcol{padding: 2em 0 2em 0;}
}

/* Wide-screen defaults (Original logic preserved) */
@media screen and (min-width: 54em) {
    label.LeftMenuCtrl:after, input[type=checkbox]:checked ~ label.LeftMenuCtrl:after { content: none; }
    header .title-with-actions { margin-top: 1.4vh; margin-bottom: 1.4vh; }
    input[type=checkbox]:checked ~ div.conf_leftMenu, div.SponsorBox { min-height: 1110px; height: 1400px; min-width: 142px; width: 13.4vw; max-width: 256px; }
    input[type=checkbox]:checked ~ div.conf_leftMenu { display: block; background-color: var(--tagra-bg-alt); }
    li.LeftMenuCtrl { display: none; }
    ul#outer { line-height: 1.6; }
    div.col2 { margin-top: 2vmin; }
    div.confBodyBox { margin-left: 17%; margin-right: 17%; }
    div.SponsorBox { float: right; background-color: var(--tagra-bg-alt); padding: 0; margin: 0; border: 0; }
    div.SponsorClass { margin: 0; text-align: center; }
    div.SponsorClass h5, div.SponsorClass a, div.SponsorClass img { text-align: center; font-size: 1.3em; }
    div.SponsorClass:first-child h5 { margin-top: 1px; }
}


/* 2. Maksimum Genişliği Sınırla (Geniş Ekranlar İçin) */
body.tagra-limit-width {
    max-width: 1440px !important;
    margin: 0 auto !important;
    box-shadow: 0 0 50px rgba(0,0,0,0.1); /* Sayfa kenarlarına derinlik */
}
body.tagra-dark.tagra-limit-width {
    box-shadow: 0 0 50px rgba(0,0,0,0.6);
}

/* 3. Masaüstünde Mobil Menü (Hamburger) Görünümünü Tetikleme */
/* Normalde masaüstünde gizlenen hamburger ikonu ve checkbox mantığını zorla aktifleştiriyoruz */
body.tagra-mobile-menu-active label.LeftMenuCtrl {
    display: block !important;
    position: absolute !important;
    top: 0.7em !important;
    right: 0.4em !important;
    font-size: x-large !important;
    color: var(--tagra-text-main) !important;
    cursor: pointer !important;
    z-index: 25 !important;
}

body.tagra-mobile-menu-active label.LeftMenuCtrl:after { content: "☰" !important; }
body.tagra-mobile-menu-active input.LeftMenuCtrl:checked ~ label.LeftMenuCtrl:after { content: "X" !important; }

body.tagra-mobile-menu-active div.conf_leftMenu {
    position: absolute !important;
    top: 50px !important;
    right: 1em !important;
    z-index: 20 !important;
    width: 280px !important;
    min-height: auto !important;
    height: auto !important;
    display: none !important; /* Tıklanana kadar gizli */
    box-shadow: var(--tagra-shadow-md) !important;
    border: 1px solid var(--tagra-border) !important;
}

/* Checkbox işaretlendiğinde menüyü göster */
body.tagra-mobile-menu-active input.LeftMenuCtrl:checked ~ div.conf_leftMenu {
    display: block !important;
}

/* Menü gizliyken ana içeriği tam genişliğe yay */
body.tagra-mobile-menu-active div.confBodyBox {
    margin-left: 2% !important;
    margin-right: 2% !important;
    width: 96% !important;
    transition: var(--tagra-transition);
}


/* ----------- 6. PAGE CONTENT, BUTTONS & CARDS (Aesthetic Focus) ----------- */

.conference-page header { margin-bottom: 0px; }
.conference-page header h2 { color: #6a8a25; padding-right: 5px; font-weight: 400; font-size: 2em; }
.ui-dialog-title { color: var(--tagra-secondary); font-weight: 700; }
div.infoline { float: none; width: 100%; }
img.SponsorImg { max-width: 100px; margin: 5px; }
.SponsorClass h5 { margin-top: 5px; margin-bottom: 5px; }
div.centered-column-wrapper { width: auto; }

/* Aesthetic Cards */
.section, .event-home-content, .ui-form, div.SponsorBox {
    background: var(--tagra-bg-main);
    border-radius: 16px;
    border: 1px solid var(--tagra-border);
    box-shadow: var(--tagra-shadow-md);
    padding: 30px; margin-bottom: 30px;
    transition: var(--tagra-transition);
}

.section:hover, .event-home-content:hover {
    box-shadow: var(--tagra-shadow-hover);
    transform: translateY(-3px);
}

.section .header::after, .conference-page header h2::after {
    content: ''; position: absolute; bottom: 0; left: 0; width: 40px; height: 3px;
    background: var(--tagra-secondary); border-radius: 3px; transition: width 0.3s ease;
}
.section:hover .header::after { width: 80px; }

/* Modern Buttons */
.ui-button, .i-button, input[type="submit"] {
    background: linear-gradient(135deg, var(--tagra-primary) 0%, var(--tagra-primary-dark) 100%) !important;
    color: #ffffff !important; border-radius: 8px !important; border: none !important;
    padding: 10px 24px !important; font-weight: 600 !important; letter-spacing: 0.5px;
    transition: var(--tagra-transition) !important;
    box-shadow: 0 4px 15px rgba(var(--tagra-primary-rgb), 0.3);
    position: relative; overflow: hidden; cursor: pointer;
}

.ui-button:hover, .i-button:hover, input[type="submit"]:hover {
    transform: translateY(-2px) scale(1.02);
    box-shadow: 0 8px 20px rgba(var(--tagra-primary-rgb), 0.4);
}

.ui-button:active, .i-button:active { transform: translateY(1px) scale(0.98); }

.ui-button.highlight, .i-button.highlight, a.i-button {
    background: linear-gradient(135deg, var(--tagra-secondary) 0%, var(--tagra-secondary-dark) 100%) !important;
    box-shadow: 0 4px 15px rgba(var(--tagra-secondary-rgb), 0.3);
}


/* 1. Seçili (Checked) Olan Buton: Kırmızı Tema + Basılı (İç Göçmüş) Efekt */
input[type="radio"]:checked + label.i-button,
.i-selection input[type="radio"]:checked + label,
.ui-button-group input[type="radio"]:checked + label {
    background: linear-gradient(135deg, var(--tagra-secondary) 0%, var(--tagra-primary-dark) 100%) !important;
    color: #ffffff !important;
    opacity: 1 !important;
}

/* 2. Seçili Olmayan Butonlar: Soluk (Pasif) Görünüm */
input[type="radio"]:not(:checked) + label.i-button,
.i-selection input[type="radio"]:not(:checked) + label,
.ui-button-group input[type="radio"]:not(:checked) + label {
    opacity: 0.65; /* Aktif olanı öne çıkarmak için diğerlerini soluklaştır */
    box-shadow: none !important;
}

/* 3. Seçili Olmayan Butonlara Mouse ile Gelindiğinde (Hover) */
input[type="radio"]:not(:checked) + label.i-button:hover,
.i-selection input[type="radio"]:not(:checked) + label:hover,
.ui-button-group input[type="radio"]:not(:checked) + label:hover {
    opacity: 1;
    box-shadow: 0 6px 15px rgba(var(--tagra-primary-rgb), 0.25) !important;
}


/* Painful Indico overrides (Color mapped to variables) */
.i-button.highlight:not(.label):not(.borderless):not(.text-color), .i-selection input[type="radio"]:checked + label:not(.label):not(.borderless):not(.text-color), .categorynav .category-list .item .button-wrapper .highlight:not(.label):not(.borderless):not(.text-color).action-button, .categorynav .category-list .item .button-wrapper :not(.label):not(.borderless):not(.text-color).action-button, .highlight:not(.label):not(.borderless):not(.text-color).action-button, :not(.label):not(.borderless):not(.text-color).action-button {
    background-color: var(--tagra-primary);
}

/* Glow Inputs */
input[type="text"], input[type="email"], textarea, select {
    background-color: var(--tagra-bg-alt) !important; border: 1px solid var(--tagra-border) !important;
    border-radius: 8px !important; padding: 12px 16px !important;
    color: var(--tagra-text-main) !important; transition: var(--tagra-transition);
}
input[type="text"]:focus, input[type="email"]:focus, textarea:focus {
    border-color: var(--tagra-primary) !important;
    box-shadow: 0 0 0 4px rgba(var(--tagra-primary-rgb), 0.15) !important;
    outline: none !important; background-color: var(--tagra-bg-main) !important;
}

/* Specific Layout Fixes */
div.conferenceDetails div.description { margin: 0 0 2em 0; color: var(--tagra-text-main); }
div.description h2 { margin-top: 0; }
div.main-action-bar { background-color: var(--tagra-border); }

ul.steps li.completed .circle::before { background-color: var(--tagra-secondary); border-color: var(--tagra-secondary); }
ul.steps li:first-child .horizontal-line { background-color: var(--tagra-secondary); }
ul.steps li.completed .text { color: var(--tagra-secondary); }

div.action-box.highlight { background-color: var(--tagra-bg-alt); border-color: var(--tagra-border); color: var(--tagra-text-main); }
.action-box.highlight .section:not(.highlight):not(.warning):not(.danger):not(.disabled):not(.accept):not(.plain) > .icon { color: var(--tagra-text-main); }
.action-box.highlight .section:not(.highlight):not(.warning):not(.danger):not(.disabled):not(.accept):not(.plain) { color: var(--tagra-text-main); }
.action-box.highlight .section:not(.highlight):not(.warning):not(.danger):not(.disabled):not(.accept):not(.plain) .text .label { color: var(--tagra-primary); }

.call-for-abstracts .cfa-announcement { color: var(--tagra-text-main); padding: 0; }
.conference-page .page-content h1, .conference-page .page-content h2, .conference-page .page-content h3 { color: var(--tagra-text-main); }
.footer * { line-height: initial; }
.conference-page section .header-row h3 { color: #865899; }
div.session-bar .toolbar { margin-left: 1em; margin-right: 1em; }

/* ----------- 7. TOPICS VIEW IMPROVEMENTS (Original) ----------- */
div.contrib-title { font-size: 2em; margin-top: 1em; margin-bottom: 1em; }
div#display-contribution-list { max-width: 900px; }
.contribution-row { margin-top: 4em; }
div.speaker-list.icon-user { margin-top: 0.5em; margin-bottom: 0.5em; }
.contribution-list .contribution-row .description::before, .contribution-list .track-review-row .description::before, .track-review-list .contribution-row .description::before, .track-review-list .track-review-row .description::before { background: none; overflow: visible; }
.contribution-list .contribution-row .description, .contribution-list .track-review-row .description, .track-review-list .contribution-row .description, .track-review-list .track-review-row .description { max-height: initial; overflow: visible; color: var(--tagra-text-main); }
.contribution-list .contribution-row:hover, .contribution-list .track-review-row:hover, .track-review-list .contribution-row:hover, .track-review-list .track-review-row:hover { border-color: var(--tagra-secondary); }
.conference-page .page-content h3:first-child { font-size: 1.4em; }
.contrib-title span { font-size: 2em; }

/* ----------- 8. TIMETABLE LAYOUT (Original + Aesthetic Colors) ----------- */

table.lpctt {
    border: 3px solid var(--tagra-border); padding: 5px;
    background-color: var(--tagra-bg-main); width: 100%; border-collapse: collapse;
}
table.lpctt tr:hover { background-color: var(--tagra-bg-alt); }
tr.lpcttday { background-color: var(--tagra-timetable-bg); }
span.lpctt { display: none; }
th, td { text-align: left; padding: 6px; border-bottom: 1px solid var(--tagra-border); }
table { border-collapse: collapse; border: solid 2px var(--tagra-border); }

@media only screen and (max-width: 48em) {
	table.lpctt  { display: block; width: 95%; }
    table.lpctt thead { display: none; }
    span.lpctt { display: inline; }
    table.lpctt tbody, th, td, tr { display: block; }
    tr.lpctthdr { display: none; }
    table.lpctt td {
	    border: 1px solid var(--tagra-border); border-radius: 8px; margin-bottom: 8px;
        background: var(--tagra-bg-alt); box-shadow: var(--tagra-shadow-sm);
	    position: relative; padding-left: 50%;
	}
	table.lpctt td:before {
		position: absolute; top: 6px; left: 6px; width: 45%;
		padding-right: 10px; white-space: nowrap; color: var(--tagra-primary); font-weight: bold;
	}
}


/* ----------- 9. PROFILE CARD / KUTU (Complete Original Definitions) ----------- */

.header img { border-radius: 50%; margin: 20px auto; display: block; width: 200px; border: 5px solid #fff; }
.kutu {
  border-top: 0px solid #26A69A; border-bottom: 0px solid #00695C; border-radius: 50%;
  margin: 0 auto; display: block; height: 250px; width: 250px;
  background: url(https://s-media-cache-ak0.pinimg.com/736x/3a/1f/02/3a1f02c10700daa80655a302c5a27acf.jpg);
  background-size: cover; overflow: hidden; box-shadow: 0 0 100px 10px var(--tagra-bg-main);
  transition: all ease 0.3s;
}
.kutu:hover {
  border-top: 4px solid #26A69A; border-bottom: 4px solid #00695C; border-radius: 5px;
  height: 480px; width: 100%; box-shadow: 0 0 70px 10px var(--tagra-bg-main);
}
.kutu:hover .header img { animation: profile_image 2000ms linear both; animation-delay: 0.5s; }
.header { text-align: center; }
.header h1 {
  position: relative; text-align: center; color: #fff; text-shadow: 1px 1px rgba(0, 0, 0, 0.5);
  font-size: 25px; line-height: 25px; display: inline-block; padding: 10px;
  transition: all ease 0.250s; border-top: 1px solid #fff; border-bottom: 1px solid #fff;
}
.kutu:hover .header h1 { margin-top: 0px; outline: 0 solid #fff; border-top: 0px solid #fff; border-bottom: 1px solid #fff; }
.header h2 { text-align: center; color: #fff; text-shadow: 1px 1px rgba(0, 0, 0, 0.5); font-size: 17px; font-weight: normal; line-height: 0px; margin: 0; }
.profile-bio {
  margin-top: 20px; padding: 1px 20px 10px 20px !important; transition: all linear 1.5s;
  color: #fff; font-size: 14px; opacity: 0; background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.42) 49%, rgba(0, 0, 0, 0.61) 100%);
}
.kutu:hover .profile-bio { opacity: 1; }
.profile-bio p:first-child { text-align: center; font-size: 16px; }
.profile-social-links { position: relative; margin-top: -440px; margin-left: -100px; list-style-type: none; opacity: 0; transition: all ease 0.5s; }
.kutu:hover .profile-social-links { margin-left: -30px; opacity: 1; }
.profile-social-links li img { width: 30px; background: #fff; border-radius: 50%; padding: 5px; }

@keyframes profile_image {
  0% { transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  3.4% { transform: matrix3d(1.032, 0, 0, 0, 0, 1.041, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  4.7% { transform: matrix3d(1.045, 0, 0, 0, 0, 1.06, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  6.81% { transform: matrix3d(1.066, 0, 0, 0, 0, 1.089, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  9.41% { transform: matrix3d(1.088, 0, 0, 0, 0, 1.117, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  10.21% { transform: matrix3d(1.094, 0, 0, 0, 0, 1.123, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  13.61% { transform: matrix3d(1.112, 0, 0, 0, 0, 1.133, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  14.11% { transform: matrix3d(1.114, 0, 0, 0, 0, 1.133, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  17.52% { transform: matrix3d(1.121, 0, 0, 0, 0, 1.124, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  18.72% { transform: matrix3d(1.121, 0, 0, 0, 0, 1.119, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  21.32% { transform: matrix3d(1.12, 0, 0, 0, 0, 1.107, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  24.32% { transform: matrix3d(1.115, 0, 0, 0, 0, 1.096, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  25.23% { transform: matrix3d(1.113, 0, 0, 0, 0, 1.094, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  29.03% { transform: matrix3d(1.106, 0, 0, 0, 0, 1.09, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  29.93% { transform: matrix3d(1.105, 0, 0, 0, 0, 1.09, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  35.54% { transform: matrix3d(1.098, 0, 0, 0, 0, 1.096, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  36.74% { transform: matrix3d(1.097, 0, 0, 0, 0, 1.098, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  41.04% { transform: matrix3d(1.096, 0, 0, 0, 0, 1.102, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  44.44% { transform: matrix3d(1.097, 0, 0, 0, 0, 1.103, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  52.15% { transform: matrix3d(1.099, 0, 0, 0, 0, 1.101, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  59.86% { transform: matrix3d(1.101, 0, 0, 0, 0, 1.099, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  63.26% { transform: matrix3d(1.101, 0, 0, 0, 0, 1.099, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  75.28% { transform: matrix3d(1.1, 0, 0, 0, 0, 1.1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  85.49% { transform: matrix3d(1.1, 0, 0, 0, 0, 1.1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  90.69% { transform: matrix3d(1.1, 0, 0, 0, 0, 1.1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  100% { transform: matrix3d(1.1, 0, 0, 0, 0, 1.1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
}

.kutu:hover .header h1 { animation: name_and_job 1500ms linear both; animation-delay: 0.4s; }

@keyframes name_and_job {
  0% { transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -300, 0, 0, 1); }
  1.3% { transform: matrix3d(3.905, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -237.02, 0, 0, 1); }
  2.55% { transform: matrix3d(4.554, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -182.798, 0, 0, 1); }
  4.1% { transform: matrix3d(4.025, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -125.912, 0, 0, 1); }
  5.71% { transform: matrix3d(3.039, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -79.596, 0, 0, 1); }
  8.11% { transform: matrix3d(1.82, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -31.647, 0, 0, 1); }
  8.81% { transform: matrix3d(1.581, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -21.84, 0, 0, 1); }
  11.96% { transform: matrix3d(1.034, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 4.825, 0, 0, 1); }
  12.11% { transform: matrix3d(1.023, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 5.53, 0, 0, 1); }
  15.07% { transform: matrix3d(0.947, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 12.662, 0, 0, 1); }
  16.12% { transform: matrix3d(0.951, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 13.007, 0, 0, 1); }
  27.23% { transform: matrix3d(1.001, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 2.352, 0, 0, 1); }
  27.58% { transform: matrix3d(1.001, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 2.121, 0, 0, 1); }
  38.34% { transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.311, 0, 0, 1); }
  40.09% { transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.291, 0, 0, 1); }
  50% { transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.048, 0, 0, 1); }
  60.56% { transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0.007, 0, 0, 1); }
  82.78% { transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  100% { transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
}

.outer-flex { display: flex; margin-bottom: 30px; flex-wrap: wrap; gap: 15px; }
.inner-flex { background-color: var(--tagra-bg-alt); flex: 1 1 calc(50% - 15px); padding: 15px; transition: transform 0.2s; }

.kutu:hover ul li:first-child { animation: social_animation 2000ms ease-in-out both; animation-delay: 0.75s; }
.kutu:hover ul li:nth-child(2) { animation: social_animation 2000ms ease-in-out both; animation-delay: 1s; }
.kutu:hover ul li:nth-child(3) { animation: social_animation 2000ms ease-in-out both; animation-delay: 1.25s; }

@keyframes social_animation {
  0% { transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -300, 0, 0, 1); }
  1.3% { transform: matrix3d(3.905, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -237.02, 0, 0, 1); }
  2.55% { transform: matrix3d(4.554, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -182.798, 0, 0, 1); }
  4.1% { transform: matrix3d(4.025, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -125.912, 0, 0, 1); }
  5.71% { transform: matrix3d(3.039, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -79.596, 0, 0, 1); }
  8.11% { transform: matrix3d(1.82, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -31.647, 0, 0, 1); }
  8.81% { transform: matrix3d(1.581, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -21.84, 0, 0, 1); }
  11.96% { transform: matrix3d(1.034, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 4.825, 0, 0, 1); }
  12.11% { transform: matrix3d(1.023, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 5.53, 0, 0, 1); }
  15.07% { transform: matrix3d(0.947, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 12.662, 0, 0, 1); }
  16.12% { transform: matrix3d(0.951, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 13.007, 0, 0, 1); }
  27.23% { transform: matrix3d(1.001, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 2.352, 0, 0, 1); }
  27.58% { transform: matrix3d(1.001, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 2.121, 0, 0, 1); }
  38.34% { transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.311, 0, 0, 1); }
  40.09% { transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.291, 0, 0, 1); }
  50% { transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.048, 0, 0, 1); }
  60.56% { transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0.007, 0, 0, 1); }
  82.78% { transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  100% { transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
}

/* ----------- 10. HIDDEN ELEMENTS & CONFIG TOGGLES (Required for JS Panel) ----------- */

#protection-details-link, #language-selector-link, img.confLogo, div.button-bar, span.contrib-id { display: none !important; }

.tagra-switch-wrapper { display: flex; align-items: center; justify-content: space-between; margin-bottom: 16px; }
.tagra-switch { position: relative; display: inline-block; width: 44px; height: 24px; }
.tagra-switch input { opacity: 0; width: 0; height: 0; }
.tagra-slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: var(--tagra-border); transition: .4s; border-radius: 24px; }
.tagra-slider:before { position: absolute; content: ""; height: 18px; width: 18px; left: 3px; bottom: 3px; background-color: white; transition: .4s cubic-bezier(0.68, -0.55, 0.265, 1.55); border-radius: 50%; box-shadow: 0 2px 4px rgba(0,0,0,0.2); }
input:checked + .tagra-slider { background-color: var(--tagra-secondary); }
input:focus + .tagra-slider { box-shadow: 0 0 1px var(--tagra-secondary); }
input:checked + .tagra-slider:before { transform: translateX(20px); }

body.tagra-hide-banner .confTitleBox { display: none !important; }
body.tagra-hide-sponsors .SponsorBox { display: none !important; }
body.tagra-hide-subtitle .confSubTitleBox { display: none !important; }


/* =========================================================
   FORM VE DROPDOWN (AÇILIR MENÜ) YERLEŞİM HATASI DÜZELTMESİ
   ========================================================= */

/* 1. Indico'nun form ve bölüm kapsayıcılarındaki transform efektlerini form açıkken/hover durumundayken sıfırla */
.ui.form, .section, .event-home-content {
    animation: fadeUp 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}

/* Kutu üzerine gelindiğinde olan "havalanma" efektini formlar için iptal ediyoruz (çünkü koordinatları bozuyor) */
.section:hover, .event-home-content:hover, .ui-form:hover {
    transform: none !important; 
}

/* 2. Indico'ya ait özel JS Dropdown (Açılır Menü) ve Datepicker sınıflarının z-index ve pozisyonlarını garantiye al */
.selectize-dropdown, 
.selectize-dropdown-content,
.ui-dropdown-menu, 
.ui-selectmenu-menu,
.ui-autocomplete,
.ui-datepicker {
    z-index: 10005 !important; /* Panelimizin (9999) üzerinde kalması için */
    transform: none !important;
}

/* 3. Ana gövdenin taşma ayarını düzelt (Bazen absolute dropdown'ları kesebilir) */
body {
    overflow-x: visible !important; 
}