/* Kuma Countdown Sidebar - frontend */
.kuma-cd-list { display: grid; gap: 12px; }

.kuma-cd-box{
  display:flex;
  flex-direction: column;
  align-items: stretch;
  gap: 10px;
  background:#1f2630;
  border-radius:14px;
  padding:16px 16px;
  /* box-shadow removed */: 0 1px 0 rgba(0,0,0,.18), 0 10px 20px rgba(0,0,0,.12);
  color:#fff;
}

.kuma-cd-title{
  font-weight:700;
  font-size: 30px;
  line-height: 1.1;
  letter-spacing: .2px;
}

.kuma-cd-main{
  display:flex;
  align-items:flex-end;
  justify-content:center;
  gap: 12px;
}

.kuma-cd-unit{
  font-weight:700;
  font-size: 46px;
  line-height: 1;
}

.kuma-cd-digits{
  display:flex;
  align-items:center;
  justify-content:center;
  gap: 10px;
}

.kuma-cd-digit{
  width: 74px;
  height: 120px;
}

.kuma-cd-digit .seg.off{ fill: rgba(123,150,90,.22); }
.kuma-cd-digit .seg.on{ fill: #ffffff; }

/* Sidebar friendliness */
.widget .kuma-cd-box{ padding: 14px 14px; }
.widget .kuma-cd-title{
  font-size: 20px;
  line-height: 1.15;
}

/* Unit tuning in widget */
.widget .kuma-cd-unit{
  font-size: 32px;
}

/* Prevent sidebar overflow: smaller digits + tighter gap */
.widget .kuma-cd-main{ gap: 8px; }
.widget .kuma-cd-digits{ gap: 6px; }
.widget .kuma-cd-digit{ width: 56px; height: 92px; }

/* === Final layout adjustment === */

.kuma-cd-box {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 2px;
    background: #2f3237;
    border-radius: 8px;
    padding: 16px 16px;
    color: #fff;
}
.widget .kuma-cd-title {
    font-size: 18px;
    line-height: 1;
    text-align: center;
    margin-bottom: 4px;
}


/* === v1.2.0 font-based countdown === */
.kuma-cd-days {
    display: flex;
    justify-content: center;
    align-items: baseline;
    gap: 4px;
}
.kuma-cd-num {
    font-family: 'Roboto Mono', monospace;
    font-size: 56px;
    font-weight: 700;
    line-height: 1;
}
.kuma-cd-unit {
    font-family: 'Roboto Mono', monospace;
    font-size: 20px;
}


/* === 1.3.0: Use Roboto Mono for numbers (no SVG) === */
.kuma-cd-main{
    display:flex;
    justify-content:center;
    align-items:flex-end;
    gap: 6px;
}
.kuma-cd-number{
    font-family: 'Roboto Mono', ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    font-weight: 700;
    font-size: 56px;
    line-height: 1;
    letter-spacing: 0.5px;
    text-align:center;
}
.kuma-cd-unit{
    font-size: 20px;
    line-height: 1.1;
    padding-bottom: 6px;
    opacity: .95;
}
.widget .kuma-cd-number{
    font-size: 48px;
}


/* === Unit size adjustment (sidebar) === */
.widget .kuma-cd-unit {
    font-size: 24px;
    padding-bottom: 3px;
}


/* === Ensure number + unit stay on one row === */
.kuma-cd-count{
    display:flex;
    align-items:flex-end;
    justify-content:center;
    gap:8px;
    line-height:1;
}

.widget .kuma-cd-unit{
    font-size:24px;
    padding-bottom:3px;
}


/* === Row alignment adjustment === */
.kuma-cd-row {
    display: flex;
    align-self: anchor-center;
    align-items: self-end;
}

.widget .kuma-cd-unit {
    font-size: 22px;
    padding: 0 0 3px 3px;
}