/* pandabu V2.0.4 RC16.266 — simplified Vorsorge navigation + shopping planning */

/* The three primary Vorsorge tabs are now always the first module below the page header.
   On Übersicht the explanatory hero follows the tabs instead of pushing them down. */
.emergency-tabs + .emergency-hero{margin-top:14px}

/* Einkaufsplanung: one calm decision instead of two text-heavy cards. */
.rc266-shopping-choice{gap:12px}
.rc266-shopping-choice .rc265-shopping-choice-head>strong{font-size:1.08rem;line-height:1.25}
.rc266-shopping-choice .rc265-shopping-choice-head>small{font-size:.8rem}
.rc266-shopping-actions{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px}
.rc266-shopping-option{position:relative;min-width:0}
.rc266-method-main{width:100%;min-width:0;min-height:54px;padding-left:14px;padding-right:42px;font-size:.96rem;font-weight:800}
.rc266-method-main:disabled{opacity:.45;cursor:not-allowed}
.rc266-method-info{position:absolute;right:9px;top:50%;transform:translateY(-50%);width:28px;height:28px;border-radius:999px;border:1px solid rgba(255,255,255,.45);background:rgba(8,15,20,.34);color:inherit;font-size:.82rem;font-weight:900;line-height:1;display:grid;place-items:center;z-index:2;padding:0}
.rc266-method-info:focus-visible{outline:2px solid var(--accent,#14b8a6);outline-offset:2px}
.rc266-shopping-switch-note{display:block;text-align:center;color:var(--muted,#9aa4af);font-size:.73rem;line-height:1.35;margin-top:-2px}
.rc266-preview-destination{padding-top:2px}
.rc266-preview-destination .emergency-shopping-destination{margin:0}

/* Compact, accessible information popups for the two methods. */
.rc266-info-modal{position:fixed;inset:0;z-index:10050;display:grid;place-items:center;padding:20px}
.rc266-info-modal[hidden]{display:none!important}
.rc266-info-backdrop{position:absolute;inset:0;border:0;background:rgba(0,0,0,.58);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}
.rc266-info-card{position:relative;width:min(430px,100%);border-radius:22px;border:1px solid rgba(148,163,184,.28);background:var(--panel,#20262d);box-shadow:0 24px 70px rgba(0,0,0,.45);padding:22px 22px 20px;display:grid;gap:8px}
.rc266-info-card .eyebrow{font-size:.68rem;letter-spacing:.12em;color:var(--accent,#14b8a6);font-weight:850}
.rc266-info-card h3{font-size:1.22rem;line-height:1.2;margin:0;padding-right:34px}
.rc266-info-card p{margin:2px 0 0;color:var(--muted,#aab2bd);line-height:1.5;font-size:.92rem}
.rc266-info-close{position:absolute;right:12px;top:12px;width:34px;height:34px;border:0;border-radius:999px;background:rgba(148,163,184,.13);color:inherit;font-size:1.35rem;display:grid;place-items:center;padding:0}

@media(max-width:760px){
  .emergency-tabs + .emergency-hero{margin-top:12px}
  .rc266-shopping-choice{padding:14px}
  /* Explicitly stay side-by-side on phones as requested. */
  .rc266-shopping-actions{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px}
  .rc266-method-main{min-height:52px;font-size:.9rem;padding-left:9px;padding-right:36px}
  .rc266-method-info{right:6px;width:26px;height:26px;font-size:.78rem}
  .rc266-info-modal{padding:14px}
  .rc266-info-card{border-radius:19px;padding:20px 18px 18px}
}