/*
 * Yalnızca bazı temalarda stili bulunan blok bileşenleri için ortak yedek stiller.
 * Tema stilinden ÖNCE yüklenir; temada aynı bileşen varsa tema kazanır.
 */

/* ── Bilgi kartları (Batı Karadeniz teması) ── */
.about-info-grid {display: grid; grid-template-columns: repeat(auto-fit, minmax(270px, 1fr)); gap: 1.4rem; max-width: 1000px; margin: 0 auto var(--spacing-lg); }
.about-info-card {background: var(--color-light); border-radius: 1rem; padding: 1.6rem; box-shadow: 0 2px 12px rgba(14,52,96,0.08); display: flex; gap: 1.2rem; align-items: flex-start; border-top: 3px solid var(--color-accent); transition: transform 0.25s, box-shadow 0.25s; }
.about-info-card:hover {transform: translateY(-3px); box-shadow: 0 8px 24px rgba(14,52,96,0.14); }
.about-info-icon {width: 46px; height: 46px; flex-shrink: 0; background: linear-gradient(135deg, var(--color-primary), var(--color-secondary)); border-radius: 0.75rem; display: flex; align-items: center; justify-content: center; color: #fff; font-size: 1.2rem; }
.about-info-body h4 {font-size: 0.7rem; font-weight: 700; letter-spacing: 1.5px; text-transform: uppercase; color: var(--color-accent); margin-bottom: 0.35rem; }
.about-info-body p {font-size: 0.97rem; color: var(--color-gray-800); line-height: 1.55; font-weight: 500; }
.about-info-body p.sub {font-size: 0.82rem; color: var(--color-gray-600); font-weight: 400; margin-top: 0.25rem; }
@media (max-width: 900px) {
    .about-info-grid {grid-template-columns: 1fr; }
}

/* ── Bildiri kitabı vitrini (Muğla Hematoloji teması) ── */
.bildiri-kitabi-showcase {display: flex; align-items: center; gap: 5rem; background: linear-gradient(135deg, color-mix(in srgb, var(--color-primary) 7%, #fff) 0%, color-mix(in srgb, var(--color-primary) 15%, #fff) 100%); border-radius: 28px; padding: 4rem 5rem; box-shadow: 0 15px 50px rgba(13, 115, 119, 0.12); border: 1px solid rgba(13, 115, 119, 0.08); margin-top: 1rem; }
.book-mockup-wrap {flex-shrink: 0; perspective: 800px; }
.book-mockup {position: relative; width: 160px; height: 220px; transform: rotateY(-20deg); transform-style: preserve-3d; transition: transform 0.5s ease; cursor: pointer; }
.book-mockup:hover {transform: rotateY(-30deg); }
.book-cover {position: absolute; width: 160px; height: 220px; background: linear-gradient(160deg, var(--color-primary) 0%, color-mix(in srgb, var(--color-primary) 80%, #000) 40%, color-mix(in srgb, var(--color-primary) 55%, #000) 100%); border-radius: 0 6px 6px 0; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 1rem; padding: 1.5rem 1rem; box-shadow: 6px 6px 20px rgba(0,0,0,0.3); z-index: 2; }
.book-cover-top {font-size: 1.6rem; color: var(--color-accent); opacity: 0.9; }
.book-cover-title {font-family: var(--font-display); font-size: 1.25rem; font-weight: 800; color: #ffffff; text-align: center; line-height: 1.2; letter-spacing: 0.02em; }
.book-cover-sub {font-size: 0.65rem; font-weight: 500; color: rgba(255,255,255,0.7); text-align: center; line-height: 1.5; letter-spacing: 0.04em; text-transform: uppercase; }
.book-spine {position: absolute; left: -22px; top: 0; width: 22px; height: 220px; background: linear-gradient(to right, color-mix(in srgb, var(--color-primary) 30%, #000), color-mix(in srgb, var(--color-primary) 80%, #000)); border-radius: 3px 0 0 3px; transform: rotateY(-90deg); transform-origin: right center; z-index: 1; }
.book-pages {position: absolute; right: -6px; top: 3px; width: 8px; height: 214px; background: repeating-linear-gradient( to bottom, color-mix(in srgb, var(--color-primary) 7%, #fff), color-mix(in srgb, var(--color-primary) 7%, #fff) 1px, color-mix(in srgb, var(--color-primary) 15%, #fff) 2px, color-mix(in srgb, var(--color-primary) 15%, #fff) 3px ); border-radius: 0 2px 2px 0; box-shadow: 2px 0 4px rgba(0,0,0,0.15); z-index: 0; }
.bildiri-kitabi-content {flex: 1; }
.bildiri-kitabi-content h3 {font-size: 2.4rem; font-weight: 800; color: var(--color-primary); margin-bottom: 0.8rem; font-family: var(--font-display); }
.bildiri-kitabi-content p {color: var(--color-gray-600); font-size: 1.05rem; line-height: 1.7; margin-bottom: 2rem; max-width: 420px; }
.bildiri-kitabi-btn {display: inline-flex; align-items: center; gap: 0.8rem; background: var(--color-accent); color: #ffffff; padding: 1rem 2.2rem; border-radius: 50px; font-weight: 700; font-size: 1rem; text-decoration: none; transition: all 0.3s ease; box-shadow: 0 8px 25px rgba(244, 162, 97, 0.35); }
.bildiri-kitabi-btn:hover {background: color-mix(in srgb, var(--color-accent) 85%, #000); transform: translateY(-3px); box-shadow: 0 14px 35px rgba(244, 162, 97, 0.45); }
@media (max-width: 768px) {
    .bildiri-kitabi-showcase {flex-direction: column; text-align: center; padding: 3rem 2rem; gap: 3rem; }
    .bildiri-kitabi-content p {max-width: 100%; }
    .bildiri-kitabi-content h3 {font-size: 1.8rem; }
    .bildiri-kitabi-btn {width: 100%; justify-content: center; }
}

/* ── Vurgulu kutu ve geniş madde listesi (Dermo Güz stilinden, tema renkleriyle) ── */
.abstract-submission-box { background: linear-gradient(135deg, var(--color-primary), var(--color-secondary)); border-radius: 24px; padding: 3rem; color: white; text-align: center; box-shadow: 0 15px 50px rgba(0, 0, 0, 0.2); }
.abstract-submission-box h3 { font-size: 1.8rem; margin-bottom: 1rem; }
.abstract-submission-box p { font-size: 1.05rem; line-height: 1.7; opacity: 0.9; margin-bottom: 1rem; }
.abstract-submission-rules { background: white; border-radius: 20px; padding: 2.5rem; margin-top: 2rem; text-align: left; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.08); border: 2px solid rgba(0, 0, 0, 0.05); }
.abstract-submission-rules h4 { color: var(--color-primary); margin-bottom: 1rem; font-size: 1.2rem; }
.abstract-submission-rules ul { list-style: none; padding: 0; }
.abstract-submission-rules ul li { padding: 0.5rem 0 0.5rem 1.8rem; position: relative; color: #555; border-bottom: 1px solid rgba(0, 0, 0, 0.06); }
.abstract-submission-rules ul li::before { content: '•'; position: absolute; left: 0.4rem; color: var(--color-accent); font-weight: 700; }
.abstract-submission-rules ul li:last-child { border-bottom: none; }
@media (max-width: 768px) {
    .abstract-submission-box { padding: 2rem 1.5rem; }
    .abstract-submission-rules { padding: 1.5rem; }
}

/* ── Ek sayfaların başlık şeridi ── */
/* Temaların genel "section" arka planı şeridi ezmesin diye !important */
.kp-page-header { padding: 8.5rem 0 3rem; background: linear-gradient(135deg, var(--color-primary), var(--color-secondary)) !important; color: #fff; }
.kp-page-header h1 { font-family: var(--font-heading, var(--font-display, serif)); font-size: clamp(1.8rem, 4vw, 2.8rem); margin: .5rem 0 0; color: #fff; }
.kp-page-back { color: rgba(255, 255, 255, .85); font-size: .9rem; text-decoration: none; }
.kp-page-back:hover { color: #fff; text-decoration: underline; }

/* ── Bölüm düzenleri (sütunlar): bölümün blokları yan yana bölgelere yerleşir ── */
.kp-regions { display: grid; gap: 2rem; align-items: start; }
.kp-regions > .kp-region { min-width: 0; }
@media (min-width: 900px) {
    .kp-regions.is-1-1 { grid-template-columns: 1fr 1fr; }
    .kp-regions.is-2-1 { grid-template-columns: 2fr 1fr; }
    .kp-regions.is-1-2 { grid-template-columns: 1fr 2fr; }
    .kp-regions.is-1-1-1 { grid-template-columns: 1fr 1fr 1fr; }
}

/* ── Yasal metinler (KVKK, çerez politikası, künye) ── */
.kp-legal { max-width: 820px; margin: 0 auto; line-height: 1.75; color: #374151; }
.kp-legal h2 { font-size: 1.35rem; margin: 2.25rem 0 .75rem; color: var(--color-primary, #1f2937); }
.kp-legal h3 { font-size: 1.05rem; margin: 1.5rem 0 .5rem; color: #1f2937; }
.kp-legal p, .kp-legal ul { margin: 0 0 1rem; }
.kp-legal ul { padding-left: 1.25rem; }
.kp-legal-contact { list-style: none; padding: 1rem 1.25rem !important; background: #f8fafc; border-left: 3px solid var(--color-primary, #1f5f8b); border-radius: 6px; }
.kp-legal-contact li { margin: .2rem 0; overflow-wrap: anywhere; }
.kp-legal-date { margin-top: 2rem !important; font-size: .9rem; color: #6b7280; }

/* ── Bölüm başlığı: üst etiket her zaman başlığın üstünde (ikisi de satır içi blok olduğundan geniş ekranda yan yana düşüyordu) ── */
.section-header-center { display: flex; flex-direction: column; align-items: center; }
.section-header-center > * { max-width: 100%; }

/* Koyu zeminli program bölümüne konan metin kutusu: beyaz yazı açık kutuda kaybolmasın */
.program .info-section-text { background: rgba(255, 255, 255, .1); border: 1px solid rgba(255, 255, 255, .28); color: #fff; box-shadow: none; }
.program .info-section-text p { color: rgba(255, 255, 255, .92); }