/* ===== Позиция контейнера ===== */
@media (min-width: 561px){
  #caf-toasts{
    position: fixed !important;
    top: 16px !important;
    right: 16px !important;
    left: auto !important;
    bottom: auto !important;
    transform: none !important;
    z-index: 10000 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;
  }
}
@media (max-width: 560px){
  #caf-toasts{
    position: fixed !important;
    top: 12px !important;
    left: 50% !important;
    right: auto !important;
    transform: translateX(-50%) !important;
    z-index: 10000 !important;
    display: flex !important;
    gap: 10px !important;
  }
}

/* ===== Базовый вид ===== */
.caf-toast{
  position: relative;
  display: block !important;
  max-width: min(92vw, 520px);
  padding: 12px 42px 12px 18px;           /* 👈 комфортный отступ слева */
  border-radius: 14px;
  color: #fff !important;
  border: 1px solid rgba(255,255,255,.12) !important;
  box-shadow: 0 12px 30px rgba(0,0,0,.18);
  overflow: hidden;
  line-height: 1.35;
}

/* Реальное «стекло» там, где доступно */
.caf-toast{
  background: rgba(28,28,30,.78) !important;
  -webkit-backdrop-filter: saturate(180%) blur(16px);
  backdrop-filter: saturate(180%) blur(16px);
}

/* Фолбэк для движков без backdrop-filter (напр. старый Firefox) */
@supports not ((-webkit-backdrop-filter: blur(2px)) or (backdrop-filter: blur(2px))){
  .caf-toast{
    background: linear-gradient(180deg, rgba(60,60,67,.78), rgba(28,28,30,.78)) !important;
    /* лёгкая “шумовая” тень чтобы имитировать рассеяние */
    box-shadow: 0 10px 24px rgba(0,0,0,.22);
  }
}

/* Светлая схема — светлое стекло */
@media (prefers-color-scheme: light){
  .caf-toast{
    background: rgba(255,255,255,.86) !important;
    color: #111 !important;
    border-color: rgba(0,0,0,.08) !important;
    box-shadow: 0 10px 24px rgba(0,0,0,.12) !important;
  }
}

/* Цветовая полоска слева (iOS-like) */
.caf-toast.caf-status  { box-shadow: inset 4px 0 0 0 #34C759, 0 12px 30px rgba(0,0,0,.18) !important; }
.caf-toast.caf-warning { box-shadow: inset 4px 0 0 0 #FF9F0A, 0 12px 30px rgba(0,0,0,.18) !important; }
.caf-toast.caf-error   { box-shadow: inset 4px 0 0 0 #FF3B30, 0 12px 30px rgba(0,0,0,.18) !important; }

/* Кнопка закрытия */
.caf-toast-close{
  position: absolute;
  top: 6px; right: 8px;
  width: 28px; height: 28px;
  border: 0; background: transparent;
  font-size: 20px; line-height: 1;
  color: rgba(255,255,255,.9);
  cursor: pointer;
}
.caf-toast-close:hover{ color:#fff; }
@media (prefers-color-scheme: light){
  .caf-toast-close{ color: rgba(0,0,0,.55); }
  .caf-toast-close:hover{ color: rgba(0,0,0,.8); }
}

/* Текстовый блок — запас справа под крестик */
.caf-toast-text{ margin-right: 16px; }

/* На очень узких — чутка крупнее текст */
@media (max-width: 560px){
  .caf-toast{ font-size: 15px; }
}

/* ===== Скрываем системные сообщения (как было) ===== */
body:not(.path-admin) [data-drupal-messages] .messages,
body:not(.path-admin) [data-drupal-messages] .alert{
  display: none !important;
}

/* Гарантируем видимость контейнера тостов */
#caf-toasts{
  position: fixed !important;
  visibility: visible !important;
  display: flex !important;
}