/**
 * Talks by Time — Schedule Grid Styles
 *
 * Стили для шорткода [itc_display_talks_by_time_v1]:
 * сетка расписания докладов по часам с секциями, перерывами и мобильной адаптацией.
 *
 * Извлечено из modules/display/talks_by_time_v1.php
 *
 * @package CA_Theme
 * @version 2.5.0
 * @since   2026-02-18
 */

/* ==========================================================================
   1. Schedule Container & Time Group
   ========================================================================== */
.talks-schedule { margin-bottom: 40px; }
.talk-time-group h2 { margin: 0 0 15px; font-size: 28px; }

/* ==========================================================================
   2. Section Headers (Global & Per-Hour)
   ========================================================================== */
.global-section-head,
.section-head-row { display: grid; gap: 20px; font-weight: 700; color: #8c939a; }
.global-section-head { margin-bottom: 20px; }
.section-head-row { margin-bottom: 10px; }
@media (max-width: 768px) {
.global-section-head,
.section-head-row { display: none; }
}
/* ==========================================================================
3. Talk Card — Base
========================================================================== */
.talks-blocks-inner { background: #fff; border-radius: 8px; padding: 24px; /* box-shadow: 0 4px 12px rgba(0, 0, 0, .04); */ box-shadow: 0 0 0; display: flex; flex-direction: column; }
.talk-content { flex: 1 0 auto; display: flex; flex-direction: column; gap: 15px; justify-content: flex-start; }
.talk-title { font-size: 18px; margin: 0; }
/* ==========================================================================
4. Talk-20 / Talk-40 — Commented-Out Experimental Styles (PRESERVED)
========================================================================== */
/* related-post-fields: низкая непрозрачность только для talk-20 на больших экранах */
/* .talk-20 .related-post-fields { opacity: .3; display:none!important; }
@media(max-width:768px) { .talk-20 .related-post-fields { opacity: 1; display:block!important; }
} */
/* .talk-40 .if-talk-20 { display: none; }
.talk-20 .if-talk-20 { display: flex !important; width: 60% !important; } */ /* ========================================================================== 5. Speakers & Related Fields ========================================================================== */ .talk-40 .related-speakers { margin-top: 15px !important; border-top: 1px solid #ddd; }
.talk-40 .related-speaker-foto img { width: 25px !important; max-width: 25px !important; min-width: 25px !important; }
/* -- Commented-out talk-20 speaker/meta overrides (PRESERVED) ------------- */
/*.talk-20 .related-speaker-foto img { width: 25px !important; max-width: 25px !important; min-width: 25px !important; border-radius: 250px; margin: 0 10px 0 0 !important; border: 1px solid color(srgb 0 0.5 1 / 0.95); }
.talk-20 .talk-content { gap: 0px !important; }
.talk-20 .related-speaker-foto { width: 40% !important; font-size: 9px !important; line-height: 10px !important; padding: 0px 0 0 0 !important; }
.talk-20 .related-speakers { display: flex !important; flex-wrap: nowrap !important; gap: 5px !important; flex-direction: row !important; align-content: center !important; align-items: center !important; }
.talk-20 h3, .talk-40 h3 { margin-top: 10px !important; margin-bottom: 10px !important; }
.talk-20 h3 { font-size: 13px !important; line-height: 17px !important; }
.talk-20 .post-meta { display: none !important; }
.talk-20 .if-talk-20 .post-meta { display: flex !important; } */ /* ========================================================================== 6. Post Meta & Related Post Fields ========================================================================== */ .related-post-fields { display: flex; flex-direction: column; gap: 8px; }
.post-meta { display: flex; flex-wrap: wrap; gap: 8px; font-size: 13px; color: #555; }
.post-meta > div { background: #f1f3f5; border-radius: 4px; padding: 2px 6px; }
/* ==========================================================================
7. Calendar & Favorite Buttons
========================================================================== */
.talk-add-to-cal,
.talk-add-fav { display: inline-block; padding: 6px 10px; font-size: 13px; border: 1px solid #1a73e8; border-radius: 4px; color: #1a73e8; text-decoration: none; text-align: center; margin-top: 6px; }
.talk-add-to-cal:hover,
.talk-add-fav:hover { background: #1a73e8; color: #fff; }
/* ==========================================================================
8. Empty Slot (Break)
========================================================================== */
.talks-blocks-inner.empty-slot { background: #f4f6f8; display: flex; align-items: center; justify-content: center; font-weight: 600; color: #9ba4ad; text-align: center; border: 1px dashed #d9d9d9 !important; overflow: hidden; }
/* ==========================================================================
9. Continuation Card
========================================================================== */
.talks-blocks-inner.talk-continuation { border: 2px dashed #ccd3d9; background: #f9fbfd; align-items: center; justify-content: center; gap: 6px; text-align: center; color: #4a5056; }
.talk-continuation .continuation-label { font-size: 11px; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; color: #7a828a; }
.talk-continuation .continuation-title { font-weight: 600; font-size: 15px; line-height: 1.3; color: #2a2f33; }
/* ==========================================================================
10. Empty Slot — Section Label
========================================================================== */
.empty-slot-section { font-weight: 700; text-transform: uppercase; display: block; margin-bottom: 4px; }
/* ==========================================================================
11. Global Break
========================================================================== */
.global-break { margin: 30px 0; text-align: center; font-weight: 300; color: #a9a9a9; border: 1px dashed #d9d9d9; padding: 20px 0; border-radius: 10px; }
/* ==========================================================================
12. Simplified / Hide-Desc Toggles — Commented Out (PRESERVED)
========================================================================== */
/* simplified / hide-desc */
/*
.talks-schedule.simple-view .post-meta,
.talks-schedule.simple-view .talk-excerpt { display: none !important; }
.talks-schedule.hide-desc .talk-excerpt { display: none !important; }
*/
/* ==========================================================================
13. Mobile Stack (responsive column layout)
NOTE: Originally conditional via PHP $mobile_stack parameter (default true).
Now always included; disable via CSS override if needed.
========================================================================== */
@media (max-width: 768px) { .talks-blocks-wrapper { display: flex !important; flex-direction: column; gap: 20px; }
.talks-blocks-inner { width: 100% !important; min-height: 220px; }
}
/* ==========================================================================
14. Toggle Block (Simple / Description toggles)
========================================================================== */
.toggle-block { margin-bottom: 15px; font-size: 14px; color: #444; }
.toggle-block label { margin-right: 15px; cursor: pointer; }
/* ==========================================================================
15. Overrides — Excerpt, Continuation, Empty Slot
========================================================================== */
p.talk-excerpt { opacity: 0 !important; display:none!important; }
.talks-blocks-inner.talk-continuation { background: linear-gradient(0deg, transparent, #f2f3f5) !important; border-color: #fff !important; }
.talks-blocks-inner.talk-continuation:hover { background: linear-gradient(0deg, transparent, #f2f3f5) !important; border-color: #fff !important; }
.talks-blocks-inner.talk-continuation .continuation-title,
.talks-blocks-inner.talk-continuation .continuation-label { display:none!important; }
/* -- Commented-out post-meta hide (PRESERVED) ----------------------------- */
/* .post-meta { display: none; } */ span.continuation-title { text-align: left!important; opacity: .3; }
.talk-continuation { padding-top: 69px!important; text-align: left!important; position: relative; display:block; }
.talks-blocks-inner.empty-slot { background: transparent !important; border: 1px dashed #d9d9d9 !important; overflow: hidden; }
span.empty-slot-section { display: none; }
.talks-blocks-inner.talk-continuation { /* top: -10px !important; */ z-index: -1 !important; }
/* ==========================================================================
16. Break Divider (pererif-empty) — Cross Pattern
========================================================================== */
.pererif-empty { display: flex; align-items: center; flex-direction: column; flex-wrap: nowrap; justify-content: center; height: 100%; }
.pererif-empty:before { content: ''; width:50%; left:0; height:112%; position:absolute; border-right:1px dashed #d9d9d9; top:-10%; }
.pererif-empty:after { content: ''; width:100%; left:0; height:50%; position:absolute; border-bottom:1px dashed #d9d9d9; top:0%; }
.pererif-empty { position:relative; }
.pererif-empty span { background: #fff; z-index: 999; padding: 12px 24px; font-weight: 300; color: #a9a9a9; }
/* ==========================================================================
17. Commented-Out Continuation & Empty-Slot Experiments (PRESERVED)
========================================================================== */
/* .talks-blocks-inner.talk-continuation,
.talks-blocks-inner:hover.talk-continuation,
.talks-blocks-inner.talk-continuation:hover,
.talks-blocks-inner:hover.talk-continuation:hover{ background: transparent!important; border-left: 2px dashed #e1e1e1 !important; border-bottom: 2px dashed #e1e1e1!important; border-right: 2px dashed #e1e1e1 !important; border-radius: 0px 0px 10px 10px !important; border-top: 0px !important; position: relative; } */ /* .talks-blocks-inner.talk-continuation:before { content: ''; width: 100%; height: 16px; display: block; position: absolute; left: -2px; top: -20px; background: transparent!important; border-left: 2px dashed #e1e1e1 !important; border-bottom: 0px dashed #e1e1e1!important; border-right: 2px dashed #e1e1e1 !important; border-radius: 0px 0px 0px 0px !important; border-top: 0px !important; }
.talks-blocks-inner.empty-slot { border: 0px!important; box-shadow: 0 0 0 0 !important; background: #ffffff !IMPORTANT; background-image: radial-gradient(#F9F9F9 20%, transparent 0), radial-gradient(#F1F1F1 20%, transparent 0) !important; background-size: 30px 30px !important; background-position: 0 0, 15px 15px !important;} */ /* ========================================================================== 18. Cal/Fav Buttons — Hidden Override ========================================================================== */ .talk-add-fav, .talk-add-to-cal { display:none!important; }
/* ==========================================================================
19. Post Meta — Pill-Style Overrides (talks-schedule scope)
========================================================================== */
/* новое офорление related-post-fields post-meta */
.talks-schedule .post-meta>div { border: 1px solid #e9e9e9 !important; border-radius: 250px !important; background: #ffffff !important; display: flex !important; height: auto !important; margin: 0px !important; padding: 2px 16px !important; line-height: 20px !important; font-size: 10px !important; color: #000000 !important; }
.talks-schedule .post-meta a { color: #cccccc !important; }
.talks-schedule .talk-content { height: 100%; }
.talks-schedule .related-post-fields { margin-top: auto; }
.talks-schedule .talk-content h3 { min-height: auto !important; }
.talks-schedule .talkcategory { padding: 0px 0 10px !important; }