/*
	Theme Name: Hello Elementor
	Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
	Description: Hello Elementor is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor site builder plugin. The theme is free, open-source, and designed for users who want a flexible, easy-to-use, and customizable website. The theme, which is optimized for performance, provides a solid foundation for users to build their own unique designs using the Elementor drag-and-drop site builder. Its simplicity and flexibility make it a great choice for both beginners and experienced Web Creators.
	Author: Elementor Team
	Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
	Version: 3.4.6
	Stable tag: 3.4.6
	Requires at least: 6.0
	Tested up to: 6.8
	Requires PHP: 7.4
	License: GNU General Public License v3 or later.
	License URI: https://www.gnu.org/licenses/gpl-3.0.html
	Text Domain: hello-elementor
	Tags: accessibility-ready, flexible-header, custom-colors, custom-menu, custom-logo, featured-images, rtl-language-support, threaded-comments, translation-ready,
*/

/* ================================================================
   CCV Media Archief — éen groot geheel, geen losse blokken
   Voeg toe in: Elementor → Site instellingen → Aangepaste CSS
   ================================================================ */

/* ── Wrapper: één unified container ── */
.ccv-archive-list {
  max-width: 880px;
  margin: 0 auto;
  background: #1a1a1a;
  border: 1px solid rgba(201,169,97,0.18);
  border-radius: 4px;
  overflow: hidden;
}

/* ── Enkel item: geen losse achtergrond, alleen border-bottom ── */
.ccv-archive-item {
  display: block;
  padding: 28px 32px;
  border-bottom: 1px solid rgba(245,241,232,0.08);
  color: #f5f1e8;
  text-decoration: none;
  transition: background 0.25s ease, padding-left 0.25s ease;
}

.ccv-archive-item:last-child {
  border-bottom: none;
}

.ccv-archive-item:hover {
  background: rgba(201,169,97,0.04);
  padding-left: 40px;
  color: #f5f1e8;
}

/* ── Meta rij: categorie + outlet + datum ── */
.ccv-archive-meta {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 12px;
}

.ccv-cat {
  font-family: 'Inter', sans-serif;
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  padding: 3px 10px;
  border-radius: 2px;
  border: 1px solid;
  background: transparent;
}

.ccv-outlet {
  font-family: 'Inter', sans-serif;
  font-size: 10px;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  color: #8a8578;
}

.ccv-date {
  font-family: 'Inter', sans-serif;
  font-size: 10px;
  color: #8a8578;
  margin-left: auto;
  letter-spacing: 0.05em;
}

/* ── Titel ── */
.ccv-archive-item h3 {
  font-family: 'Cinzel', Georgia, serif !important;
  font-size: clamp(16px, 2.2vw, 20px) !important;
  font-weight: 600 !important;
  color: #f5f1e8 !important;
  margin: 0 0 10px !important;
  line-height: 1.4 !important;
  transition: color 0.25s ease !important;
}

.ccv-archive-item:hover h3 {
  color: #e8d59f !important;
}

/* ── Excerpt ── */
.ccv-excerpt {
  font-family: 'Inter', sans-serif;
  font-size: 14px;
  color: #8a8578;
  margin: 0 0 12px;
  line-height: 1.65;
}

/* ── Lees meer link ── */
.ccv-read-more {
  font-family: 'Inter', sans-serif;
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 0.25em;
  text-transform: uppercase;
  color: #c9a961;
  transition: color 0.25s ease;
}

.ccv-archive-item:hover .ccv-read-more {
  color: #e8d59f;
}

/* ── Responsive ── */
@media (max-width: 768px) {
  .ccv-archive-item { padding: 20px 20px; }
  .ccv-archive-item:hover { padding-left: 26px; }
  .ccv-date { margin-left: 0; }
}