@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap');

*{font-family:Poppins,sans-serif}


.dm-tab-card__media img{
width:100%;
height:220px;
object-fit:cover;
border-radius:10px;
}
/* ================= LIST ================= */

.dm-devotions{
margin:auto;
padding:40px 20px;
}

/* ================= STUDY BY BOOK PAGE ================= */
.dm-study-page{
    background:transparent;
    padding:0;
}

.dm-study-shell{
    max-width:1200px;
}

.dm-study-layout{
    display:grid;
    grid-template-columns:minmax(0,7fr) minmax(280px,3fr);
    gap:32px;
    align-items:start;
}

.dm-study-toolbar{
    background:transparent;
    border-radius:0;
    padding:0;
    margin-bottom:32px;
}

.dm-study-toolbar__heading h2{
    margin:0 0 6px;
    font-size:26px;
}

.dm-study-toolbar__meta{
    margin:0;
    color:#475569;
    font-size:14px;
}


.dm-study-results{
    margin-top:10px;
}

.dm-study-sidebar__card{
    background:transparent;
    border-radius:0;
    padding:0;
    position:sticky;
    top:24px;
}
.dm-study-flow--mobile-only{display:none !important}
.dm-study-flow--desktop-only{display:flex}
.dm-mobile-panel__content .dm-study-flow--mobile-only{display:flex !important}
.dm-mobile-panel__content .dm-study-flow--desktop-only{display:none}
.dm-study-flow--sidebar{margin-bottom:20px}

.dm-study-sidebar{
    width:100%;
}

.dm-book-accordion-group{
    display:flex;
    flex-direction:column;
    border:1px solid #e2e8f0;
    border-radius:18px;
    overflow:hidden;
}

.dm-study-sidebar__card h3{margin:0 0 12px;font-size:18px}

.dm-study-sidebar__all{
    display:inline-flex;
    align-items:center;
    gap:6px;
    font-size:14px;
    color:#38bdf8;
    text-decoration:none;
    font-weight:600;
    margin-bottom:18px;
}

