/* Asbab blocks */
.asbab-cd { --cd-accent: var(--wp--preset--color--accent, #0E7C66); }
.asbab-cd__units { display: flex; gap: 12px; justify-content: center; flex-wrap: wrap; direction: ltr; }
.asbab-cd__unit { display: flex; flex-direction: column; align-items: center; min-width: 78px; }
.asbab-cd__num { font-size: clamp(1.8rem, 4vw, 2.8rem); font-weight: 800; line-height: 1.1; font-variant-numeric: tabular-nums; }
.asbab-cd__label { font-size: .8rem; opacity: .75; margin-top: 4px; direction: rtl; }
:root:not([dir="rtl"]) .asbab-cd__label, [dir="ltr"] .asbab-cd__label { direction: ltr; }
.asbab-cd--boxes .asbab-cd__unit { padding: 14px 10px 10px; border-radius: 14px; background: color-mix(in srgb, var(--cd-accent) 10%, transparent); }
.asbab-cd--boxes .asbab-cd__num { color: var(--cd-accent); }
.asbab-cd__done { text-align: center; font-weight: 700; margin: 0; }
.asbab-cd.is-done .asbab-cd__units { display: none; }

.asbab-counter__value { font-size: clamp(2.2rem, 5vw, 3.4rem); font-weight: 800; line-height: 1.1; color: var(--wp--preset--color--accent, #0E7C66); font-variant-numeric: tabular-nums; }
.asbab-counter__label { margin-top: 6px; opacity: .8; }
.asbab-counter.has-text-align-center { text-align: center; }
.asbab-counter.has-text-align-left { text-align: left; }
.asbab-counter.has-text-align-right { text-align: right; }
.asbab-counter[class*="has-text-color"] .asbab-counter__value { color: inherit; }

.asbab-tabs__nav { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 1.5rem; }
.asbab-tabs__btn { font: inherit; font-weight: 600; cursor: pointer; padding: .6em 1.3em; border-radius: 999px; border: 1.5px solid color-mix(in srgb, currentColor 18%, transparent); background: transparent; color: inherit; transition: background .2s, color .2s, border-color .2s; }
.asbab-tabs__btn:hover { border-color: var(--wp--preset--color--accent, #0E7C66); }
.asbab-tabs__btn.is-on { background: var(--wp--preset--color--accent, #0E7C66); border-color: var(--wp--preset--color--accent, #0E7C66); color: #fff; }
.asbab-tabs__btn:focus-visible { outline: 2px solid var(--wp--preset--color--accent, #0E7C66); outline-offset: 2px; }
.asbab-tabs--line .asbab-tabs__nav { gap: 0; border-bottom: 1px solid color-mix(in srgb, currentColor 15%, transparent); }
.asbab-tabs--line .asbab-tabs__btn { border: 0; border-radius: 0; border-bottom: 2.5px solid transparent; margin-bottom: -1px; }
.asbab-tabs--line .asbab-tabs__btn.is-on { background: none; color: var(--wp--preset--color--accent, #0E7C66); border-bottom-color: currentColor; }
.asbab-tab[hidden] { display: none; }
.asbab-tab > .asbab-tab__body > :first-child { margin-top: 0; }
/* Editor */
.asbab-tabs.is-editor .asbab-tab__title-edit { font-size: 12px; font-weight: 600; opacity: .6; padding: 4px 8px; margin-bottom: 8px; border: 1px dashed currentColor; border-radius: 6px; display: inline-block; min-width: 120px; }
.asbab-tabs__new { min-width: 2.6em; padding-inline: .8em; }