/* ========================================
   Morocco Travel Guru - Events Archive
   Events & Festivals Custom Archive Page
   SCSS Version
   ======================================== */
/* Import Hero Section Shared Styles */
/* ========================================
   Hero Section - Shared Styles
   Used by: Events, Companies, and other archives
   ======================================== */
/* Hero Section - Main Container */
.mtg-hero-section,
.mtg-hero {
  padding: 30px 24px 36px;
  position: relative;
  overflow: hidden;
  background-color: #f9f8f4;
  padding: 100px 75px;
  /* Breadcrumb Navigation */
  /* Alternative breadcrumb separator style */ }
  .mtg-hero-section .mtg-breadcrumb a:hover,
  .mtg-hero .mtg-breadcrumb a:hover {
    color: var(--mtg-gold, var(--mtg-accent, #e8a838)); }
  .mtg-hero-section .mtg-breadcrumb-sep,
  .mtg-hero .mtg-breadcrumb-sep {
    color: rgba(255, 255, 255, 0.35);
    margin: 0 8px; }
  .mtg-hero-section .mtg-breadcrumb-current,
  .mtg-hero .mtg-breadcrumb-current {
    color: var(--mtg-gold, var(--mtg-accent, #e8a838));
    font-weight: 600; }
  .mtg-hero-section-sep,
  .mtg-hero-sep {
    color: rgba(255, 255, 255, 0.5); }
  .mtg-hero-section-current,
  .mtg-hero-current {
    color: var(--mtg-gold, var(--mtg-accent, #e8a838));
    font-weight: 500; }

/* Hero Decorative Circles */
.mtg-hero-circles {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  pointer-events: none;
  overflow: hidden;
  /* Alternative positioning for company style */
  /* Decorative circle variations */ }
  .mtg-hero-circles .mtg-circle {
    position: absolute;
    border-radius: 50%;
    background-color: rgba(232, 168, 56, 0.08); }
  .mtg-hero-circles:hover {
    color: var(--mtg-gold, var(--mtg-accent, #e8a838)); }
  .mtg-hero-circles:last-child {
    position: absolute;
    bottom: -30px;
    left: 60px;
    width: 110px;
    height: 110px;
    background: rgba(232, 168, 56, 0.04); }

/* Hero Title */
/* Hero Subtitle */
/* Hero Stats Section */
.mtg-hero-stats {
  display: flex;
  gap: 24px;
  margin-top: 20px;
  color: #bcc3d6;
  font-size: 12px;
  align-items: center;
  flex-wrap: wrap; }
  .mtg-hero-stats > div {
    display: flex;
    flex-direction: column; }
    .mtg-hero-stats > div .value {
      color: var(--mtg-gold, var(--mtg-accent, #e8a838));
      font-size: 20px;
      font-weight: 500; }
    .mtg-hero-stats > div .label {
      color: #555e7a;
      font-size: 11px; }

.mtg-hero-inner {
  display: flex;
  flex-direction: column;
  gap: 1rem; }
  .mtg-hero-inner p {
    max-width: 40%; }

/* CSS Variables */
:root {
  --mtg-navy: #1a1a2e;
  --mtg-navy-dark: #0f1419;
  --mtg-navy-light: #16213e;
  --mtg-gold: #e8a838;
  --mtg-gold-light: #faeeda;
  --mtg-gold-dark: #854f0b;
  --mtg-white: #ffffff;
  --mtg-light-gray: #f5f5f5;
  --mtg-medium-gray: #999999;
  --mtg-dark-gray: #333333;
  --mtg-border: #e0e0e0;
  --mtg-border-radius-card: 12px;
  --mtg-border-radius-small: 8px;
  /* Category colors */
  --mtg-music-bg: #faeeda;
  --mtg-music-text: #854f0b;
  --mtg-music-dot: #e8a838;
  --mtg-sports-bg: #eaf3de;
  --mtg-sports-text: #3b6d11;
  --mtg-sports-dot: #639922;
  --mtg-film-bg: #eeedfe;
  --mtg-film-text: #534ab7;
  --mtg-film-dot: #7f77dd;
  --mtg-culture-bg: #e1f5ee;
  --mtg-culture-text: #0f6e56;
  --mtg-culture-dot: #1d9e75; }

/* ========== RESET & BASE ========== */
.mtg-events-archive {
  margin: 0;
  padding: 0;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  background-color: var(--mtg-white);
  color: var(--mtg-dark-gray); }
  .mtg-events-archive * {
    box-sizing: border-box; }

.mtg-archive-wrapper {
  width: 100%;
  background-color: var(--mtg-white); }

/* Search Container and other specific event archive styles */
.mtg-search-input {
  width: 100%;
  max-width: 500px;
  padding: 14px 16px 14px 40px;
  background-color: rgba(0, 0, 0, 0.3);
  border: 1px solid #ddd;
  border-radius: var(--mtg-border-radius-small);
  color: var(--mtg-white);
  font-size: 0.95rem;
  transition: all 0.2s;
  width: 100%;
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid #dddddd;
  outline: none;
  border-radius: 8px;
  margin: 0 !important;
  padding: 15px; }
  .mtg-search-input::placeholder {
    color: rgba(255, 255, 255, 0.6); }
  .mtg-search-input:focus {
    outline: none;
    background-color: rgba(0, 0, 0, 0.4);
    border-color: var(--mtg-gold); }

.mtg-stats-row {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  gap: 20px;
  margin-top: 20px; }

.mtg-stat {
  display: flex;
  flex-direction: column;
  gap: 4px; }
  .mtg-stat-value {
    font-size: 1.8rem;
    font-weight: 700;
    color: var(--mtg-gold); }
  .mtg-stat-label {
    font-size: 0.85rem;
    color: rgba(255, 255, 255, 0.7);
    font-weight: 400; }

/* ========== ADSENSE TOP BANNER ========== */
.mtg-adsense-section {
  /* background-color: var(--mtg-light-gray); */
  padding: 20px 24px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-top: 1px solid rgba(0, 0, 0, 0.06);
  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
  /* background: var(--surface, #f8f9fb); */
  padding: 18px 0; }

.mtg-ad-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  width: 100%; }

.mtg-ad-label {
  font-size: 10px;
  color: var(--mtg-medium-gray);
  text-transform: uppercase;
  letter-spacing: 0.5px;
  margin: 0; }

.mtg-ad-placeholder {
  background-color: #f0f0f0;
  border: 2px dashed var(--mtg-border);
  border-radius: var(--mtg-border-radius-small);
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--mtg-medium-gray);
  font-size: 0.85rem; }

/* ========== TWO-COLUMN LAYOUT ========== */
.mtg-main-container {
  display: grid;
  grid-template-columns: 300px 1fr;
  gap: 20px;
  padding: 20px 24px;
  max-width: 1400px;
  margin: 0 auto;
  align-items: start; }

/* ========== SIDEBAR ========== */
.mtg-sidebar {
  display: flex;
  flex-direction: column;
  gap: 24px;
  position: sticky;
  top: 20px; }

.mtg-filter-block {
  background-color: var(--mtg-white);
  border: 0.5px solid var(--mtg-border);
  border-radius: var(--mtg-border-radius-card);
  padding: 18px; }

.mtg-filter-title {
  font-size: 0.95rem;
  font-weight: 600;
  color: var(--mtg-navy);
  margin: 0 0 16px 0;
  display: flex;
  align-items: center;
  gap: 8px;
  text-transform: uppercase;
  letter-spacing: 0.5px; }

/* Month Filter */
.mtg-months-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px; }

.mtg-month {
  padding: 10px 8px;
  border: 0.5px solid var(--mtg-border);
  background-color: var(--mtg-white);
  color: var(--mtg-medium-gray);
  border-radius: var(--mtg-border-radius-small);
  font-size: 0.9rem;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s; }
  .mtg-month:hover {
    border-color: var(--mtg-gold);
    background-color: rgba(232, 168, 56, 0.05); }
  .mtg-month.active {
    background-color: var(--mtg-navy);
    color: var(--mtg-gold);
    border-color: var(--mtg-navy); }

/* Category Filter */
.mtg-category-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 8px; }

.mtg-category-list li {
  margin-bottom: 0; }

.mtg-category-item {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 12px;
  background-color: var(--mtg-white);
  border: 0.5px solid var(--mtg-border);
  border-radius: var(--mtg-border-radius-small);
  color: var(--mtg-dark-gray);
  cursor: pointer;
  font-size: 0.9rem;
  transition: all 0.2s;
  text-align: left;
  width: 100%; }
  .mtg-category-item:hover {
    background-color: var(--mtg-light-gray); }
  .mtg-category-item.active {
    background-color: var(--mtg-gold-light);
    border-color: var(--mtg-gold); }
    .mtg-category-item.active .mtg-category-count {
      background-color: var(--mtg-gold-dark);
      color: var(--mtg-white); }

.mtg-category-dot {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  flex-shrink: 0; }

.mtg-category-name {
  flex: 1; }

.mtg-category-count {
  font-size: 0.8rem;
  font-weight: 600;
  background-color: rgba(0, 0, 0, 0.05);
  padding: 2px 8px;
  border-radius: 4px;
  color: var(--mtg-medium-gray); }

/* City Filter Pills */
.mtg-city-pills {
  display: flex;
  flex-wrap: wrap;
  gap: 8px; }

.mtg-city-pill {
  padding: 8px 14px;
  border: 0.5px solid var(--mtg-border);
  background-color: var(--mtg-white);
  color: var(--mtg-medium-gray);
  border-radius: 20px;
  font-size: 0.85rem;
  cursor: pointer;
  transition: all 0.2s;
  white-space: nowrap; }
  .mtg-city-pill:hover {
    border-color: var(--mtg-gold);
    background-color: rgba(232, 168, 56, 0.05); }
  .mtg-city-pill.active {
    background-color: var(--mtg-navy);
    color: var(--mtg-gold);
    border-color: var(--mtg-navy); }

/* Sponsored CTA Box */
.mtg-sponsored-cta {
  background-color: var(--mtg-navy);
  border-radius: var(--mtg-border-radius-card);
  padding: 20px;
  color: var(--mtg-white);
  text-align: center; }

.mtg-cta-icon {
  font-size: 2.2rem;
  margin-bottom: 10px; }

.mtg-cta-title {
  font-size: 0.95rem !important;
  font-weight: 600 !important;
  margin: 0 0 6px 0 !important;
  color: var(--mtg-white) !important; }

.mtg-cta-subtitle {
  font-size: 0.8rem;
  margin: 0 0 14px 0;
  color: rgba(255, 255, 255, 0.7); }

.mtg-cta-button {
  width: 100%;
  padding: 11px 14px;
  background-color: var(--mtg-gold);
  color: var(--mtg-navy);
  border: none;
  border-radius: var(--mtg-border-radius-small);
  font-size: 0.9rem;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s;
  display: flex;
  margin-top: 10px; }
  .mtg-cta-button:hover {
    background-color: var(--mtg-gold-light);
    transform: translateY(-2px); }

/* AdSense Card in Sidebar */
.mtg-adsense-card {
  background-color: var(--mtg-white);
  border: 2px dashed var(--mtg-border);
  border-radius: var(--mtg-border-radius-card);
  padding: 16px;
  text-align: center; }

/* ========== CONTENT AREA ========== */
.mtg-content-area {
  display: flex;
  flex-direction: column;
  gap: 24px; }

/* Top Bar */
.mtg-content-top-bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 16px;
  padding: 16px;
  background-color: var(--mtg-light-gray);
  border-radius: var(--mtg-border-radius-card); }

.mtg-showing-count {
  font-size: 0.95rem;
  color: var(--mtg-dark-gray); }

.mtg-count-bold {
  font-weight: 700;
  color: var(--mtg-navy); }

.mtg-content-controls {
  display: flex;
  align-items: center;
  gap: 12px; }

.mtg-sort-dropdown {
  padding: 8px 12px;
  border: 0.5px solid var(--mtg-border);
  border-radius: var(--mtg-border-radius-small);
  background-color: var(--mtg-white);
  color: var(--mtg-dark-gray);
  font-size: 0.9rem;
  cursor: pointer;
  transition: border-color 0.2s;
  margin-bottom: 0; }
  .mtg-sort-dropdown:focus {
    outline: none;
    border-color: var(--mtg-gold); }

/* View Toggle */
.mtg-view-toggle {
  display: flex;
  gap: 4px;
  background-color: var(--mtg-white);
  border: 0.5px solid var(--mtg-border);
  border-radius: var(--mtg-border-radius-small);
  padding: 4px; }

.mtg-view-btn {
  padding: 6px 10px;
  background-color: transparent;
  border: none;
  color: var(--mtg-medium-gray);
  cursor: pointer;
  font-size: 1rem;
  transition: all 0.2s;
  border-radius: 4px; }
  .mtg-view-btn.active {
    background-color: var(--mtg-navy);
    color: var(--mtg-gold); }

/* ========== EVENTS CONTAINER ========== */
.mtg-events-list {
  display: flex;
  flex-direction: column;
  gap: 16px; }
  .mtg-events-list.mtg-view-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: 20px; }

/* ========== EVENT CARD ========== */
.mtg-event-card {
  display: flex;
  gap: 14px;
  padding: 14px;
  border: 0.5px solid var(--mtg-border);
  border-radius: var(--mtg-border-radius-card);
  background-color: var(--mtg-white);
  transition: all 0.3s; }
  .mtg-event-card:hover {
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08); }
  .mtg-event-card.mtg-featured {
    border: 2px solid var(--mtg-gold); }
  .mtg-events-list.mtg-view-grid .mtg-event-card {
    flex-direction: column;
    gap: 12px; }

/* Date Block */
.mtg-event-date-block {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 64px;
  height: auto;
  background-color: var(--mtg-navy);
  border-radius: var(--mtg-border-radius-small);
  color: var(--mtg-white);
  flex-shrink: 0; }

.mtg-event-day {
  font-size: 1.5rem;
  font-weight: 500;
  color: var(--mtg-gold); }

.mtg-event-month {
  font-size: 0.75rem;
  color: rgba(255, 255, 255, 0.7);
  text-transform: uppercase; }

/* Icon Box */
.mtg-event-icon-box {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 90px;
  height: auto;
  border-radius: var(--mtg-border-radius-small);
  flex-shrink: 0; }
  .mtg-events-list.mtg-view-grid .mtg-event-icon-box {
    width: 100%;
    height: 120px; }

.mtg-event-icon {
  font-size: 2.2rem; }

/* Event Body */
.mtg-event-body {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 10px; }

/* Ad images */
.mtg-top-ad-image,
.mtg-infeed-ad-image {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 4px; }

/* Leaderboard placeholder modifier */
.mtg-ad-placeholder--leaderboard {
  min-height: 90px;
  width: 100%;
  max-width: 728px; }

/* Category dot variants */
.mtg-category-dot {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  display: inline-block;
  vertical-align: middle;
  margin-right: 8px; }

.mtg-category-dot--default {
  background-color: #e8a838; }

.mtg-category-dot--music {
  background-color: #e8a838; }

.mtg-category-dot--sports {
  background-color: #639922; }

.mtg-category-dot--film {
  background-color: #7f77dd; }

.mtg-category-dot--culture {
  background-color: #1d9e75; }

/* Category badge color variants */
.mtg-category-badge--music {
  background-color: #faeeda;
  color: #854f0b;
  padding: 4px 8px;
  border-radius: 6px;
  font-size: 12px; }

.mtg-category-badge--sports {
  background-color: #eaf3de;
  color: #3b6d11;
  padding: 4px 8px;
  border-radius: 6px;
  font-size: 12px; }

.mtg-category-badge--film {
  background-color: #eeedfe;
  color: #534ab7;
  padding: 4px 8px;
  border-radius: 6px;
  font-size: 12px; }

.mtg-category-badge--culture {
  background-color: #e1f5ee;
  color: #0f6e56;
  padding: 4px 8px;
  border-radius: 6px;
  font-size: 12px; }

/* Event icon box variants */
.mtg-event-icon-box--music {
  background-color: #faeeda; }

.mtg-event-icon-box--sports {
  background-color: #eaf3de; }

.mtg-event-icon-box--film {
  background-color: #eeedfe; }

.mtg-event-icon-box--culture {
  background-color: #e1f5ee; }

/* Badges Row */
.mtg-event-badges-row {
  display: flex;
  align-items: center;
  gap: 10px; }

.mtg-category-badge {
  font-size: 0.75rem;
  font-weight: 600;
  padding: 4px 10px;
  border-radius: 4px;
  letter-spacing: 0.3px; }

.mtg-sponsored-badge {
  font-size: 0.75rem;
  font-weight: 600;
  padding: 4px 10px;
  background-color: rgba(232, 168, 56, 0.15);
  color: var(--mtg-gold-dark);
  border-radius: 4px;
  margin-left: auto; }

/* Event Title */
.mtg-event-title {
  font-size: 0.95rem;
  font-weight: 500;
  margin: 0;
  line-height: 1.3; }
  .mtg-event-title a {
    transition: color 0.2s; }
    .mtg-event-title a:hover {
      color: var(--mtg-gold); }

/* Meta Row */
.mtg-event-meta-row {
  display: flex;
  gap: 16px;
  font-size: 0.85rem;
  color: var(--mtg-medium-gray);
  flex-wrap: wrap;
  align-items: center; }

.mtg-company-meta {
  display: flex;
  gap: 16px;
  font-size: 0.85rem;
  color: var(--mtg-medium-gray);
  flex-wrap: wrap;
  align-items: center; }

.mtg-event-meta-item {
  display: flex;
  align-items: center;
  gap: 6px; }

.mtg-event-option-badge {
  display: inline-flex;
  align-items: center;
  padding: 4px 8px;
  border-radius: 999px;
  background-color: rgba(55, 125, 255, 0.08);
  color: #1f4db7;
  font-size: 0.75rem;
  font-weight: 600;
  letter-spacing: 0.2px; }

/* Actions */
.mtg-event-actions {
  display: flex;
  gap: 8px;
  margin-top: 6px; }

.mtg-btn {
  padding: 8px 12px;
  border: none;
  border-radius: var(--mtg-border-radius-small);
  font-size: 0.8rem;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 6px; }
  .mtg-btn-primary {
    background-color: var(--mtg-navy);
    color: var(--mtg-gold); }
    .mtg-btn-primary:hover {
      background-color: var(--mtg-navy-dark);
      transform: translateY(-1px); }
  .mtg-btn-secondary {
    background-color: transparent;
    color: var(--mtg-medium-gray);
    border: 0.5px solid var(--mtg-border); }
    .mtg-btn-secondary:hover {
      border-color: var(--mtg-gold);
      color: var(--mtg-gold); }

/* Add to Calendar Button - Auto styled by component */
add-to-calendar-button {
  display: inline-block;
  margin-right: 8px; }
  add-to-calendar-button button {
    background-color: transparent !important;
    color: var(--mtg-medium-gray) !important;
    border: 0.5px solid var(--mtg-border) !important;
    padding: 8px 12px !important;
    border-radius: var(--mtg-border-radius-small) !important;
    font-size: 0.8rem !important;
    font-weight: 600 !important;
    cursor: pointer !important;
    transition: all 0.2s !important; }
    add-to-calendar-button button:hover {
      border-color: var(--mtg-gold) !important;
      color: var(--mtg-gold) !important; }
  add-to-calendar-button .action-buttons button {
    background-color: transparent !important;
    color: var(--mtg-medium-gray) !important;
    border: 0.5px solid var(--mtg-border) !important; }
    add-to-calendar-button .action-buttons button:hover {
      background-color: transparent !important;
      border-color: var(--mtg-gold) !important;
      color: var(--mtg-gold) !important; }

/* ========== IN-FEED AD ========== */
.mtg-infeed-ad {
  display: flex;
  gap: 14px;
  padding: 14px;
  background-color: #fafafa;
  border: 2px dashed var(--mtg-border);
  border-radius: var(--mtg-border-radius-card);
  align-items: center; }

.mtg-infeed-icon-box {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  background-color: var(--mtg-white);
  border: 0.5px solid var(--mtg-border);
  border-radius: var(--mtg-border-radius-small);
  flex-shrink: 0; }

.mtg-infeed-icon {
  font-size: 1.4rem; }

.mtg-infeed-content {
  flex: 1; }

.mtg-infeed-title {
  font-size: 0.85rem;
  font-weight: 600;
  margin: 0 0 2px 0;
  color: var(--mtg-dark-gray); }

.mtg-infeed-subtitle {
  font-size: 0.75rem;
  margin: 0;
  color: var(--mtg-medium-gray); }

.mtg-infeed-label {
  font-size: 10px;
  color: #bbb;
  margin-left: auto;
  text-transform: uppercase;
  font-weight: 600; }

/* ========== NO EVENTS ========== */
.mtg-no-events {
  text-align: center;
  padding: 60px 20px;
  color: var(--mtg-medium-gray); }

/* ========== PAGINATION ========== */
.mtg-pagination {
  display: flex;
  justify-content: center;
  gap: 8px;
  margin-top: 30px;
  padding: 20px; }
  .mtg-pagination ul {
    display: flex;
    gap: 6px;
    list-style: none;
    margin: 0;
    padding: 0; }
  .mtg-pagination li {
    display: flex; }
  .mtg-pagination a,
  .mtg-pagination span {
    padding: 8px 12px;
    border: 0.5px solid var(--mtg-border);
    border-radius: var(--mtg-border-radius-small);
    color: var(--mtg-dark-gray);
    text-decoration: none;
    font-size: 0.9rem;
    transition: all 0.2s;
    display: block; }
    .mtg-pagination a:hover,
    .mtg-pagination span:hover {
      border-color: var(--mtg-gold);
      color: var(--mtg-gold); }
  .mtg-pagination .current {
    background-color: var(--mtg-navy);
    color: var(--mtg-gold);
    border-color: var(--mtg-navy); }
  .mtg-pagination .prev,
  .mtg-pagination .next {
    font-weight: 600; }

/* ========== RESPONSIVE DESIGN ========== */
@media (max-width: 1024px) {
  .mtg-main-container {
    grid-template-columns: 1fr; }

  .mtg-sidebar {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
    position: relative;
    top: auto; }
    .mtg-sidebar .mtg-sponsored-cta,
    .mtg-sidebar .mtg-adsense-card {
      grid-column: 1 / -1; }

  .mtg-events-list.mtg-view-grid {
    grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); } }
@media (max-width: 768px) {
  .mtg-hero-title {
    font-size: 1.8rem; }

  .mtg-hero-subtitle {
    font-size: 0.9rem; }

  .mtg-stats-row {
    grid-template-columns: repeat(3, 1fr);
    gap: 12px; }

  .mtg-main-container {
    padding: 12px 12px;
    gap: 16px; }

  .mtg-sidebar {
    grid-template-columns: repeat(2, 1fr);
    gap: 12px; }

  .mtg-filter-block {
    padding: 14px; }

  .mtg-filter-title {
    font-size: 0.85rem;
    margin-bottom: 12px; }

  .mtg-content-top-bar {
    flex-direction: column;
    align-items: flex-start;
    gap: 12px; }

  .mtg-content-controls {
    width: 100%;
    justify-content: space-between; }

  .mtg-sort-dropdown {
    flex: 1; }

  .mtg-event-card {
    flex-direction: column;
    gap: 10px; }

  .mtg-event-date-block,
  .mtg-event-icon-box {
    width: 100%;
    height: auto;
    min-height: 60px; }

  .mtg-events-list.mtg-view-grid {
    grid-template-columns: 1fr; }
    .mtg-events-list.mtg-view-grid .mtg-event-icon-box {
      height: 100px; }

  .mtg-event-actions {
    flex-wrap: wrap; }

  .mtg-btn {
    flex: 1;
    min-width: 100px;
    justify-content: center; }

  .mtg-adsense-section {
    padding: 12px; }

  .mtg-sidebar-ad-box {
    border: 1px dashed rgba(0, 0, 0, 0.08);
    padding: 10px;
    border-radius: 8px;
    text-align: center; }

  .mtg-sidebar-ad-box img,
  .mtg-sidebar-ad-image {
    width: 100%;
    height: auto;
    display: block;
    border-radius: 4px; }

  .mtg-sidebar-ad-label {
    font-size: 10px;
    color: #7f8895;
    margin-bottom: 6px; }

  .mtg-sidebar-ad-slot {
    background: var(--surface, #f6f8fb);
    padding: 24px;
    border-radius: 6px;
    color: #6b7280;
    min-width: 250px;
    min-height: 250px; } }
@media (max-width: 480px) {
  .mtg-hero-section {
    padding: 20px 16px 28px; }

  .mtg-hero-title {
    font-size: 1.4rem; }

  .mtg-search-input {
    max-width: 100%; }

  .mtg-stats-row {
    grid-template-columns: 1fr;
    gap: 8px; }

  .mtg-sidebar {
    grid-template-columns: 1fr; }

  .mtg-main-container {
    padding: 12px;
    gap: 12px; }

  .mtg-months-grid {
    grid-template-columns: repeat(3, 1fr); }

  .mtg-city-pills {
    justify-content: flex-start; }

  .mtg-content-top-bar {
    padding: 12px; }

  .mtg-showing-count {
    font-size: 0.8rem; }

  .mtg-event-actions {
    flex-direction: column; }

  .mtg-btn {
    flex: 1 0 100%;
    width: 100%; }

  .mtg-pagination a,
  .mtg-pagination span {
    padding: 6px 8px;
    font-size: 0.8rem; } }
/* ========== PRINT STYLES ========== */
@media print {
  .mtg-adsense-section,
  .mtg-sidebar,
  .mtg-content-controls,
  .mtg-pagination {
    display: none; }

  .mtg-main-container {
    padding: 0; }

  .mtg-event-card {
    page-break-inside: avoid; } }
/* ========== PRINT STYLES ========== */
@media print {
  .mtg-adsense-section,
  .mtg-sidebar,
  .mtg-content-controls,
  .mtg-pagination {
    display: none; }

  .mtg-main-container {
    padding: 0; }

  .mtg-event-card {
    page-break-inside: avoid; } }

/*# sourceMappingURL=archive-events.css.map */