/* ===== Today Events Module ===== */

/* ==========================================
   Today Events – CSS Variables (Theme Override)
   يمكن للتمبلت إعادة تعريفها
========================================== */

:root {
    --event-birth-color: #2ecc71;
    --event-marriage-color: #e84393;
    --event-achievement-color: #0984e3;
    --event-death-color: #636e72;
    --event-anniversary-color: #f39c12;
}

.today-events {
    font-size: 14px;
}

/* عنصر الحدث */
.today-event-item {
	position: relative;
    padding: 8px 0;
	margin-bottom: 12px;
    border-right: 4px solid transparent;
}

/* أنواع الأحداث */
.event-type-birth {
    border-color: #2ecc71;
}

.event-type-marriage {
    border-color: #e84393;
}

.event-type-achievement {
    border-color: #0984e3;
}

.event-type-death {
    border-color: #636e72;
}

.event-type-anniversary {
    border-color: #f39c12;
}


/* العنوان */
.today-events-title {
    font-weight: 700;
    margin-bottom: 12px;
    display: flex;
    align-items: center;
    gap: 6px;
}

/* أيقونة نوع الحدث */
.event-icon {
    margin-inline-end: 6px;
    font-size: 1.1em;
    line-height: 1;
    vertical-align: middle;
}

.event-type-birth .event-icon {
    color: var(--event-birth-color);
}

.event-type-marriage .event-icon {
    color: var(--event-marriage-color);
}


/* ===== Event Meta ===== */



.today-event-type {
    display: inline-block;
    font-size: 13px;
    font-weight: 500;
    color: #444;
}

/* ===== Title + Date inline layout ===== */

.today-event-title-row {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 8px;
}

/* عنوان الحدث */
.today-event-title {
    flex: 1;
    font-weight: 600;
    text-decoration: none;
}

/* التاريخ في نفس السطر */
.today-event-date.inline {
    flex-shrink: 0;
    font-size: 12px;
    color: #9a9a9a;
    white-space: nowrap;
}

/* تحسين بصري */
.today-event-date.inline::before {
    content: "—";
    margin-inline-end: 6px;
    color: #ccc;
}

/* ===== Title + Date inline layout ===== */

.today-event-title-row {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 10px;
}

/* عنوان الحدث */
.today-event-title {
    flex: 1;
    font-weight: 600;
    text-decoration: none;
}

/* التاريخ – خفيف ومحاذي يسار */
.today-event-date.inline {
    flex-shrink: 0;
    font-size: 12px;
    color: #9a9a9a;
    white-space: nowrap;
}

.today-event-date.inline::before {
    content: "—";
    margin-inline-end: 6px;
    color: #ccc;
}

/* نوع الحدث */
.today-event-type {
    font-size: 13px;
    color: #666;
    margin-bottom: 2px;
}

/* ===== Meta Row: Type (right) + Date (left) ===== */


.today-event-meta-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 13px;
    margin-bottom: 4px;
}

/* نوع الحدث */
.today-event-type {
    color: #444;
    font-weight: 500;
}

/* التاريخ – يسار وخفيف */
.today-event-date {
    font-size: 12px;
    /* color: #9a9a9a; */
	color: #444;
    white-space: nowrap;
	flex-shrink: 0;
    direction: rtl;
}

/* فاصل خفيف اختياري */
.today-event-date::before {
    content: "—";
    margin-inline-end: 6px;
    color: #ccc;
}

/* ===== SP pagebuilder int. css ===== */

.today-events-module {
    padding: 16px;
}

.today-events-title {
    margin-bottom: 12px;
    font-weight: bold;
}

.today-events-list {
    list-style: none;
    padding: 0;
    margin: 0;
}


.today-event-header {
    font-size: 13px;
    color: #888;
}

.today-event-title {
    display: block;
    font-weight: 600;
    text-decoration: none;
}

.today-event-title:hover {
    text-decoration: underline;
}