/* Modern Prayer Times Widget (scoped & theme-safe) */

.gebetszeiten-widget.gt-card{
  max-width:560px;
  margin:18px 0;
  padding:16px 16px 12px;
  border-radius:18px;
  border:1px solid rgba(0,0,0,.08);
  background:rgba(255,255,255,.92);
  box-shadow:0 10px 30px rgba(0,0,0,.06);
  backdrop-filter:blur(6px);
  -webkit-backdrop-filter:blur(6px);
}

.gebetszeiten-widget .gt-header{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  margin-bottom:12px;
}

.gebetszeiten-widget .gt-title-main{
  font-weight:800;
  font-size:18px;
  letter-spacing:.2px;
}

.gebetszeiten-widget .gt-sub{
  font-size:13px;
  opacity:.75;
  margin-top:4px;
}

.gebetszeiten-widget .gt-chip{
  font-size:12px;
  padding:6px 10px;
  border-radius:999px;
  border:1px solid rgba(0,0,0,.10);
  background:rgba(0,0,0,.03);
  white-space:nowrap;
}

.gebetszeiten-widget .gt-nextbar{
  display:flex;
  align-items:baseline;
  justify-content:space-between;
  gap:10px;
  padding:10px 12px;
  border-radius:14px;
  border:1px solid rgba(0,0,0,.10);
  background:rgba(0,0,0,.03);
  margin-bottom:12px;
}

.gebetszeiten-widget .gt-next-label{
  font-size:12px;
  text-transform:uppercase;
  letter-spacing:.9px;
  opacity:.75;
}

.gebetszeiten-widget .gt-next-value{
  font-size:14px;
  font-weight:600;
  display:flex;
  flex-wrap:wrap;
  justify-content:flex-end;
  gap:6px;
}

.gebetszeiten-widget .gt-sep{ opacity:.45; }

.gebetszeiten-widget .gt-countdown{
  font-variant-numeric:tabular-nums;
  padding:2px 8px;
  border-radius:999px;
  border:1px solid rgba(0,0,0,.12);
  background:rgba(255,255,255,.65);
}

.gebetszeiten-widget .gt-list{
  display:grid;
  gap:6px;
}

.gebetszeiten-widget .gt-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:10px 12px;
  border-radius:14px;
  border:1px solid rgba(0,0,0,.08);
  background:rgba(255,255,255,.70);
}

.gebetszeiten-widget .gt-left{
  display:flex;
  align-items:center;
  gap:10px;
  min-width:0;
}

.gebetszeiten-widget .gt-name{
  font-size:15px;
  font-weight:650;
  opacity:.9;
}

.gebetszeiten-widget .gt-time{
  font-size:15px;
  font-weight:800;
  font-variant-numeric:tabular-nums;
}

.gebetszeiten-widget .gt-badge{
  font-size:12px;
  padding:3px 8px;
  border-radius:999px;
  border:1px solid rgba(0,0,0,.12);
  background:rgba(0,0,0,.04);
  white-space:nowrap;
}

/* Highlight next prayer */
.gebetszeiten-widget .gt-row.is-next{
  border-color:rgba(0,0,0,.18);
  background:rgba(0,0,0,.04);
  box-shadow:0 10px 22px rgba(0,0,0,.08);
}

.gebetszeiten-widget .gt-row.is-next .gt-badge{
  background:rgba(0,0,0,.08);
  border-color:rgba(0,0,0,.18);
}

/* Mobile */
@media (max-width:520px){
  .gebetszeiten-widget.gt-card{ padding:14px 12px 10px; border-radius:16px; }
  .gebetszeiten-widget .gt-nextbar{ flex-direction:column; align-items:flex-start; }
  .gebetszeiten-widget .gt-next-value{ justify-content:flex-start; }
}

/* Dark mode */
@media (prefers-color-scheme:dark){
  .gebetszeiten-widget.gt-card{
    background:rgba(255,255,255,.04);
    border-color:rgba(255,255,255,.14);
    box-shadow:0 16px 40px rgba(0,0,0,.45);
  }
  .gebetszeiten-widget .gt-chip,
  .gebetszeiten-widget .gt-nextbar,
  .gebetszeiten-widget .gt-row{
    border-color:rgba(255,255,255,.12);
    background:rgba(255,255,255,.04);
  }
  .gebetszeiten-widget .gt-countdown{
    background:rgba(0,0,0,.25);
    border-color:rgba(255,255,255,.14);
    
    .gebetszeiten-widget .gt-actions{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  margin: 8px 0 12px;
}

.gebetszeiten-widget .gt-btn{
  appearance:none;
  border:1px solid rgba(0,0,0,.12);
  background: rgba(0,0,0,.03);
  border-radius: 999px;
  padding: 8px 12px;
font-size: 0.8rem!important;
  cursor: pointer;
}

.gebetszeiten-widget .gt-btn:disabled{
  opacity:.6;
  cursor: not-allowed;
}

.gebetszeiten-widget .gt-search{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  align-items:center;
  margin: 0 0 12px;
}

.gebetszeiten-widget .gt-input{
  flex: 1 1 240px;
  border:1px solid rgba(0,0,0,.12);
  border-radius: 12px;
  padding: 9px 10px;
  font-size: 0.8rem;
  background: rgba(255,255,255,.65);
}

.gebetszeiten-widget .gt-hint{
  width:100%;
  font-size: 0.6rem;
  opacity:.7;
  margin-top: -4px;
}

/* Fix Theme font: inherit Einfluss */
.gebetszeiten-widget .gt-btn{
  font-family: inherit;
  font-size: 0.8rem!important;
  line-height: 1.2;
}

.gebetszeiten-widget{
font-size: 0.8rem!important;
}

.gebetszeiten-widget button.gt-btn{
  font: 0.8rem/1.2 system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif !important;
}


  }
}