/* =====================================================
   🔹 SIDEBAR – KORTDESIGN
===================================================== */

.sidebar { background: transparent; }

.sidebar .widget {
  background: #fff;
  padding: 20px;
  margin-bottom: 20px;
  border-radius: 10px;
  box-shadow: 0 6px 18px rgba(0,0,0,0.06);
}

.sidebar .widget-title {
  margin: 0 0 15px 0;
  padding-bottom: 8px;
  font-size: 0.95rem;
  text-transform: uppercase;
  font-weight: 700;
  border-bottom: 2px solid #e5e5e5;
}

.sidebar .widget ul,
.sidebar .widget p {
  margin: 0;
  padding: 0;
}



/* ===================================================== 🔥 RUBRIKER – EN KÄLLA (RPWE + EVENTS) ===================================================== */ .sidebar .rpwe-block h3, .sidebar .event-title { 
	display: block !important; 
	margin: 8px 0 4px 0 !important; 
	font-weight: 700 !important; 
	font-size: 0.9rem !important; 
	line-height: 1.3 !important; } 

/* ===================================================== 🔹 RPWE (DITT & DATT) ===================================================== */ .sidebar .rpwe-block ul { padding: 0 !important; } .sidebar .rpwe-li { background: #fff; border-radius: 8px; padding: 12px; margin-bottom: 12px; box-shadow: 0 2px 6px rgba(0,0,0,0.05); transition: transform 0.2s ease, box-shadow 0.2s ease; } .sidebar .rpwe-li:hover { transform: translateY(-2px); box-shadow: 0 6px 14px rgba(0,0,0,0.08); } .sidebar .rpwe-time { font-size: 0.9rem; color: #555; } .sidebar .rpwe-summary { font-size: 0.9rem; color: #555; } /* ta bort klick på rubrik */ .sidebar .rpwe-title a { pointer-events: none; text-decoration: none; color: inherit; } /* ===================================================== 🔹 EVENTS – KORT ===================================================== */ .events-list { display: flex; flex-direction: column; gap: 16px; } .event-card { background: #fff; border-radius: 10px; padding: 16px; box-shadow: 0 2px 6px rgba(0,0,0,0.05); transition: all 0.2s ease; } .event-card:hover { transform: translateY(-2px); box-shadow: 0 6px 14px rgba(0,0,0,0.08); } /* ===================================================== 🔹 TOP (BADGE + TID) ===================================================== */ .event-top { display: flex; align-items: center; gap: 16px; margin-bottom: 12px; } /* ===================================================== 🔹 BADGE (KALENDER) ===================================================== */ .event-badge { width: 120px; height: 145px; min-width: 120px; background: #fff; border-radius: 14px; overflow: hidden; box-shadow: 0 4px 10px rgba(0,0,0,0.08); display: flex; flex-direction: column; position: relative; } /* Månad */ .badge-month { width: 100%; background: #2271b1; color: #fff; text-align: center; padding: 6px 0; font-size: 0.75rem; letter-spacing: 0.05em; } /* Dag */ .badge-day { font-size: 2.4rem; font-weight: 800; text-align: center; margin-top: 12px; } /* År */ .badge-year { position: absolute; bottom: 6px; left: 8px; font-size: 0.7rem; color: #888; } /* ===================================================== 🔹 TID (START + SLUT) ===================================================== */ .event-time { display: flex; flex-direction: column; align-items: flex-start; font-size: 1rem; color: #333; } /* Start */ .event-time-start { font-weight: 600; } /* Streck */ .event-time-separator { line-height: 1; margin: 2px 0; } /* Slut */ .event-time-end { font-weight: 600; } /* ikon */ .event-time::before { content: ""; width: 16px; height: 16px; background-image: url("data:image/svg+xml,%3Csvg fill='none' stroke='%23333' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M12 6v6l4 2'/%3E%3C/svg%3E"); background-size: contain; background-repeat: no-repeat; margin-bottom: 6px; } /* ===================================================== 🔹 TITEL LÄNK ===================================================== */ .sidebar .event-title a { text-decoration: none; color: inherit; } /* ===================================================== 🔹 TEXT (KLIPP) ===================================================== */ .event-excerpt { font-size: 0.9rem; color: #555; margin-bottom: 8px; display: -webkit-box; -webkit-line-clamp: 6; -webkit-box-orient: vertical; overflow: hidden; } /* ===================================================== 🔹 BILD ===================================================== */ .event-image img { width: 100%; height: auto; border-radius: 8px; }