/* Dhivehi Master — single post magazine layout (4.7.0) */
.dhmt-sp{--sp-accent:var(--dhmt-primary,#0a7c86);--sp-ink:var(--dhmt-text,#0f2a2c);--sp-muted:#6b7f83;--sp-line:color-mix(in srgb,var(--sp-accent) 12%,#e6edef);--sp-soft:color-mix(in srgb,var(--sp-accent) 6%,#fff);--sp-card:#fff;--sp-radius:22px;
  direction:rtl;padding:0 16px 70px;background:linear-gradient(180deg,var(--sp-soft),transparent 520px)}
.dhmt-sp-grid{max-width:var(--dhmt-sp-width,1240px);margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:34px;align-items:start}
.dhmt-sp--sidebar-right .dhmt-sp-grid{grid-template-columns:340px minmax(0,1fr)}
.dhmt-sp--sidebar-right .dhmt-sp-side{order:-1}
.dhmt-sp--wide .dhmt-sp-grid{grid-template-columns:minmax(0,1fr);max-width:980px}
.dhmt-sp-main{min-width:0}

/* ---------- Single Builder plugin output inside the main column ---------- */
.dhmt-sp-on .dhmt-sp #dsb-single{background:transparent!important;overflow:visible!important}
.dhmt-sp-on .dhmt-sp .dsb-article{width:100%!important;max-width:none!important;margin:0 0 34px!important}
.dhmt-sp-on .dhmt-sp .dsb-layout-centered_card .dsb-article,.dhmt-sp-on .dhmt-sp .dsb-article{background:var(--sp-card);border:1px solid var(--sp-line)!important;border-radius:var(--sp-radius);box-shadow:0 22px 60px -30px rgba(10,55,60,.25)}
.dhmt-sp-nobanner .dhmt-sp .dsb-banner{display:none!important}
.dhmt-sp-on .dhmt-sp .dsb-banner{border-radius:var(--sp-radius);margin:0 0 22px}
.dhmt-sp-on .dhmt-sp .dsb-related,.dhmt-sp-on .dhmt-sp .dsb-comments,.dhmt-sp-on .dhmt-sp .dsb-creator{max-width:none}

/* ---------- theme's own article (plugin off) ---------- */
.dhmt-sp-article{background:var(--sp-card);border:1px solid var(--sp-line);border-radius:var(--sp-radius);padding:40px clamp(18px,4vw,48px);box-shadow:0 22px 60px -30px rgba(10,55,60,.25);margin-bottom:30px}
.dhmt-sp-head{text-align:right;margin-bottom:22px}
.dhmt-sp-cat{display:inline-block;background:color-mix(in srgb,var(--sp-accent) 12%,#fff);color:var(--sp-accent);padding:4px 14px;border-radius:999px;font-size:13px;text-decoration:none;margin-bottom:12px}
.dhmt-sp-title{font-size:clamp(28px,3.4vw,44px);line-height:1.45;color:var(--sp-ink);margin:0 0 12px}
.dhmt-sp-meta{display:flex;flex-wrap:wrap;gap:6px 18px;color:var(--sp-muted);font-size:14px}
.dhmt-sp-meta span+span::before{content:"•";margin-inline-end:18px;opacity:.5}
.dhmt-sp-featured{margin:0 0 26px}
.dhmt-sp-featured img{width:100%;height:auto;border-radius:16px;display:block}
.dhmt-sp-content{font-size:19px;line-height:2}
.dhmt-sp-tags{margin-top:26px}
.dhmt-sp-comments{background:var(--sp-card);border:1px solid var(--sp-line);border-radius:var(--sp-radius);padding:30px}

/* ---------- sidebar ---------- */
.dhmt-sp-side{min-width:0}
.dhmt-sp-side-inner{display:flex;flex-direction:column;gap:20px}
.dhmt-side-box{background:var(--sp-card);border:1px solid var(--sp-line);border-radius:20px;padding:20px;box-shadow:0 14px 40px -28px rgba(10,55,60,.3)}
.dhmt-side-title{position:relative;font-size:18px;color:var(--sp-ink);margin:0 0 14px;padding-inline-start:14px}
.dhmt-side-title::before{content:"";position:absolute;inset-inline-start:0;top:.35em;bottom:.35em;width:4px;border-radius:4px;background:var(--sp-accent)}
.dhmt-side-search{padding:8px}
.dhmt-side-search form{display:flex;align-items:center;gap:6px;background:var(--sp-soft);border-radius:14px;padding:4px 4px 4px 4px}
.dhmt-side-search input{flex:1;min-width:0;border:0!important;background:transparent!important;padding:10px 12px!important;font:inherit;font-size:15px;outline:0;box-shadow:none!important;color:var(--sp-ink)}
.dhmt-side-search button{border:0;width:40px;height:40px;border-radius:11px;background:var(--sp-accent);color:#fff;display:grid;place-items:center;cursor:pointer;padding:0}

.dhmt-share-row{display:flex;flex-wrap:wrap;gap:8px}
.dhmt-share-row a,.dhmt-share-row button{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:var(--sp-soft);color:var(--sp-accent);border:1px solid var(--sp-line);cursor:pointer;transition:transform .15s,background .15s,color .15s;text-decoration:none;padding:0;font:inherit}
.dhmt-share-row a:hover,.dhmt-share-row button:hover{background:var(--sp-accent);color:#fff;transform:translateY(-2px)}
.dhmt-share-row .dhmt-share-copy{width:auto;padding:0 12px;display:flex;gap:6px;align-items:center;font-size:13px}
.dhmt-share-copy.is-copied{background:#16a34a;color:#fff}

.dhmt-recent-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px;counter-reset:r}
.dhmt-recent-list a{display:grid;grid-template-columns:76px minmax(0,1fr);gap:12px;align-items:center;text-decoration:none;color:inherit}
.dhmt-recent-img{display:block;aspect-ratio:1;border-radius:12px;overflow:hidden;background:color-mix(in srgb,var(--sp-accent) 14%,#fff);position:relative}
.dhmt-recent-img img{width:100%!important;height:100%!important;object-fit:cover;display:block;border-radius:0!important;transition:transform .35s}
.dhmt-recent-list a:hover img,.dhmt-sp-card:hover img{transform:scale(1.06)}
.dhmt-recent-ph{position:absolute;inset:0;display:grid;place-items:center;font-size:30px;color:var(--sp-accent);font-family:var(--dhmt-heading-font,inherit)}
.dhmt-recent-txt{display:flex;flex-direction:column;gap:3px;min-width:0}
.dhmt-recent-cat{font-size:11px;color:var(--sp-accent);font-weight:700}
.dhmt-recent-title{font-size:15px;line-height:1.6;color:var(--sp-ink);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.dhmt-recent-list a:hover .dhmt-recent-title{color:var(--sp-accent)}
.dhmt-recent-date{font-size:12px;color:var(--sp-muted)}
.dhmt-recent-list li.is-first a{grid-template-columns:1fr}
.dhmt-recent-list li.is-first .dhmt-recent-img{aspect-ratio:16/9}
.dhmt-recent-list li.is-first .dhmt-recent-title{font-size:17px}
.dhmt-recent-list li+li{padding-top:12px;border-top:1px dashed var(--sp-line)}

.dhmt-side-fontlist{display:flex;flex-direction:column;gap:8px}
.dhmt-side-font{display:flex;flex-direction:column;gap:2px;padding:12px 14px;border-radius:14px;background:var(--sp-soft);text-decoration:none;color:var(--sp-ink);border:1px solid transparent;transition:border-color .15s,transform .15s}
.dhmt-side-font:hover{border-color:var(--sp-accent);transform:translateX(-3px)}
.dhmt-side-font-prev{font-size:26px;line-height:1.5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dhmt-side-font-name{font-size:12px;color:var(--sp-muted);direction:ltr;text-align:right;font-family:system-ui,sans-serif}
.dhmt-side-font-name em{font-style:normal;background:#dcfce7;color:#166534;border-radius:99px;padding:0 6px;font-size:10px;margin-inline-start:4px}
.dhmt-side-more{display:inline-block;margin-top:12px;color:var(--sp-accent);text-decoration:none;font-weight:700;font-size:14px}

.dhmt-side-cta{position:relative;overflow:hidden;background:linear-gradient(135deg,var(--sp-accent),color-mix(in srgb,var(--sp-accent) 60%,#0b1f2a));color:#fff;border:0}
.dhmt-side-cta h3{color:#fff;font-size:20px;margin:0 0 6px;position:relative}
.dhmt-side-cta p{opacity:.9;margin:0 0 14px;font-size:14px;line-height:1.8;position:relative}
.dhmt-side-cta a{position:relative;display:inline-block;background:#fff;color:var(--sp-accent);border-radius:999px;padding:9px 18px;text-decoration:none;font-weight:700;font-size:14px}
.dhmt-side-cta-big{position:absolute;inset-inline-start:-10px;bottom:-40px;font-size:150px;line-height:1;opacity:.12;font-family:var(--dhmt-heading-font,inherit);pointer-events:none}

.dhmt-side-chips{display:flex;flex-wrap:wrap;gap:8px}
.dhmt-side-chips a{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;background:var(--sp-soft);color:var(--sp-ink);text-decoration:none;font-size:14px;border:1px solid var(--sp-line)}
.dhmt-side-chips a span{font-size:11px;color:var(--sp-muted);font-family:system-ui,sans-serif}
.dhmt-side-chips a:hover{background:var(--sp-accent);color:#fff}
.dhmt-side-chips a:hover span{color:#fff}
.dhmt-side-box.widget ul{margin:0;padding:0 18px 0 0}

/* more posts (wide layout) */
.dhmt-sp-more h2{font-size:24px;margin:10px 0 16px;color:var(--sp-ink)}
.dhmt-sp-more-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.dhmt-sp-card{display:flex;flex-direction:column;gap:8px;text-decoration:none;color:inherit;background:var(--sp-card);border:1px solid var(--sp-line);border-radius:18px;padding:10px}
.dhmt-sp-card .dhmt-recent-img{aspect-ratio:4/3}

/* reading progress */
.dhmt-sp-progress{position:fixed;top:0;left:0;right:0;height:3px;z-index:99990;pointer-events:none}
.admin-bar .dhmt-sp-progress{top:32px}
.dhmt-sp-progress span{display:block;height:100%;width:0;background:var(--dhmt-primary,#0a7c86);transform-origin:right;margin-inline-start:0;margin-left:auto}

/* sticky sidebar end boxes on big screens */
@media (min-width:1101px){
  .dhmt-sp-side-inner>.dhmt-side-cta{position:sticky;top:110px}
}
@media (max-width:1100px){
  .dhmt-sp-grid,.dhmt-sp--sidebar-right .dhmt-sp-grid{grid-template-columns:minmax(0,1fr)}
  .dhmt-sp--sidebar-right .dhmt-sp-side{order:0}
  .dhmt-sp-side-inner{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}
  .dhmt-side-search,.dhmt-side-share{grid-column:1/-1}
}
@media (max-width:782px){.admin-bar .dhmt-sp-progress{top:46px}}
@media (max-width:700px){
  .dhmt-sp{padding:18px 10px 50px}
  .dhmt-sp-side-inner{grid-template-columns:minmax(0,1fr)}
  .dhmt-sp-more-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .dhmt-sp-article{padding:24px 16px}
}

/* 4.7.1 headroom + breadcrumb */
.dhmt-sp-crumbs{max-width:var(--dhmt-sp-width,1240px);margin:0 auto;display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:30px 4px 24px;font-size:14px;color:var(--sp-muted)}
.dhmt-sp-crumbs.is-empty{padding:0;height:48px}
.dhmt-sp-crumbs a{display:inline-flex;align-items:center;gap:6px;color:var(--sp-accent);text-decoration:none;background:#fff;border:1px solid var(--sp-line);border-radius:999px;padding:5px 12px;transition:background .15s,color .15s}
.dhmt-sp-crumbs a:hover{background:var(--sp-accent);color:#fff}
.dhmt-sp-crumbs .sep{opacity:.45}
.dhmt-sp-crumbs .cur{max-width:min(60vw,520px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--sp-ink)}
@media (max-width:700px){.dhmt-sp-crumbs{padding:18px 2px 16px;font-size:13px}.dhmt-sp-crumbs .cur{display:none}.dhmt-sp-crumbs .sep:last-of-type{display:none}}
