/* Clock — centered & bigger */
.wp-clock {
  display: inline-flex;
  flex-direction: column;
  align-items: center;          /* center horizontally */
  text-align: center;           /* center text */
  gap: 0.3rem;
  font-variant-numeric: tabular-nums;
  line-height: 1.1;
}

.wp-clock__label {
  font-size: 1rem;              /* was 0.85em */
  opacity: 0.8;
}

.wp-clock__time {
  /* BIGGER: desktop max ~5rem, scales with viewport */
  font-size: clamp(2.25rem, 7vw, 5rem);  /* was clamp(1.25rem, 2.8vw, 2.4rem) */
  font-weight: 700;                       /* a bit bolder */
  letter-spacing: 0.02em;
}

.wp-clock__date {
  font-size: clamp(1rem, 2.2vw, 1.5rem); /* was 0.92em */
  opacity: 0.85;
}


/* Chill Timer — centered & bigger */
.wp-chilltimer {
  --ct-bg: #f7f8fa;
  --ct-fg: #222;
  --ct-muted: #667085;
  --ct-accent: #6b8afd;
  --ct-border: #e6e8ee;

  display: inline-flex;
  flex-direction: column;
  align-items: center;          /* center block */
  text-align: center;           /* center text */
  gap: 0.75rem;                 /* a little more breathing room */
  padding: 1.1rem 1.25rem;      /* slightly bigger padding */
  border: 1px solid var(--ct-border);
  border-radius: 1rem;
  background: var(--ct-bg);
  color: var(--ct-fg);
  min-width: 320px;             /* was 260px */
  box-shadow: 0 6px 20px rgba(20, 24, 40, 0.06);
}

.wp-ct__header {
  display: flex; align-items: center; justify-content: center; /* center the label row */
  width: 100%;
}

.wp-ct__label {
  font-size: 1.1rem;            /* was 0.95rem */
  font-weight: 700;
  color: var(--ct-muted);
}

.wp-ct__display {
  font-variant-numeric: tabular-nums;
  font-weight: 800;
  /* BIGGER: desktop max ~3rem */
  font-size: clamp(4rem, 4.5vw, 5rem);   /* was clamp(1.6rem, 3vw, 2.2rem) */
}

.wp-ct__controls {
  display: flex; gap: 0.6rem; flex-wrap: wrap; justify-content: center;
}

.wp-ct__btn {
  appearance: none; border: 1px solid var(--ct-border);
  background: white; color: var(--ct-fg);
  padding: 0.5rem 0.9rem;       /* slightly bigger buttons */
  border-radius: 0.7rem; cursor: pointer;
  transition: transform 0.05s ease, box-shadow 0.15s ease;
}

.wp-ct__btn:hover { box-shadow: 0 4px 12px rgba(20,24,40,0.08); }
.wp-ct__btn:active { transform: translateY(1px); }

.wp-ct__inputs {
  display: flex; align-items: center; gap: 0.5rem; justify-content: center;
}

.wp-ct__input {
  width: 10.5ch;                /* was 9ch */
  padding: 0.45rem 0.6rem; 
  border-radius: 0.5rem;
  border: 1px solid var(--ct-border); 
  font-variant-numeric: tabular-nums;
}