/*
 * «Βίντεο» on the live theme (WHMCS #484271). Loaded on the Βίντεο pages only
 * (inc/archive-live.php). Part 1 is the compiled src/scss/archive/* from the
 * staging build; part 2 is the Βίντεο blocks of staging's fixes.css, which
 * override part 1.
 */

/* Part 1: src/scss/archive/* (compiled) */
.archive-item-card{display:block}
.archive-item-card__image{aspect-ratio:16/9;background-color:#f0ece4;border-radius:4px;margin-bottom:12px;overflow:hidden;position:relative}
.archive-item-card__image img,.archive-item-card__image-thumb{display:block;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}
.archive-item-card__preview-frame{border:0;height:100%;inset:0;position:absolute;width:100%}
.archive-item-card__duration{background:rgba(30,34,21,.65);border-radius:20px;bottom:8px;color:#f9f8f5;font-size:.8em;padding:2px 8px;position:absolute;right:8px}
.archive-item-card__play{align-items:center;background:hsla(45,25%,97%,.9);border-radius:50%;display:flex;height:48px;justify-content:center;left:50%;opacity:0;position:absolute;top:50%;transform:translate(-50%,-50%);transition:opacity .2s ease;width:48px}
.archive-item-card__play svg{height:18px;width:18px}
.archive-item-card:hover .archive-item-card__play{opacity:1}
.archive-item-card__type span{background:#cccfc6;border-radius:20px;display:inline-block;font-size:.8em;margin-bottom:6px;padding:2px 10px}
.archive-item-card__title{font-size:16px}
@media screen and (min-width:320px){.archive-item-card__title{font-size:calc(15.5px + .15625vw)}}
@media screen and (min-width:1600px){.archive-item-card__title{font-size:18px}}
.archive-item-card__title{font-weight:500;line-height:1.3em;margin-bottom:4px}
.archive-item-card__venue{color:#6b6a66;font-size:.8666666667em}
.archive-item-card:hover .archive-item-card__title{text-decoration:underline}
.archive-hub__section{margin:56px 0}
@media (min-width:993px){.archive-hub__category-header{align-items:center;margin-bottom:40px}}
.archive-hub__category-header .section-header__title{font-size:32px}
@media screen and (min-width:320px){.archive-hub__category-header .section-header__title{font-size:calc(26px + 1.875vw)}}
@media screen and (min-width:1600px){.archive-hub__category-header .section-header__title{font-size:56px}}
.archive-hub__category-all{justify-self:start;white-space:nowrap}
.archive-listing__toolbar{align-items:center;display:flex;gap:16px;justify-content:space-between;margin:32px 0 24px}
.archive-listing__count{color:#6b6a66;font-size:1em}
.archive-listing__back{color:#6b6a66;display:inline-block;margin-bottom:16px}
.archive-listing__back:hover{color:#444c2f}
.archive-listing__venue-grid{display:grid;gap:16px;grid-template-columns:repeat(2,1fr)}
@media (min-width:567px){.archive-listing__venue-grid{grid-template-columns:repeat(3,1fr)}}
@media (min-width:992px){.archive-listing__venue-grid{grid-template-columns:repeat(4,1fr)}}
.archive-listing__venue-card{background:#f0ece4;border-radius:8px;display:flex;flex-direction:column;gap:6px;padding:20px;transition:background-color .2s ease}
.archive-listing__venue-card:hover{background:#cccfc6}
.archive-listing__venue-card-name{font-size:15px}
@media screen and (min-width:320px){.archive-listing__venue-card-name{font-size:calc(14.5px + .15625vw)}}
@media screen and (min-width:1600px){.archive-listing__venue-card-name{font-size:17px}}
.archive-listing__venue-card-name{font-weight:500}
.archive-listing__venue-card-count{color:#6b6a66;font-size:.8em}
.archive-listing__chronology-strip{display:flex;flex-wrap:wrap;gap:12px}
.archive-listing__chronology-year{align-items:center;background:#f0ece4;border-radius:8px;display:flex;flex-direction:column;gap:4px;padding:14px 20px;transition:background-color .2s ease}
.archive-listing__chronology-year:hover{background:#cccfc6}
.archive-listing__chronology-year-label{font-size:18px}
@media screen and (min-width:320px){.archive-listing__chronology-year-label{font-size:calc(17px + .3125vw)}}
@media screen and (min-width:1600px){.archive-listing__chronology-year-label{font-size:22px}}
.archive-listing__chronology-year-label{font-family:Tinos,serif}
.archive-listing__chronology-year-count{color:#6b6a66;font-size:.8em}
.archive-hub__load-more{display:flex;grid-column:1/-1;justify-content:center;margin:32px 0}
.single-archive-item__info{padding:40px 0}
@media (min-width:768px){.single-archive-item__info{padding:64px 0}}
.single-archive-item__category{margin-bottom:12px}
.single-archive-item__category a{background:#cccfc6;border-radius:20px;display:inline-block;font-size:.8666666667em;padding:4px 12px}
.single-archive-item__heading{font-size:28px}
@media screen and (min-width:320px){.single-archive-item__heading{font-size:calc(24px + 1.25vw)}}
@media screen and (min-width:1600px){.single-archive-item__heading{font-size:44px}}
.single-archive-item__heading{font-family:Tinos,serif;margin-bottom:24px}
.single-archive-item__meta{display:flex;flex-wrap:wrap;gap:32px}
.single-archive-item__credits{list-style:none;margin:16px 0;padding:0}
.single-archive-item__credits li{font-size:.9333333333em;margin-bottom:4px}
.single-archive-item__credits li strong{margin-right:4px}
.single-archive-item__rights{color:#6b6a66;font-size:.8666666667em}
.archive-player{aspect-ratio:16/9;background:#1e2215;border-radius:8px;overflow:hidden;position:relative}
.archive-player__cover{border:0;cursor:pointer;height:100%;inset:0;padding:0;position:absolute;width:100%}
.archive-player__cover img{display:block;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}
.archive-player__cover[hidden]{display:none}
.archive-player__play{align-items:center;background:hsla(45,25%,97%,.9);border-radius:50%;display:flex;height:72px;justify-content:center;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:72px}
.archive-player__play svg{height:24px;width:24px}
.archive-player__iframe-slot{height:100%;inset:0;position:absolute;width:100%}
.archive-player__iframe-slot[hidden]{display:none}
.archive-player__iframe-slot iframe{border:0;height:100%;width:100%}
.archive-player__chapters{margin-top:24px}
.archive-player__chapters ol{display:flex;flex-direction:column;gap:4px;list-style:none;padding:0}
.archive-player__chapter{align-items:baseline;border-radius:6px;display:flex;gap:12px;padding:8px 12px;text-align:left;transition:background-color .2s ease;width:100%}
.archive-player__chapter:hover{background:#f0ece4}
.archive-player__chapter-time{color:#6b6a66;font-size:.8666666667em;font-variant-numeric:tabular-nums}

/* Part 2: staging fixes.css, Βίντεο blocks */
.archive-listing__notice {
	margin: 32px 0 0;
	font-size: 15px;
	color: #6b6b6b;
}

/* ΑΡΧΕΙΟ — section titles ("Πρόσφατες προσθήκες", "Σχετικό υλικό", …) are
   <h2 class="section-header__title">, which keeps the browser's bold h2
   weight. Match the regular-weight Tinos titles used on the rest of the site. */
.archive-hub__section .section-header__title,
.single-archive_item .section-header__title {
  font-weight: 400;
}

/* ΑΡΧΕΙΟ — item cards: match the events-calendar .event-card typography
   (red category-style label, 18→24px weight-500 title, dark venue line). */
.archive-item-card__type {
  margin: 12px 0 8px;
  font-size: 15px;
  font-weight: 500;
  color: #CD4735;
}
.archive-item-card__type span {
  display: inline;
  padding: 0;
  border-radius: 0;
  background: none;
  font-size: inherit;
  margin: 0;
}
.archive-item-card__title {
  font-size: clamp(16px, calc(15px + .3125vw), 20px);
  font-weight: 500;
  line-height: 1.1em;
  color: #1E2215;
  margin-bottom: 0;
}
.archive-item-card__venue {
  margin-top: 10px;
  font-size: 15px;
  font-weight: 500;
  color: #1E2215;
}

/* Βίντεο listing grid: equal columns whatever the content. Plain 1fr lets a
   column grow to its widest card, so a title with no break points (e.g.
   "AllOFGreeceOneCulture_Trailer_2025_Master_SocialMedia") widened its whole
   column once loaded via «Περισσότερα» (WHMCS #484271). Breakpoints match
   .default-page__grid in style.min.css. */
.archive-listing__grid {
	grid-template-columns: minmax(0, 1fr);
}
@media (min-width: 768px) {
	.archive-listing__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (min-width: 993px) {
	.archive-listing__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (min-width: 1601px) {
	.archive-listing__grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}
.archive-item-card__title {
	overflow-wrap: anywhere;
}

/* Βίντεο — «Εμφάνιση όπως το On Demand» card with no image of its own or
   of its event: square-crop the Vimeo still like the 1:1 event images. */
.archive-item-card--ondemand .archive-item-card__square {
	aspect-ratio: 1 / 1;
	object-fit: cover;
}

/* Βίντεο — landscape cards on a «Φόντο: Σκούρο» category page. */
.dark .archive-item-card__title,
.dark .archive-item-card__venue {
	color: #fff;
}

/* Βίντεο — space between the player and «Σχετικό υλικό» on a video page. */
.single-archive-item__related {
	margin-top: 80px;
}
@media (max-width: 991px) {
	.single-archive-item__related {
		margin-top: 48px;
	}
}