/* style.css – v1.3.0 */

/* WRAP + BUTTON */
.dilly-popup-wrap{display:flex;width:100%;margin:10px 0}
.dilly-align--left{justify-content:flex-start}
.dilly-align--center{justify-content:center}
.dilly-align--right{justify-content:flex-end}

.dilly-btn{cursor:pointer;border:1px solid #1f2937;background:#111827;color:#fff;border-radius:10px;padding:10px 14px;line-height:1;transition:.2s;font-weight:600}
.dilly-btn--secondary{background:#fff;color:#111827}
.dilly-btn--outline{background:transparent;color:#111827;border:2px solid #111827}
.dilly-btn--link{background:transparent;color:#111827;border:0;padding:0}
.dilly-btn--sm{padding:8px 12px;font-size:14px}
.dilly-btn--md{padding:10px 14px;font-size:16px}
.dilly-btn--lg{padding:12px 18px;font-size:18px}
.dilly-btn:hover{transform:translateY(-1px);opacity:.95}

/* MODAL */
.dilly-modal{position:fixed;inset:0;z-index:2147480000;display:none}
.dilly-modal[aria-hidden="false"]{display:block}

.dilly-overlay{position:absolute;inset:0;background:var(--dilly-overlay, rgba(0,0,0,.55));backdrop-filter:saturate(140%) blur(3px)}
.dilly-window{
  position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);
  max-width:640px;width:92vw;max-height:86vh;overflow:auto;
  background:var(--dilly-modal-bg,#111);border:1px solid var(--dilly-modal-border,#2a2b2d);
  border-radius:14px;box-shadow:0 20px 60px rgba(0,0,0,.45);padding:0;
  outline:none;
}

/* CLOSE */
.dilly-close{
  position:absolute;top:30px;right:30px;border:0;background:var(--dilly-close-bg,#e1ff00);
  color:var(--dilly-close-text,#111);width:38px;height:38px;border-radius:999px;cursor:pointer;
  font-weight:700;line-height:32px;text-align:center;transition:transform .15s ease
}
.dilly-close:hover{transform:rotate(90deg) scale(1.05)}

/* HEADER */
.dilly-header{padding:30px 30px 0px 30px;background:var(--dilly-header-bg,#111);border-bottom:1px solid var(--dilly-modal-border,#2a2b2d)}
.dilly-header h3{margin:0;font-size:30px;color:var(--dilly-header-text,#fff);font-weight:700}

/* CONTENT */
.dilly-content{padding:30px;color:var(--dilly-content-text,#e6e6e6)}
.dilly-content a{color:var(--dilly-link-text,#e6e6e6);text-decoration:none;border-bottom:1px dotted transparent}
.dilly-content a:hover{color:var(--dilly-link-hover,#e1ff00);border-bottom-color:var(--dilly-link-hover,#e1ff00)}


/* SCROLL LOCK */
html.dilly-locked, body.dilly-locked{overflow:hidden}

/* ============================
   UL.LIST (clean card style)
   ============================ */

.dilly-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 12px;
}

.dilly-list li {
  margin: 0;
  padding: 0;
  list-style: none;
}

.dilly-list a {
  display: block;
  width: 100%;
  background: #fff;
  border: 1px solid #e2e8f0;
  border-radius: 10px;
  padding: 14px 18px;
  font-weight: 600;
  font-size: 17px;
  color: #0a4c9a; /* dunkles Blau wie im Screenshot */
  text-decoration: none;
  transition: all 0.15s ease;
  line-height: 1.3;
  box-shadow: 0 1px 1px rgba(0,0,0,0.03);
}

.dilly-list a:hover {
  background: #f8fafc;
  border-color: #cbd5e1;
  transform: translateY(-1px);
}

/* Responsive feel */
@media (hover: none) {
  .dilly-list a:hover {
	transform: none;
  }
}


/* === Modal: internes Scrollen + schöner Scrollbar === */

/* Body-Scroll hart sperren, keine Scroll-Verkettung */
html.dilly-locked,
body.dilly-locked {
  overflow: hidden;
  overscroll-behavior: none;
}

/* Scroll nur im Fenster */
.dilly-window{
  position: fixed;
  top: 50%; left: 50%;
  transform: translate(-50%, -50%);
  max-width: 640px; width: 92vw;
  max-height: min(86vh, 720px);
  overflow: auto;                    /* <- internes Scrollen */
  -webkit-overflow-scrolling: touch; /* iOS momentum */
  overscroll-behavior: contain;      /* stoppt Scroll-Chain */
  background: var(--dilly-modal-bg,#fff);
  border: 1px solid var(--dilly-modal-border,#e5e7eb);
  border-radius: 14px;
  box-shadow: 0 20px 60px rgba(0,0,0,.45);
  outline: none;
}

/* schicker, dezenter Scrollbar */
.dilly-window::-webkit-scrollbar { width: 10px; }
.dilly-window::-webkit-scrollbar-track { background: transparent; }
.dilly-window::-webkit-scrollbar-thumb {
  background: rgba(0,0,0,.18);
  border-radius: 10px;
  border: 2px solid transparent;
  background-clip: content-box;
}
.dilly-window:hover::-webkit-scrollbar-thumb { background: rgba(0,0,0,.28); background-clip: content-box; }
.dilly-window { scrollbar-width: thin; scrollbar-color: rgba(0,0,0,.28) transparent; }