.dm-book-accordion{border-bottom:1px solid #e2e8f0;background:#fff;margin:0}
.dm-book-accordion:last-child{border-bottom:none}

.dm-book-accordion summary{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;cursor:pointer;font-weight:600;list-style:none;font-size:15px;gap:12px;flex-wrap:wrap}

.dm-book-accordion summary::-webkit-details-marker{display:none;}

.dm-book-apply{
    border:none;
    background:rgba(56,189,248,.12);
    color:#0f62fe;
    font-size:12px;
    font-weight:600;
    padding:4px 12px;
    border-radius:999px;
    cursor:pointer;
    margin-left:10px;
    white-space:nowrap;
    text-decoration:none;
    display:inline-flex;
    align-items:center;
    gap:6px;
}

.dm-book-apply:hover{
    background:rgba(15,98,254,.12);
}

.dm-book-apply--chapter{
    font-size:11px;
    padding:3px 10px;
}

.dm-book-accordion summary::after{
    content:'>';
    font-size:13px;
    color:#94a3b8;
    transition:transform .2s ease;
}

.dm-book-accordion[open] summary::after{
    transform:rotate(90deg);
}

.dm-book-count{
    background:#0f172a;
    color:#fff;
    font-size:12px;
    padding:4px 10px;
    border-radius:999px;
}

.dm-book-accordion__body{padding:0 18px 16px;display:flex;flex-direction:column;gap:4px;background:#fbfcfe}

.dm-book-accordion__all{display:none}

.dm-book-accordion__chapters a{
    display:block;
    width:100%;
}

.dm-chapter-panel{border-bottom:1px dashed #e2e8f0;padding:4px 0}
.dm-chapter-panel:last-child{border-bottom:none}
.dm-chapter-panel summary::-webkit-details-marker{display:none}
.dm-chapter-summary{display:flex;justify-content:space-between;align-items:center;color:#0f172a;font-size:14px;font-weight:600;padding:6px 0;cursor:pointer;gap:10px;flex-wrap:wrap}
.dm-chapter-summary::after{content:'>';font-size:14px;color:#94a3b8;margin-left:8px;transition:transform .2s ease}
.dm-chapter-summary span:first-child{flex:1}
.dm-chapter-panel[open] .dm-chapter-summary::after{transform:rotate(90deg)}
.dm-chapter-summary .dm-chip{background:transparent;color:#475569;border:1px solid #dbe1f0}
.dm-book-accordion__verses{display:flex;flex-direction:column;padding-left:12px;gap:6px;margin-top:2px;padding-bottom:8px}
.dm-verse-heading-row{display:flex;justify-content:space-between;align-items:center}
.dm-verse-heading{font-size:11px;font-weight:600;color:#94a3b8;text-transform:uppercase;letter-spacing:.06em}
.dm-verse-heading-row .dm-chip{background:transparent;color:#475569;border:1px solid #dbe1f0;font-size:11px;padding:2px 8px}
.dm-verse-link{display:flex;align-items:center;padding:4px 0;font-size:13px;color:#475569;text-decoration:none}
.dm-verse-link:hover{color:#0f172a}
.dm-verse-empty{font-size:12px;color:#94a3b8;font-style:italic;padding:2px 0 4px}

.dm-calendar-months{
    display:flex;
    flex-direction:column;
    gap:12px;
    margin-top:14px;
}

.dm-calendar-month{
    border:1px solid #e2e8f0;
    border-radius:14px;
    padding:10px 12px;
    background:#f8fafc;
}

.dm-calendar-month.is-active{
    border-color:#38bdf8;
    background:#e0f2fe;
}

.dm-calendar-month__link{
    display:flex;
    justify-content:space-between;
    align-items:center;
    text-decoration:none;
    font-weight:600;
    color:#0f172a;
    width:100%;
    background:none;
    border:none;
    padding:0;
    cursor:pointer;
    font:inherit;
    text-align:left;
}

.dm-calendar-month__link:focus-visible{
    outline:2px solid #38bdf8;
    outline-offset:4px;
}

.dm-calendar-weeks{
    margin-top:10px;
    flex-direction:column;
    gap:10px;
}

.dm-calendar-month .dm-calendar-weeks{display:none;}
.dm-calendar-month.is-open .dm-calendar-weeks{display:flex;}

.dm-calendar-weeks .dm-book-accordion__chapters{
    padding:0;
    gap:8px;
}

.dm-calendar-weeks .dm-book-accordion__chapters a{
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:8px;
    text-decoration:none;
    color:#0f172a;
    background:#fff;
    padding:8px 12px;
    border-radius:10px;
    border:1px solid #e2e8f0;
}

.dm-chip{
    font-size:12px;
    color:#0f172a;
    background:#fff;
    border-radius:999px;
    padding:2px 8px;
    border:1px solid #e2e8f0;
}

@media(max-width:1100px){
    .dm-study-layout{grid-template-columns:1fr;}
    .dm-study-sidebar__card{position:relative; top:auto;}
    .dm-study-flow--sidebar{display:none}
}

@media(max-width:700px){
    .dm-page-hero{padding:40px 24px;}
    .dm-toolbar-row{flex-direction:column; align-items:stretch;}
    .dm-toolbar-row .dm-search-field{width:100%;}
    .dm-study-toolbar .dm-order-field select{width:100%;}
}

.dm-devotion-card{
display:flex;
gap:28px;
background:#fff;
padding:24px;
border-radius:18px;
margin-bottom:40px;
}

 

/* ===========================
    TAB SHORTCODE CARDS
=========================== */

.dm-tab-cards{
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:28px;
margin:32px auto;
}
.elementor-shortcode .dm-tab-cards--daily,.elementor-shortcode .dm-tab-cards.dm-tab-cards--weekly{
    grid-template-columns: repeat(3, minmax(0, 1fr));
}
.dm-tab-cards--daily{
grid-template-columns:1fr;
}

.dm-tab-cards--weekly{
grid-template-columns:1fr;
}

.dm-tab-card{
background:#ffffff;
border-radius:18px;
padding:22px 20px;
display:flex;
flex-direction:column;
gap:18px;
border:1px solid #e2e8f0;
box-shadow:0 10px 25px rgba(15,23,42,.06);
transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,background-color .18s ease;
}

.dm-tab-card:hover{
transform:translateY(-3px);
box-shadow:0 18px 40px rgba(15,23,42,.12);
border-color:#cbd5f5;
}

.dm-tab-card__subtitle{
display:flex;
justify-content:space-between;
align-items:flex-start;
gap:16px;
}

.dm-tab-card__meta{
display:flex;
flex-wrap:wrap;
gap:10px;
align-items:center;
font-size:14px;
color:#0f172a;
}

.dm-tab-card__chapter{
font-weight:600;
color:#0f172a;
}

.dm-tab-card__dot{
width:4px;
height:4px;
border-radius:50%;
background:#94a3b8;
}

.dm-tab-card__datetime{
color:#0f172a;
font-weight:600;
}


.dm-tab-card__body{
display:flex;
flex-direction:column;
gap:12px;
}

.dm-tab-card__subtitle{
display:flex;
flex-wrap:wrap;
gap:10px;
align-items:center;
font-size:14px;
color:#0f172a;
}

.dm-tab-card__chapter{
font-weight:600;
color:#0f172a;
}


.dm-tab-card__dot{
width:4px;
height:4px;
border-radius:50%;
background:#94a3b8;
}
div#dm-devotions-results {
    display: block !important;
}
.dm-tab-card__datetime{
color:#0f172a;
font-weight:600;
}

.dm-tab-card__title{
margin:0;
font-size:21px;
line-height:1.35;
}

.dm-tab-card__title a{
text-decoration:none;
color:#0f172a;
}

.dm-tab-card__title a:hover{
color:#0672c9;
}

.dm-tab-card__tags{
display:flex;
flex-wrap:wrap;
gap:8px;
}

.dm-tab-card__tags span{
background:#e0f2fe;
color:#0f172a;
font-size:12px;
padding:4px 12px;
border-radius:999px;
}

.dm-tab-card__footer{
display:flex;
justify-content:space-between;
align-items:center;
gap:16px;
flex-wrap:wrap;
}

.dm-tab-card__link{
font-weight:600;
color:#0f172a;
text-decoration:none;
}

.dm-tab-card__link:hover{
text-decoration:underline;
color:#0672c9;
}

.dm-tab-card__icon-group{
display:flex;
gap:10px;
}

.dm-tab-card__icon-btn{
width:42px;
height:42px;
border-radius:50%;
border:1px solid #a9c7ea;
display:flex;
align-items:center;
justify-content:center;
background:#fff;
color:#0f172a;
text-decoration:none;
cursor:pointer;
transition:background .2s ease,color .2s ease,border-color .2s ease;
padding:0;
line-height:1;
font:inherit;
}

.dm-tab-card__icon-btn:focus-visible{
outline:2px solid #0672c9;
outline-offset:2px;
}

.dm-tab-card__icon-btn.is-playing{
background:#0672c9;
color:#fff;
border-color:#0672c9;
}
span.dm-tab-audio-icon.dm-tab-audio-icon--play{
        align-self: end;
}
.dm-tab-audio-icon--pause{display:none;}
.dm-tab-card__icon-btn.is-playing .dm-tab-audio-icon--play{display:none;}
.dm-tab-card__icon-btn.is-playing .dm-tab-audio-icon--pause{display:inline-flex;}

.dm-tab-card__icon-btn svg{
width:18px;
height:18px;
fill:currentColor;
}

/* Remove legacy video badge circle inside shortcode tabs */
.dm-tab-card .dm-video-btn::before{
content:none;
display:none;
}

.dm-tab-card--empty{
text-align:center;
align-items:center;
justify-content:center;
min-height:180px;
}

.dm-tab-card__subtitle .dm-tab-card__icon-group{
flex:0 0 auto;
}

@media(max-width:700px){
.dm-tab-cards{grid-template-columns:1fr;}
.dm-tab-card__subtitle{flex-direction:column;align-items:stretch;}
.dm-tab-card__subtitle .dm-tab-card__icon-group{margin-left:0;}
}

.dm-devotion-card .dm-image{
flex:0 0 40%;
}

/* Weekly cards use the same layout as daily */
.dm-devotion-card.dm-card{
display:flex;
gap:28px;
align-items:flex-start;
background:#fff;
padding:24px;
border:1px solid #e2e8f0;
border-radius:18px;
box-shadow:0 10px 25px rgba(15,23,42,.06);
}

.dm-card-media{flex:0 0 42%;}
.dm-card-media img{width:100%;height:340px;object-fit:cover;border-radius:16px;}
.dm-card-placeholder{
width:100%;
height:340px;
border-radius:16px;
background:#f1f5f9;
color:#94a3b8;
display:flex;
align-items:center;
justify-content:center;
font-size:48px;
font-weight:700;
}

.dm-card-content{flex:1;display:flex;flex-direction:column;gap:10px;}
.dm-card-title{margin:0 0 6px;}

.dm-devotion-card .dm-body{
flex:0 0 50%;
}

.dm-image img{
width:100%;
height:420px;
object-fit:cover;
border-radius:16px;
}

.dm-image .dm-placeholder{
width:100%;
height:420px;
border-radius:16px;
background:#f1f5f9;
color:#94a3b8;
display:flex;
align-items:center;
justify-content:center;
font-size:48px;
font-weight:700;
}

.dm-title a{
text-decoration:none;
color:#0f172a;
font-size:22px;
font-weight:600;
}

/* Map weekly card elements to the same look as daily */
.dm-card-title a{
text-decoration:none;
color:#0f172a;
font-size:22px;
font-weight:600;
}

.dm-card-meta{
display:flex;
flex-wrap:wrap;
align-items:center;
gap:10px;
font-size:13px;
color:#475569;
margin:8px 0 2px;
}

.dm-card-reading{font-weight:600;color:#0f172a;}
.dm-card-sep{width:5px;height:5px;border-radius:50%;background:#cbd5f5;display:inline-block;}
.dm-card-date,.dm-card-time{color:#38bdf8;font-weight:600;}
.dm-card-audio{margin:10px 0 12px;}

.dm-card-tags.dm-keywords span,
.dm-card-tags span{
background:#e8f0ff;
color:#0f172a;
font-size:13px;
font-weight:600;
padding:6px 14px;
border-radius:12px;
border:1px solid #d8e4ff;
box-shadow:none;
}

.dm-card-video-inline{
display:inline-flex;
align-items:center;
gap:12px;
margin:6px 0 10px;
font-weight:700;
color:#0aa0a5;
text-decoration:none;
}

.dm-card-video-inline:hover{color:#088c8f;text-decoration:underline;}

.dm-card-actions{display:flex;gap:16px;align-items:center;flex-wrap:wrap;margin-top:4px;}

.dm-card-actions .dm-card-link,
.dm-card-actions .dm-card-video{
background:none;
border:none;
padding:0;
box-shadow:none;
display:inline-flex;
align-items:center;
gap:8px;
font-weight:700;
text-decoration:none;
}

.dm-card-actions .dm-card-link{color:#0f172a;}
.dm-card-actions .dm-card-link:hover{color:#0672c9;text-decoration:underline;}

.dm-card-actions .dm-card-video{color:#0aa0a5;}
.dm-card-actions .dm-card-video:hover{text-decoration:underline;}

.dm-card-excerpt{font-size:15px;line-height:1.6;color:#334155;margin:12px 0;}

.dm-card-actions{display:flex;gap:14px;align-items:center;flex-wrap:wrap;margin-top:10px;}
.dm-card-link.dm-read-more{font-weight:700;color:#0f172a;text-decoration:none;}
.dm-card-link.dm-read-more:hover{color:#0672c9;text-decoration:underline;}
.dm-card-video{font-weight:600;color:#0672c9;text-decoration:none;}
.dm-card-video:hover{text-decoration:underline;}

.dm-date{
color:#38BDF8;
font-size:13px;
}

/*  */

.dm-excerpt{
font-size:15px;
line-height:1.6;
color:#334155;
margin:12px 0;
}

.dm-study-flow{
    display:flex;
    flex-direction:column;
    gap:18px;
    margin:16px 0 24px;
    padding:22px;
    border:1px solid #e4e9f4;
    border-radius:22px;
    background:#f8fafc;
}
.dm-study-flow label{
    display:flex;
    flex-direction:column;
    font-weight:600;
    font-size:13px;
    color:#0f172a;
    gap:8px;
}
.dm-study-flow select{
    appearance:none;
    margin:0;
    padding:12px 44px 12px 14px;
    border-radius:14px;
    border:1px solid #dfe3ec;
    background:#fff;
    font-size:14px;
    font-weight:500;
    color:#0f172a;
    min-height:48px;
    line-height:1.2;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='10' viewBox='0 0 14 10'%3E%3Cpath fill='none' stroke='%23475569' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' d='m1 2 6 6 6-6'/%3E%3C/svg%3E");
    background-repeat:no-repeat;
    background-position:right 18px center;
    background-size:14px;
}
.dm-study-flow select:focus{
    border-color:#94c5fd;
    outline:3px solid rgba(148,197,253,.35);
    outline-offset:2px;
}
.dm-study-flow select option[value=""]{
    color:#94a3b8;
}

.dm-detail-banner__media{
aspect-ratio:16/9;
background:#000;
position:relative;
}

.dm-detail-banner__media iframe,
.dm-detail-banner__media video,
.dm-detail-banner__media img{
display:block;
width:100%;
height:100%;
}

.dm-detail-banner__media img{
object-fit:cover;
object-position:center;
}

/* Image-only banner (reference: 300px min height + centered title) */
.dm-detail-banner--image .dm-detail-banner__media{
aspect-ratio:auto;
height:330px;
max-height:330px;
}

.dm-detail-banner--image .dm-detail-banner__media img{
max-height:330px;
}

.dm-detail-banner--image .dm-detail-banner__media::after{
content:'';
position:absolute;
inset:0;
background:linear-gradient(180deg, rgba(0,0,0,0.45) 0%, rgba(0,0,0,0.55) 100%);
pointer-events:none;
}

.dm-detail-banner__title{
position:absolute;
left:50%;
top:50%;
transform:translate(-50%, -50%);
z-index:1;
color:#fff;
font-size:44px;
font-weight:700;
letter-spacing:1px;
text-transform:uppercase;
text-align:center;
padding:0 16px;
}

@media(max-width:700px){
.dm-detail-banner__title{font-size:30px;}
}

.dm-single-layout{
display:flex;
gap:32px;
align-items:flex-start;
margin-top:30px;
}

.dm-single-main{flex:70%;}
.dm-single-sidebar{flex:30%;}

.dm-devotion-single{
background:#fff;
padding:30px;
border-radius:20px;
}

.dm-hero img{
width:100%;
max-height:420px;
object-fit:cover;
border-radius:18px;
}

.dm-devotion-single .dm-title{
font-size:28px;
margin-top:16px;
}

.dm-meta{
color:#38BDF8;
font-size:14px;
margin-bottom:14px;
}

.dm-content{
font-size:16px;
line-height:1.8;
color:#334155;
margin-top:14px;
}

.dm-back{
display:inline-block;
margin-top:24px;
color:#38BDF8;
text-decoration:none;
}

/* Sidebar */

.dm-single-sidebar{
background:#fff;
padding:22px;
border-radius:18px;
height:fit-content;
}

.dm-sidebar-title{
font-size:18px;
margin-bottom:14px;
}

.dm-prev-card{
display:flex;
gap:12px;
margin-bottom:14px;
}

.dm-prev-img img{
width:70px;
height:70px;
object-fit:cover;
border-radius:10px;
}

.dm-prev-body a{
font-size:14px;
font-weight:500;
text-decoration:none;
color:#0f172a;
display:block;
}

.dm-prev-body span{
font-size:12px;
color:#38BDF8;
}

/* ================= EVENTS ================= */
.dm-events-page{max-width:1200px;margin:0 auto;padding:30px 20px;display:flex;flex-direction:column;gap:28px;}
.dm-events-hero{display:flex;flex-direction:column;gap:6px;}
.dm-events-eyebrow{margin:0;color:#0ea5e9;font-weight:700;font-size:18px;text-transform:uppercase;letter-spacing:0.5px;}
.dm-events-title{margin:0;font-size:32px;color:#0f172a;font-weight:800;}
.dm-events-subtitle{margin:0;color:#475569;font-size:16px;}

.dm-event-feature{display:grid;grid-template-columns:1.25fr 1fr;gap:26px;align-items:center;background:#fff;border-radius:18px;box-shadow:0 8px 26px rgba(15,23,42,0.08);overflow:hidden;}
.dm-event-feature__media{position:relative;overflow:hidden;}
.dm-event-feature__media img{display:block;width:100%;height:100%;object-fit:cover;min-height:280px;}
.dm-event-play{display:block;position:relative;}
.dm-event-play__icon{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:92px;height:92px;display:flex;align-items:center;justify-content:center;}

.dm-event-feature__body{padding:10px 24px 24px 0;display:flex;flex-direction:column;gap:12px;}
.dm-event-org{margin:0;color:#0ea5e9;font-weight:700;font-size:14px;text-transform:uppercase;letter-spacing:0.4px;}
.dm-event-heading{margin:0;font-size:24px;font-weight:800;color:#0f172a;line-height:1.3;}
.dm-event-desc{margin:0;color:#334155;font-size:15px;line-height:1.6;}
.dm-event-meta{display:flex;flex-wrap:wrap;align-items:center;gap:10px;color:#475569;font-weight:600;font-size:14px;}
.dm-event-dot{width:6px;height:6px;border-radius:50%;background:#94a3b8;display:inline-block;}
.dm-event-status{padding:6px 10px;border-radius:999px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:0.4px;border:1px solid #cbd5e1;color:#0f172a;}
.dm-event-status.is-upcoming{background:#ecfeff;border-color:#a5f3fc;color:#0e7490;}
.dm-event-status.is-completed{background:#f1f5f9;border-color:#cbd5e1;color:#475569;}
.dm-event-cta{display:inline-flex;align-items:center;gap:8px;padding:12px 16px;background:#0ea5e9;color:#fff;font-weight:700;text-decoration:none;border-radius:10px;width:fit-content;transition:transform .15s ease, box-shadow .15s ease;}
.dm-event-cta:hover{transform:translateY(-1px);box-shadow:0 10px 20px rgba(14,165,233,0.25);}

.dm-event-list{display:flex;flex-direction:column;gap:18px;}
.dm-event-card{display:grid;grid-template-columns:1fr 1.1fr;gap:18px;align-items:center;background:#fff;border-radius:14px;box-shadow:0 6px 18px rgba(15,23,42,0.06);overflow:hidden;}
.dm-event-card__media{position:relative;}
.dm-event-card__media img{display:block;width:100%;height:100%;object-fit:cover;min-height:220px;}
.dm-event-card__play{display:block;position:relative;}
.dm-event-card__icon{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:78px;height:78px;display:flex;align-items:center;justify-content:center;}
.dm-event-card__body{padding:14px 18px 18px 0;display:flex;flex-direction:column;gap:10px;}

.dm-events-empty{text-align:center;padding:40px 20px;border:1px dashed #cbd5e1;border-radius:16px;background:#f8fafc;}
.dm-events-empty h3{margin:0 0 6px;font-size:20px;}
.dm-events-empty p{margin:0;color:#475569;}

.dm-events-pagination{display:flex;align-items:center;justify-content:center;gap:14px;margin-top:10px;flex-wrap:wrap;}
.dm-page-btn{padding:10px 14px;border:1px solid #cbd5e1;border-radius:10px;text-decoration:none;color:#0f172a;font-weight:600;background:#fff;}
.dm-page-numbers{display:flex;gap:8px;align-items:center;}
.dm-page-number{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:10px;border:1px solid #e2e8f0;color:#0f172a;text-decoration:none;font-weight:600;background:#fff;}
.dm-page-number.is-active{background:#0ea5e9;color:#fff;border-color:#0ea5e9;}

@media(max-width:1000px){
    .dm-event-feature{grid-template-columns:1fr;}
    .dm-event-feature__body{padding:18px 18px 22px;}
    .dm-event-card{grid-template-columns:1fr;}
    .dm-event-card__body{padding:12px 16px 18px;}
}

/* EVENTS SLIDER */
.dm-events-slider{position:relative;background:#fff;border-radius:18px;overflow:hidden;margin:30px 0;}
.dm-events-slider--empty{padding:40px 20px;text-align:center;}
.dm-events-slider__viewport{overflow:hidden;}
.dm-events-slider__track{display:flex;transition:transform .5s ease;}
.dm-events-slide{flex:0 0 100%;display:grid;grid-template-columns:1.2fr 1fr;gap:24px;padding:28px;align-items:center;min-height:360px;}
.dm-events-slide__media{position:relative;border-radius:16px;overflow:hidden;}
.dm-events-slide__media img{width:100%;height:100%;object-fit:cover;display:block;min-height:280px;}
.dm-events-slide__video{border:none;padding:0;background:none;cursor:pointer;width:100%;height:100%;display:block;position:relative;}
.dm-events-slide__icon{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:90px;height:90px;display:flex;align-items:center;justify-content:center;}
.dm-events-slide__body{display:flex;flex-direction:column;gap:10px;}
.dm-events-slider__controls{position:absolute;inset:0;display:flex;align-items:center;justify-content:space-between;padding:0 14px;pointer-events:none;}
.dm-events-slider__nav{pointer-events:auto;width:44px;height:44px;border-radius:999px;border:1px solid rgba(226,232,240,0.9);background:rgba(255,255,255,0.92);color:#0f172a;font-size:34px;line-height:1;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 10px 25px rgba(15,23,42,0.14);transition:transform .15s ease, box-shadow .15s ease, opacity .15s ease;}
.dm-events-slider__nav:hover{transform:translateY(-1px);box-shadow:0 14px 30px rgba(15,23,42,0.18);}
.dm-events-slider__nav:disabled{opacity:.45;cursor:default;transform:none;box-shadow:0 10px 25px rgba(15,23,42,0.10);}
.dm-events-slider__dots{position:absolute;left:50%;bottom:18px;transform:translateX(-50%);display:flex;gap:8px;}
.dm-events-slider__dot{width:12px;height:12px;border-radius:999px;border:none;background:#94a3b8;cursor:pointer;padding:0;}
.dm-events-slider__dot.is-active{background:#0ea5e9;}

@media(max-width:900px){
    .dm-events-slide{grid-template-columns:1fr;gap:18px;padding:20px;}
    .dm-events-slider__controls{padding:0 10px;}
    .dm-events-slider__nav{width:40px;height:40px;font-size:30px;}
}

/* ================= MOBILE ================= */

@media(max-width:900px){

.dm-devotion-card,
.dm-single-layout{
flex-direction:column;
}

.dm-image img{
height:220px;
}

.dm-image .dm-placeholder{
height:220px;
}

}
/* =============================
   MODERN AUDIO PLAYER
=============================*/

/* Modern audio player */
.dm-audio-player{
display:flex;
align-items:center;
gap:18px;
background:#fff;
padding:14px 0;
border-radius:14px;
/* margin:18px 0; */
border:none;
}

.dm-play{
    flex: 0 0 auto;
    width: 46px;
    height: 46px;
    border-radius: 50%;
    border: 1px solid !important;
    border: none;
    background: rgba(246, 246, 246, 1);
       color: rgba(187, 187, 187, 1);

    font-size: 0;
    font-weight: 700;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
    transition: border-color .15s ease, color .15s ease, transform .15s ease;
    position: relative;
    padding: 0;
}

.dm-play:hover{
transform:translateY(-1px);
}

.dm-audio-player.is-playing .dm-play{
color:#00c4dc;
}

/* Clean icons (no unicode glyphs) */
.dm-audio-player:not(.is-playing) .dm-play::before{
content:'';
position:absolute;
left:50%;
top:50%;
transform:translate(-35%,-50%);
width:0;
height:0;
border-top:8px solid transparent;
border-bottom:8px solid transparent;
border-left:12px solid currentColor;
}

.dm-audio-player.is-playing .dm-play::before,
.dm-audio-player.is-playing .dm-play::after{
content:'';
position:absolute;
top:50%;
transform:translateY(-50%);
width:4px;
height:16px;
background:rgb(255 255 255);
border-radius:2px;
}

.dm-audio-player.is-playing .dm-play::before{ left:calc(50% - 5px); }
.dm-audio-player.is-playing .dm-play::after{ left:calc(50% + 3px); }

.dm-waveform{
flex:1 1 auto;
height:44px;
min-height:44px;
min-width:0;
border-radius:999px;
background:transparent;
overflow:hidden;
position:relative;
}

.dm-waveform canvas{
height:100% !important;
width:100% !important;
}

.dm-audio-meta{
display:flex;
align-items:center;
gap:14px;
font-weight:700;
color:#111827;
}

.dm-duration{
font-size: 12px;
    font-variant-numeric: tabular-nums;
    color: #676767;
}

.dm-meta-sep{
width:1px;
height:22px;
background:#d1d5db;
display:inline-flex;
}

.dm-speed{
background:transparent;
border:none;
color:#6b7280;
font-weight:700;
font-size:15px;
cursor:pointer;
padding:0;
transition:color .2s ease;
}

.dm-speed:hover{
color:#111827;
}

/* Idle state matches pic 1: hide speed until playing */
.dm-audio-player:not(.is-playing) .dm-meta-sep,
.dm-audio-player:not(.is-playing) .dm-speed{
display:none;
}

/* Sidebar Smaller Player */
.dm-sidebar-card .dm-audio-player{
padding:12px 0;
gap:12px;
}

.dm-sidebar-card .dm-play{
width:42px;
height:42px;
font-size:16px;
}
.dm-sidebar-card{
margin-bottom:26px;
}

.dm-sidebar-card .dm-image img{
height:180px;
}
/* ===============================
   SIDEBAR CARD OVERRIDES
================================ */

.dm-single-sidebar .dm-devotion-card{
  flex-direction:column;
  padding:16px;
  border-radius:16px;
}

/* Sidebar image */
.dm-single-sidebar .dm-image{
  flex:unset;
}

.dm-single-sidebar .dm-image img{
  width:100%;
  height:160px;
  object-fit:cover;
  border-radius:14px;
}

/* Sidebar body */
.dm-single-sidebar .dm-body{
  flex:unset;
}

/* Sidebar title */
.dm-single-sidebar .dm-title{
  font-size:16px;
  font-weight:600;
  margin-top:10px;
}

/* Sidebar excerpt smaller */
.dm-single-sidebar .dm-excerpt{
  font-size:13px;
  line-height:1.5;
}
.dm-single-sidebar .dm-audio-player{
  margin:10px 0;
}

.dm-single-sidebar .dm-video-btn{
  margin:8px 0;
}
/* =========================================
   WEEKLY DEVOTIONS UI (extends Daily UI)
========================================= */

/* Chapter reference */
.dm-chapter {
    margin: 6px 0 10px;
    font-size: 14px;
    font-weight: 600;
    color: #475569;
    display: flex;
    align-items: center;
    gap: 6px;
}

/* Weekly filter bar */
.dm-filter-form {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
    align-items: center;
    margin-bottom: 20px;
}

.dm-filter-form input[type="text"],
.dm-filter-form select {
    padding: 8px 10px;
    border-radius: 6px;
    border: 1px solid #d1d5db;
    font-size: 14px;
    min-width: 160px;
}

.dm-filter-form button {
    padding: 8px 14px;
    border-radius: 6px;
    background: #111827;
    color: #fff;
    border: none;
    cursor: pointer;
}

.dm-filter-form button:hover {
    background: #1f2937;
}

.dm-reset-btn {
    font-size: 13px;
    color: #475569;
    text-decoration: none;
}



/* Video button */
.dm-video-btn {
    display: inline-flex;
    align-items: center;
    gap: 16px;
    /* margin-top: 10px; */
    /* padding: 10px 22px 10px 10px; */
    background: #fff;
    color: #11b4b4;
    font-size: 15px;
    font-weight: 600;
    border-radius: 999px;
    /* border: 2px solid #13c5bd; */
    text-decoration: none;
    transition: transform .2s ease, color .2s ease, border-color .2s ease;
}

.dm-video-btn::before {
    content: '';
    flex: 0 0 48px;
    width: 48px;
        border: 1px solid;
    height: 48px;
    border-radius: 50%;
    /* border: 2px solid currentColor; */
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #f9f9f9;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='%2311b4b4' d='M14 8H5c-1.1 0-2 .9-2 2v4c0 1.1.9 2 2 2h9c1.1 0 2-.9 2-2v-1.5l3.2 2.4c.52.39 1.8.1 1.8-.9V9c0-1-.98-1.37-1.7-.9L16 10.5V10c0-1.1-.9-2-2-2Z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
}

.dm-video-btn:hover {
    transform: translateY(-2px);
    border-color: #0aa0a5;
    color: #0aa0a5;
}

/* Keywords */
.dm-keywords {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin: 10px 0;
}

.dm-keywords span {
    background: linear-gradient(94deg, rgb(56 189 248 / 21%) 0%, rgb(20 184 166 / 25%) 47%, rgb(56 189 248 / 19%) 100%);    color: #334155;
  color: #0a0c0e;
    font-size: 12px;
    padding: 4px 15px;
    text-transform: capitalize;
    border-radius: 4px;
    letter-spacing: 0.9px;
}

/* Sidebar cards */
.dm-single-sidebar .dm-devotion-card {
    padding: 12px;
    gap: 12px;
}

.dm-single-sidebar .dm-image {
    width: 90px;
}

.dm-single-sidebar .dm-image img {
    height: 70px;
    border-radius: 6px;
}

/* Empty sidebar state */
.dm-empty-sidebar {
    padding: 14px;
    font-size: 14px;
    color: #475569;
    background: #f8fafc;
    border-radius: 8px;
}

/* Mobile */
@media (max-width: 768px) {
    .dm-devotion-card {
        flex-direction: column;
    }

    .dm-devotion-card .dm-image {
        width: 100%;
    }

    .dm-filter-form {
        flex-direction: column;
        align-items: stretch;
    }
}

/* =========================
   VIDEO MODAL
========================= */

.dm-video-modal {
    position: fixed;
    inset: 0;
    display: none;
    align-items: center;
    justify-content: center;
    z-index: 9999;
}

.dm-video-modal.is-visible {
    display: flex;
}

.dm-video-modal__backdrop {
    position: absolute;
    inset: 0;
    background: rgba(15, 23, 42, 0.75);
}

.dm-video-modal__dialog {
    position: relative;
    background: #000;
    border-radius: 24px;
    padding: 18px;
    width: min(960px, 92vw);
    max-height: 90vh;
}

.dm-video-modal__body {
    position: relative;
    width: 100%;
    padding-top: 56.25%;
    overflow: hidden;
    border-radius: 18px;
    background: #000;
}

.dm-video-modal__body iframe,
.dm-video-modal__body video {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    border: 0;
    border-radius: 18px;
    background: #000;
}

.dm-video-modal__close {
    position: absolute;
    top: -14px;
    right: -14px;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: none;
    background: #ffffff;
    color: #0f172a;
    font-size: 20px;
    cursor: pointer;
}

body.dm-has-video-modal {
    overflow: hidden;
}

@media (max-width: 640px) {
    .dm-video-modal__dialog {
        padding: 14px;
        width: 94vw;
    }

    .dm-video-modal__close {
        top: -10px;
        right: -10px;
        width: 34px;
        height: 34px;
    }
}