/**
 * Display Archive — стили шорткода [ca_display_archive].
 *
 * Шорткод: [ca_display_archive]
 * Источник: modules/display/a_display_archive.php
 *
 * @package CA_Display
 * @version 2.5.0
 */

/* ==========================================================================
   1. Wrapper
   ========================================================================== */
.ca-archive-wrapper { display: flex; flex-wrap: wrap; gap: 20px; }

/* ==========================================================================
   2. Карточка-ссылка
   ========================================================================== */
.ca-archive-item { position: relative; display: block; flex: 1 1 calc(50% - 20px); min-height: 280px; border-radius: 8px; overflow: hidden; color: #fff; text-decoration: none; background: #000; padding: 2% 2% 0; }

/* ==========================================================================
   3. Фоны (изображение / видео)
   ========================================================================== */
.ca-img,
.ca-video { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.ca-img { background-size: cover; background-position: center; transition: opacity .3s ease; z-index: 1; }
.ca-video { z-index: 0; }

/* ==========================================================================
   4. Полупрозрачная маска
   ========================================================================== */
.ca-archive-item::after { content: ""; position: absolute; inset: 0; background: rgba(0,0,0,.4); z-index: 2; }

/* ==========================================================================
   5. Контент карточки
   ========================================================================== */
.ca-archive-content { position: relative; z-index: 3; padding: 22px; display: flex; flex-direction: column; gap: 6px; justify-content: flex-end; bottom: 0; height: 90%; width: 60%; max-width: 850px; }
.ca-title { border-bottom: 1px solid rgb(255 255 255 / 0.25); padding-bottom: 15px; margin-bottom: 8px; width: 50%; }
.ca-date { margin-top: 12%; }
.ca-date,
.ca-loc,
.ca-desc      { font-size: .9rem; line-height: 1.35; }
.ca-title     { margin: 0; font-size: 1.1rem; color: #fff; }

/* ==========================================================================
   6. Hover — скрываем картинку, текст остаётся белым
   ========================================================================== */
.ca-archive-item:hover .ca-img { opacity: 0; }
.ca-archive-item:hover,
.ca-archive-item:hover .ca-date,
.ca-archive-item:hover .ca-loc,
.ca-archive-item:hover .ca-desc,
.ca-archive-item:hover .ca-title { color: #fff; }

/* ==========================================================================
   7. Заголовок года / titlebg
   ========================================================================== */
.ca-year-heading { margin: 40px 0 10px; font-size: 1.6rem; }
.ca-titlebg { font-size: 350px; font-weight: 900; color: rgb(0 0 0); left: 65%; position: absolute; bottom: 15px; z-index: 0; }