/* Carlton-Europe — Auswahl im Stil des Hauses: Listen, Kalender, Uhrzeit (assets/js/auswahl.js, auf allen Seiten geladen).
   Helle Karte mit doppelter Goldlinie, Namen in der Titelschrift, gewählt im Blau des Hauses. Keine Punkte, kein Weichzeichner,
   Bewegung nur über transform. Farben und Rundungen aus main.css (:root). */

/* ---------- Feld: der Knopf liegt in derselben Rasterzelle wie das echte Feld und übernimmt dessen Schrift ---------- */
.cw{position:relative;display:grid;min-width:0;width:100%}
.cw > *{grid-area:1/1;min-width:0}
.cw-nativ{opacity:0!important;pointer-events:none!important}
.cw-knopf{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;min-width:0;padding:0;margin:0;border:0;border-radius:4px;background:none;text-align:left;cursor:pointer;-webkit-appearance:none;appearance:none;-webkit-tap-highlight-color:transparent}
.cw-wert{flex:1 1 auto;min-width:0;font:inherit;font-weight:inherit;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cw-knopf--leer .cw-wert{opacity:.6}
.cw-winkel{flex:none;width:13px;height:8px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;opacity:.62;transition:transform .4s var(--e2)}
.cw-knopf[aria-expanded="true"] .cw-winkel{transform:rotate(180deg)}
.cw-knopf:focus-visible{outline:1.5px solid var(--gold);outline-offset:5px}
/* Felder mit eigenem Pfeil im Hintergrund (form.blatt): der Pfeil des Knopfs genügt */
form.blatt .feld .cw select{background-image:none;padding-right:0}

/* ---------- Karte ---------- */
.cw-pop{position:fixed;z-index:2147483000;left:0;top:0;max-width:calc(100vw - 16px);pointer-events:none}
.cw-pop__in{pointer-events:auto;background:var(--weiss);color:var(--tinte);border-radius:20px;padding:11px;outline:0;
  box-shadow:0 0 0 1px rgba(138,117,69,.7),inset 0 0 0 4px var(--weiss),inset 0 0 0 5px rgba(138,117,69,.36),0 34px 50px -26px rgba(3,10,24,.8),0 6px 14px -6px rgba(3,10,24,.34);
  transform:translateY(-10px) scale(.975);transform-origin:50% 0;transition:transform .36s var(--e1)}
.cw-pop--oben .cw-pop__in{transform:translateY(10px) scale(.975);transform-origin:50% 100%}
.cw-pop--auf .cw-pop__in{transform:none}

/* ---------- Liste ---------- */
.cw-liste{max-height:min(52vh,340px);overflow-y:auto;overscroll-behavior:contain;margin:0;padding:0;list-style:none;scrollbar-width:thin;scrollbar-color:rgba(138,117,69,.5) transparent}
.cw-liste li{padding:11px 16px;border-radius:12px;font-family:var(--serif);font-size:1.02rem;line-height:1.28;letter-spacing:.01em;cursor:pointer;-webkit-user-select:none;user-select:none}
.cw-liste li + li{margin-top:2px}
.cw-liste li.cw-hier{background:rgba(138,117,69,.16)}
.cw-liste li[aria-selected="true"]{background:var(--blau);color:var(--weiss);box-shadow:inset 0 1px 0 rgba(255,255,255,.16),inset 0 0 0 1px rgba(220,198,143,.55)}
.cw-liste li[aria-disabled="true"]{opacity:.38;cursor:default}

/* ---------- Kalender ---------- */
.cw-pop--kal{width:min(336px,calc(100vw - 16px))}
.cw-pop--kal .cw-pop__in{padding:16px 16px 14px}
.cw-kal__kopf{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:10px}
.cw-kal__monat{margin:0;font-family:var(--serif);font-size:1.16rem;line-height:1.1;letter-spacing:.012em;text-align:center}
.cw-kal__monat b{font-weight:400;color:var(--blau);text-transform:capitalize}
.cw-kal__pf{flex:none;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;color:var(--tinte);cursor:pointer;
  background:linear-gradient(180deg,#fffdf7,#f3ead6 50%,#e0d2b6);box-shadow:inset 0 1px 0 #fff,inset 0 -1px 0 rgba(110,88,44,.3),0 0 0 1px rgba(138,117,69,.4),0 6px 9px -6px rgba(3,10,24,.5);transition:transform .3s var(--e2)}
.cw-kal__pf:hover{transform:translateY(-1px)}
.cw-kal__pf:active{transform:scale(.94)}
.cw-kal__pf svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:1.5}
.cw-kal__pf--zur svg{transform:scaleX(-1)}
.cw-kal__tage,.cw-kal__raster{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:2px}
.cw-kal__tage span{padding:6px 0 7px;text-align:center;font-family:var(--mono);font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--taupe)}
.cw-kal__tage{border-bottom:1px solid rgba(138,117,69,.3);margin-bottom:6px}
.cw-tag{aspect-ratio:1;min-height:36px;display:grid;place-items:center;border-radius:50%;font:500 .98rem var(--sans);color:var(--tinte);cursor:pointer;font-variant-numeric:tabular-nums;transition:background .2s}
.cw-tag:hover,.cw-tag:focus-visible{background:rgba(138,117,69,.18);outline:0}
.cw-tag--heute{box-shadow:inset 0 0 0 1.5px var(--taupe)}
.cw-tag--nacht{background:rgba(220,198,143,.42);border-radius:8px}
.cw-tag--ende{background:rgba(18,48,94,.16)}
.cw-tag[aria-pressed="true"],.cw-tag[aria-pressed="true"]:hover{background:var(--blau);color:var(--weiss);box-shadow:inset 0 1px 0 rgba(255,255,255,.18),inset 0 0 0 1px rgba(220,198,143,.6)}
.cw-tag:disabled{opacity:.26;cursor:default;background:none}

/* ---------- Uhrzeit ---------- */
.cw-pop--zeit{width:min(216px,calc(100vw - 16px))}
.cw-zeit{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:6px}
.cw-zeit__sp{height:228px;overflow-y:auto;overscroll-behavior:contain;display:grid;gap:2px;align-content:start;padding:2px;scrollbar-width:none}
.cw-zeit__sp::-webkit-scrollbar{display:none}
.cw-zeit__punkt{font-family:var(--serif);font-style:normal;font-size:1.3rem;color:var(--taupe)}
.cw-z{height:40px;border-radius:12px;font-family:var(--serif);font-size:1.08rem;color:var(--tinte);cursor:pointer;font-variant-numeric:tabular-nums;transition:background .2s}
.cw-z:hover,.cw-z:focus-visible{background:rgba(138,117,69,.18);outline:0}
.cw-z[aria-selected="true"]{background:var(--blau);color:var(--weiss);box-shadow:inset 0 1px 0 rgba(255,255,255,.18),inset 0 0 0 1px rgba(220,198,143,.6)}
.cw-z:disabled{opacity:.26;cursor:default}

@media (prefers-reduced-motion:reduce){.cw-pop__in,.cw-winkel{transition:none}}
@media print{.cw-pop{display:none}}