/* DigiCatholic Admin — front-end styles. All classes prefixed dc- */

:root{
	--dc-purple:#6D38D4;
	--dc-deep:#3E1B83;
	--dc-lav:#F7F2FF;
	--dc-gold:#D9A441;
	--dc-dark:#17142A;
	--dc-soft:#6F6A80;
	--dc-border:#E9E1F5;
	--dc-radius:20px;
	--dc-shadow:0 6px 24px rgba(62,27,131,.08);
}

/* ---- Meta row ---- */
.dc-meta{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:0 0 22px;color:var(--dc-soft);font-size:14px}
.dc-meta .dc-sep{opacity:.5}
.dc-badge{display:inline-block;background:var(--dc-lav);color:var(--dc-purple);font-weight:600;font-size:12px;padding:4px 12px;border-radius:999px;text-decoration:none}
.dc-badge:hover{background:var(--dc-purple);color:#fff}

/* ---- Cards ---- */
.dc-card{display:block;background:#fff;border:1px solid var(--dc-border);border-radius:var(--dc-radius);box-shadow:var(--dc-shadow);padding:24px;text-decoration:none;color:var(--dc-dark);transition:transform .2s ease,box-shadow .2s ease}
.dc-card:hover{transform:translateY(-4px);box-shadow:0 12px 30px rgba(62,27,131,.14)}

.dc-cat-card .dc-cat-icon{font-size:30px;color:var(--dc-purple);display:block;margin-bottom:8px}
.dc-cat-title{margin:0;font-size:18px}
.dc-cat-underline{display:block;width:34px;height:3px;background:var(--dc-gold);border-radius:3px;margin:8px 0}
.dc-cat-sub{margin:0;color:var(--dc-soft);font-size:14px}

/* ---- Featured guide ---- */
.dc-featured{margin:32px 0}
.dc-featured-panel{background:linear-gradient(135deg,var(--dc-purple),var(--dc-deep));color:#fff;border-radius:var(--dc-radius);padding:36px}
.dc-featured-label{letter-spacing:1px;font-size:12px;opacity:.85}
.dc-featured-title{margin:10px 0;font-size:26px;line-height:1.25}
.dc-featured-text{opacity:.92;margin-bottom:18px}

/* ---- Button ---- */
.dc-btn{display:inline-block;background:linear-gradient(135deg,var(--dc-purple),var(--dc-deep));color:#fff;padding:12px 22px;border-radius:999px;text-decoration:none;font-weight:600;transition:transform .2s ease}
.dc-btn:hover{transform:translateY(-2px);color:#fff}

/* ---- Ad slots ---- */
.dc-ad-slot{position:relative;background:var(--dc-lav);border:1px solid var(--dc-border);border-radius:16px;padding:18px;margin:28px 0;text-align:center}
.dc-ad-label{position:absolute;top:8px;left:14px;font-size:10px;letter-spacing:1px;color:var(--dc-soft)}
.dc-ad-footer_strip{margin:0;border-radius:0}
.dc-ad-sidebar{margin:0 0 24px}

@media(max-width:782px){
	.dc-featured-title{font-size:22px}
	.dc-ad-slot{margin:20px 0}
}