/* Silberwacht – App-Hinweis und Belagerungs-Benachrichtigung (features/app.php) */
.guc-app-install {
  position: fixed; left: 50%; bottom: 16px; transform: translateX(-50%); z-index: 9990;
  width: min(520px, calc(100vw - 24px)); box-sizing: border-box;
  display: flex; align-items: center; gap: .8rem; flex-wrap: wrap;
  padding: .75rem .9rem; border-radius: 10px;
  background: var(--wp--preset--color--accent-5, #1C1813); color: var(--wp--preset--color--contrast, #F1E6CF);
  border: 1px solid var(--wp--preset--color--accent-1, #E2B04A); box-shadow: 0 10px 30px rgba(0, 0, 0, .55);
  font-size: .92rem; line-height: 1.35;
}
.guc-app-install img { flex: 0 0 auto; border-radius: 8px; }
.guc-app-install-text { flex: 1 1 12rem; display: flex; flex-direction: column; min-width: 0; }
.guc-app-install-text strong { font-family: var(--wp--preset--font-family--vollkorn, Georgia, serif); color: var(--wp--preset--color--accent-1, #E2B04A); font-size: 1.05rem; }
.guc-app-install-text span { opacity: .85; }
.guc-app-install-btns { display: flex; gap: .5rem; margin-left: auto; }
.guc-app-install .wp-element-button { padding: .45rem .9rem; font-size: .9rem; }
.guc-app-later {
  background: none; border: 1px solid rgba(205, 191, 164, .35); color: inherit; border-radius: 6px;
  padding: .4rem .8rem; font: inherit; font-size: .88rem; cursor: pointer;
}
.guc-app-later:hover { border-color: var(--wp--preset--color--accent-1, #E2B04A); }

.guc-app-notify {
  display: flex; align-items: center; gap: 1rem; flex-wrap: wrap; margin: 0 0 1.5rem;
  padding: .9rem 1.1rem; border-radius: 8px;
  background: var(--wp--preset--color--accent-5, #1C1813);
  border: 1px solid rgba(205, 191, 164, .25); border-left: 3px solid var(--wp--preset--color--accent-2, #8F1D14);
}
.guc-app-notify-text { flex: 1 1 16rem; display: flex; flex-direction: column; gap: .2rem; }
.guc-app-notify-text strong { font-family: var(--wp--preset--font-family--vollkorn, Georgia, serif); font-size: 1.1rem; color: var(--wp--preset--color--accent-1, #E2B04A); }
.guc-app-notify-text span { font-size: .92rem; opacity: .85; }
.guc-app-notify .wp-element-button.is-on { background: transparent; color: var(--wp--preset--color--contrast, #F1E6CF); border: 1px solid rgba(205, 191, 164, .45); }
@media (max-width: 480px) {
  .guc-app-install { bottom: 10px; }
  .guc-app-install-btns { width: 100%; justify-content: flex-end; }
  .guc-app-notify .wp-element-button { width: 100%; }
}
@media print { .guc-app-install { display: none; } }