/*
 Theme Name: Rest-Polster Child
 Template: twentytwentyfive
 Author: Rest-Polster
 Version: 1.0
*/

/* Ribbon */
.ribbon {
  display:inline-block;
  background:linear-gradient(90deg, #253216, #2e3e1e);
  color:#fff;
  padding:6px 10px;
  border-radius:12px;
  box-shadow:0 6px 16px rgba(0,0,0,.20);
  font-weight:800;
}

/* Chips */
.chips { display:flex; flex-wrap:wrap; gap:8px; }
.chip {
  padding:8px 12px; border-radius:999px; background:rgba(255,255,255,.92);
  border:1px solid #e6dece; color:#4b463d; font-weight:700; font-size:14px;
  box-shadow:0 2px 10px rgba(0,0,0,.05); white-space:nowrap;
}

/* Before/After */
.ba { position:relative; border-radius:16px; overflow:hidden; box-shadow:0 6px 22px rgba(0,0,0,.12); user-select:none; touch-action:none; }
.ba img { display:block; width:100%; height:auto; }
.ba .resize { position:absolute; top:0; left:0; height:100%; overflow:hidden; width:50%; }
.ba .handle { position:absolute; top:0; bottom:0; left:50%; width:4px; background:#fff; box-shadow:0 0 0 1px rgba(0,0,0,.28); cursor:ew-resize; }
.ba .handle::before, .ba .handle::after { content:''; position:absolute; top:50%; transform:translateY(-50%); border:7px solid transparent; }
.ba .handle::before { left:-14px; border-left-color:#333; }
.ba .handle::after  { right:-14px; border-right-color:#333; }