/* Konferensiyalar — ro'yxat va batafsil sahifalari (2-versiya)

   Boshqa universitet/konferensiya saytlari (na.edu, iu.edu, fourwaves.com
   kabi manbalarda tasvirlangan) tajribasi o'rganilib, quyidagi umumiy
   talablar aniqlandi: sana va joy yuqorida darhol ko'rinishi, "bir
   qarashda" ma'lumotlar alohida (odatda yon panelda) ajratilishi,
   ro'yxatdan o'tish tugmasi ko'zga tashlanishi, dastur/fayllar kabi
   bo'limlar tab orqali tartiblangan bo'lishi kerak.

   Bu safar quyidagi HAQIQIY Kallyas shablon komponentlaridan foydalanildi
   (barchasi template.css'da tayyor turibdi, faqat ular ustiga minimal
   "elim" CSS qo'shildi):

   - #portfolio-nav (.hg-portfolio-sortable) — kategoriya filtri
   - .portfolio-item.kl-has-overlay / .img-intro / .overlay / .overlay-inner
     / .portfolio-entry / h3.title / .pt-cat-desc — ro'yxat kartochkalari
     (portfolio-category-3-cols.php dagi haqiqiy 3-ustunli grid)
   - #sidebar-widget.sidebar / .widget / .widgettitle — "bir qarashda" va
     "ro'yxatdan o'tish" yon panel (saytning news/show.blade.php da
     allaqachon ishlatilayotgan xuddi shu komponenti)
   - .tabbable.tabs_style3 / .tab-content / .tab-pane — Dastur/Fayllar/
     Aloqa bo'limlari (elements-tabs.php)
   - .priceListElement — fayllar ro'yxati
   - .tagcloud — kategoriya belgilari (global, .eBlog/.itemView doirasidan
     tashqarida ham ishlaydigan yagona "tag pill" klassi)
   - .ud_counter / .sc_counter — orqaga sanoq (faqat CSS; shablonning o'z
     JS plagini bitta global sanaga bog'langan va har sahifada ishlamaydi,
     shuning uchun public/js/conferences.js da soddaroq, sahifaga xos JS
     yozildi, lekin vizual sinf nomlari original) */

/* ---- Ro'yxat sahifasi: kartochka ustiga custom sana-belgisi ---- */
.conf-date-badge {
	position: absolute;
	top: 14px;
	left: 14px;
	z-index: 2;
	background: #fff;
	border-radius: 2px;
	text-align: center;
	min-width: 52px;
	padding: 6px 8px 5px;
	box-shadow: 0 4px 10px rgba(0, 0, 0, .25);
}

.conf-date-badge__day {
	display: block;
	font-size: 1.25rem;
	line-height: 1;
	font-weight: 700;
	color: var(--main-bg-color);
}

.conf-date-badge__month {
	display: block;
	font-size: .68rem;
	line-height: 1.4;
	text-transform: uppercase;
	letter-spacing: .04em;
	color: #666;
}

/* Status belgisi — shablonda ekvivalenti topilmadi, minimal qo'shimcha */
.conf-status-badge {
	position: absolute;
	top: 14px;
	right: 14px;
	z-index: 2;
	display: inline-block;
	padding: 4px 12px;
	border-radius: 2px;
	font-size: .68rem;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: .04em;
	color: #fff;
}

.conf-status-badge--upcoming {
	background: var(--main-bg-color);
}

.conf-status-badge--ongoing {
	background: #1c8a4d;
}

.conf-status-badge--past {
	background: #9a9a9a;
}

.conf-status-badge--inline {
	position: static;
	display: inline-block;
	margin-bottom: 14px;
}

/* Kartochka meta qatori (format + toifalar) — .pt-cat-desc ostiga qo'shiladi */
.conf-card-meta {
	display: flex;
	align-items: center;
	gap: 6px;
	font-size: .78rem;
	color: #999;
	margin: -6px 0 8px;
}

.conf-card-meta i {
	color: var(--main-bg-color);
}

/* Bo'sh holat */
.conf-empty {
	background: #f8f8f8;
	padding: 40px;
	text-align: center;
	color: #888;
}

/* ---- Batafsil sahifa: hero ichidagi orqaga sanoq ---- */
.conf-hero-countdown {
	margin: 25px 0 5px;
}

.conf-hero-countdown .ud_counter {
	margin: 0;
}

.conf-hero-countdown .ud_counter ul li,
.conf-hero-countdown .ud_counter ul li span,
.conf-hero-countdown .ud_counter ul li p {
	color: #fff;
}

/* ---- Yon panel: "bir qarashda" faktlar ---- */
.conf-facts {
	list-style: none;
	margin: 0;
	padding: 0;
}

.conf-facts li {
	display: flex;
	align-items: flex-start;
	gap: 10px;
	padding: 10px 0;
	border-bottom: 1px dotted #e5e5e5;
}

.conf-facts li:last-child {
	border-bottom: 0;
	padding-bottom: 0;
}

.conf-facts li i {
	color: var(--main-bg-color);
	width: 16px;
	text-align: center;
	margin-top: 3px;
	flex-shrink: 0;
}

.conf-facts__label {
	display: block;
	font-size: .68rem;
	text-transform: uppercase;
	letter-spacing: .03em;
	color: #999;
	margin-bottom: 2px;
}

.conf-facts__value {
	display: block;
	font-size: .88rem;
	color: #333;
	font-weight: 600;
	line-height: 1.4;
}

/* Ro'yxatdan o'tish widget tugmalari */
.conf-cta-widget .btn-element {
	display: block;
	margin-bottom: 10px;
}

.conf-cta-widget .btn-element:last-child {
	margin-bottom: 0;
}

/* ---- Asosiy kontent: Dastur tab ichidagi kunlar va sessiyalar ---- */
.conf-program-day + .conf-program-day {
	margin-top: 30px;
}

.conf-program-day__title {
	font-size: .95rem;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: .02em;
	color: #222;
	margin: 0 0 15px;
	padding-bottom: 8px;
	border-bottom: 2px solid var(--main-bg-color);
	display: inline-block;
}

.conf-program-grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
	gap: 16px;
}

.conf-program-item {
	background: #fafafa;
	border-left: 3px solid var(--main-bg-color);
	border-radius: 0 3px 3px 0;
	padding: 14px 18px;
}

.conf-program-item__time {
	display: block;
	font-weight: 700;
	color: var(--main-bg-color);
	font-size: .85rem;
	margin-bottom: 6px;
}

.conf-program-item__title {
	display: block;
	font-weight: 600;
	color: #222;
	margin-bottom: 6px;
}

.conf-program-item__meta {
	display: block;
	font-size: .78rem;
	color: #888;
}

.conf-program-item__meta i {
	color: var(--main-bg-color);
	margin-right: 3px;
}

/* Fayllar — .priceListElement ichidagi ikonka */
.priceListElement .ti {
	color: var(--main-bg-color);
	margin-right: 8px;
}

/* Aloqa tab */
.conf-contact {
	display: flex;
	flex-wrap: wrap;
	gap: 22px;
}

.conf-contact__item {
	display: flex;
	align-items: center;
	gap: 8px;
	color: #333;
	font-weight: 600;
}

a.conf-contact__item:hover {
	color: var(--main-bg-color);
}

.conf-contact__item i {
	color: var(--main-bg-color);
}

/* Bo'sh tab (dastur/fayllar/aloqa hech biri to'ldirilmagan bo'lsa) */
.conf-tab-empty {
	color: #999;
	padding: 10px 0;
}