/* =========================================
   КІНОПОРТАЛ — Contact Admin (mobile-first)
   Оновлено: 2025-10-24
========================================= */

:root{
  --bg-grad-from:#f4f4f4;
  --bg-grad-to:#e0e7ff;
  --card-bg:#ffffff;
  --card-border:#e0e0e0;
  --card-shadow: 0 5px 15px rgba(0,0,0,.2);
  --text:#1A2526;
  --muted:#34495e;
  --accent:#3498db;
  --accent-2:#87CEEB;
  --accent-hover:#2980b9;
  --ok:#27ae60;
  --err:#c0392b;
  --ok-bg:#e7f7e7;
  --err-bg:#f7e7e7;
  --radius: 15px;
}

/* База для сторінки */
html,body{ height:100%; }
body{
  font-family: Arial, sans-serif;
  background: linear-gradient(90deg, var(--bg-grad-from), var(--bg-grad-to));
  margin:0; padding:0;
  min-height:100vh; display:flex; flex-direction:column;
}

/* Обгортка */
.contact-admin-wrap{
  flex:1; display:flex; align-items:center; justify-content:center;
  padding: clamp(16px, 3vw, 40px);
}

/* Карточка */
.contact-admin-container{
  width: min(720px, 100%);
  padding: clamp(20px, 3.2vw, 30px);
  background: var(--card-bg);
  border-radius: var(--radius);
  border:1px solid var(--card-border);
  box-shadow: var(--card-shadow);
}

.contact-admin-container h1{
  margin:0 0 16px 0;
  text-align:center;
  color: var(--text);
  font-size: clamp(22px, 4.8vw, 28px);
  font-weight: 700;
  text-shadow: 1px 1px 2px rgba(0,0,0,.06);
}

/* Стани повідомлень */
.msg{
  margin: 0 0 14px 0;
  padding: 12px 14px;
  border-radius: 10px;
  font-weight: 600;
  text-align: center;
}
.msg--success{ color:#0f5132; background: var(--ok-bg); border:1px solid #bfe8cf; }
.msg--error{ color:#842029; background: var(--err-bg); border:1px solid #f5c2be; }

/* Форма */
form{ display:flex; flex-direction:column; gap:14px; }

.form-row{ display:flex; flex-direction:column; gap:6px; }
.form-row label{
  font-weight:600; color: var(--muted); font-size: 15px;
}
.form-row input[type="email"],
.form-row select,
.form-row textarea{
  padding: 12px;
  border: 2px solid var(--accent-2);
  border-radius: 10px;
  font-size: 16px; line-height: 1.4;
  width: 100%;
  background: #f9f9f9;
  color: #111827;
  transition: border-color .2s, box-shadow .2s;
}
.form-row input[type="email"]::placeholder,
.form-row textarea::placeholder{ color:#6b7280; }

.form-row input[type="email"]:focus,
.form-row select:focus,
.form-row textarea:focus{
  outline:none;
  border-color: var(--accent);
  box-shadow: 0 0 0 3px rgba(52,152,219,.15);
}

.form-row textarea{
  min-height: 200px;
  resize: vertical;
}

/* Honeypot (не видно для людей/скрінрідерів) */
.honeypot{
  position:absolute !important;
  left:-99999px !important;
  width:1px; height:1px; overflow:hidden;
}

/* Кнопка */
.submit-button{
  display:inline-flex; align-items:center; justify-content:center;
  padding: 12px 16px;
  background: linear-gradient(90deg, var(--accent), var(--accent-2));
  color:#fff; border:none; border-radius: 12px;
  font-weight:700; font-size:16px; cursor: pointer;
  transition: filter .2s, transform .08s ease-in-out, box-shadow .2s;
  min-height: 44px; /* зручна для тача */
  box-shadow: 0 6px 14px rgba(52,152,219,.25);
}
.submit-button:hover{
  filter: brightness(1.03);
}
.submit-button:active{ transform: scale(.98); }

/* Адаптив */
@media (max-width: 520px){
  .contact-admin-container{ padding: 18px; }
}