/**
 * Kenar çubuğu — Cuma mesajı & günün hadisi
 */

.home-friday-card,
.home-hadith-card {
    position: relative;
    margin-top: 14px;
    border-radius: 12px;
    overflow: hidden;
    box-shadow:
        0 4px 18px rgba(12, 20, 40, 0.22),
        0 0 0 1px rgba(255, 255, 255, 0.08) inset;
}

/* ——— Cuma ——— */
.home-friday-card {
    background: linear-gradient(
        155deg,
        rgba(120, 53, 15, 0.12) 0%,
        rgba(254, 243, 199, 0.95) 35%,
        rgba(253, 230, 138, 0.88) 100%
    );
}

.home-friday-card::before {
    content: "";
    position: absolute;
    inset: 0;
    opacity: 0.5;
    background: radial-gradient(ellipse 80% 50% at 100% 0%, rgba(217, 119, 6, 0.18), transparent 55%);
    pointer-events: none;
}

.home-friday-card__inner {
    position: relative;
    z-index: 1;
    padding: 12px 14px 14px;
}

.home-friday-card__head {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 8px;
    flex-wrap: wrap;
}

.home-friday-card__icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    border-radius: 8px;
    background: rgba(180, 83, 9, 0.15);
    color: #b45309;
    font-size: 14px;
}

.home-friday-card__title {
    margin: 0;
    font-family: "Lato", sans-serif;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: rgba(69, 26, 3, 0.92);
}

.home-friday-card__badge {
    margin-left: auto;
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    padding: 3px 8px;
    border-radius: 999px;
    background: rgba(180, 83, 9, 0.2);
    color: #92400e;
}

.home-friday-card--today .home-friday-card__badge {
    background: rgba(22, 163, 74, 0.2);
    color: #15803d;
}

.home-friday-card__text {
    margin: 0;
    font-size: 13px;
    line-height: 1.55;
    color: rgba(41, 37, 36, 0.92);
}

.home-friday-card--wait .home-friday-card__text {
    color: rgba(41, 37, 36, 0.78);
}

.home-friday-card__sub {
    margin: 10px 0 0;
    font-size: 10px;
    line-height: 1.4;
    color: rgba(120, 53, 15, 0.75);
}

.home-friday-card__err {
    margin: 0;
    font-size: 12px;
    line-height: 1.45;
    color: rgba(127, 29, 29, 0.95);
}

.home-friday-card--stale .home-friday-card__badge {
    background: rgba(251, 191, 36, 0.25);
    color: #92400e;
}

/* ——— Hadis ——— */
.home-hadith-card {
    background: linear-gradient(
        145deg,
        rgba(30, 27, 75, 0.97) 0%,
        rgba(49, 46, 129, 0.92) 45%,
        rgba(30, 41, 59, 0.96) 100%
    );
}

.home-hadith-card::before {
    content: "";
    position: absolute;
    inset: 0;
    opacity: 0.4;
    background: radial-gradient(100% 60% at 0% 100%, rgba(129, 140, 248, 0.2), transparent 55%);
    pointer-events: none;
}

.home-hadith-card__inner {
    position: relative;
    z-index: 1;
    padding: 12px 14px 14px;
}

.home-hadith-card__head {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 10px;
    flex-wrap: wrap;
}

.home-hadith-card__badge {
    margin-left: auto;
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    padding: 3px 8px;
    border-radius: 999px;
    background: rgba(199, 210, 254, 0.15);
    color: rgba(199, 210, 254, 0.95);
}

.home-hadith-card--stale .home-hadith-card__badge {
    background: rgba(251, 191, 36, 0.2);
    color: #fde68a;
}

.home-hadith-card__icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    border-radius: 8px;
    background: rgba(199, 210, 254, 0.12);
    color: #c7d2fe;
    font-size: 14px;
}

.home-hadith-card__title {
    margin: 0;
    font-family: "Lato", sans-serif;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    color: rgba(238, 242, 255, 0.96);
}

.home-hadith-card__quote {
    margin: 0;
    padding-left: 12px;
    border-left: 3px solid rgba(165, 180, 252, 0.55);
    font-size: 13px;
    line-height: 1.6;
    font-style: italic;
    color: rgba(226, 232, 240, 0.94);
}

.home-hadith-card__source {
    margin: 10px 0 0;
    font-size: 11px;
    font-weight: 600;
    color: rgba(165, 180, 252, 0.88);
    letter-spacing: 0.02em;
}

.home-hadith-card__err {
    margin: 0;
    font-size: 12px;
    line-height: 1.45;
    color: rgba(254, 202, 202, 0.95);
}