/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Sep 03 2025 | 06:00:59 */
/* === ЕДИНЫЙ ВИД ДЛЯ SUBSCRIBE + JETPACK FORM === */
:root{
  --form-glass-bg: rgba(255,255,255,.15);   /* фон полупрозрачный */
  --form-fg:       rgba(255,255,255,.90);   /* текст внутри поля — светлый */
  --form-border:   rgba(255,255,255,.70);   /* рамка — светлая */
  --form-focus:    rgba(255,255,255,.28);   /* подсветка при фокусе */
}

/* Поля подписки Jetpack (e-mail) — острые углы + светлые цвета */
.wp-block-jetpack-subscriptions input[type="email"],
.jetpack_subscription_widget input[type="email"],
.widget_jetpack_subscriptions input[type="email"]{
  background: var(--form-glass-bg) !important;
  color: var(--form-fg) !important;
  border: 1px solid var(--form-border) !important;
  border-radius: 0 !important;               /* ← острые углы */
  outline: none;
  transition: box-shadow .2s ease, border-color .2s ease;
}

/* Поля Jetpack Form (контактная форма) — те же правила */
.wp-block-jetpack-contact-form input[type="text"],
.wp-block-jetpack-contact-form input[type="email"],
.wp-block-jetpack-contact-form input[type="url"],
.wp-block-jetpack-contact-form input[type="tel"],
.wp-block-jetpack-contact-form input[type="number"],
.wp-block-jetpack-contact-form input[type="date"],
.wp-block-jetpack-contact-form input[type="time"],
.wp-block-jetpack-contact-form textarea,
.wp-block-jetpack-contact-form select,
.jetpack-contact-form input[type="text"],
.jetpack-contact-form input[type="email"],
.jetpack-contact-form input[type="url"],
.jetpack-contact-form input[type="tel"],
.jetpack-contact-form input[type="number"],
.jetpack-contact-form input[type="date"],
.jetpack-contact-form input[type="time"],
.jetpack-contact-form textarea,
.jetpack-contact-form select {
  background: var(--form-glass-bg) !important;
  color: var(--form-fg) !important;
  border: 1px solid var(--form-border) !important;
  border-radius: 0 !important;               /* ← острые углы */
  padding: 12px 14px;
  box-sizing: border-box;
  outline: none;
  transition: box-shadow .2s ease, border-color .2s ease;
}

/* Фокус одинаковый */
.wp-block-jetpack-subscriptions input[type="email"]:focus,
.wp-block-jetpack-contact-form input:focus,
.wp-block-jetpack-contact-form textarea:focus,
.wp-block-jetpack-contact-form select:focus,
.jetpack-contact-form input:focus,
.jetpack-contact-form textarea:focus,
.jetpack-contact-form select:focus {
  border-color: var(--form-border) !important;
  box-shadow: 0 0 0 3px var(--form-focus);
}

/* Плейсхолдер — светлый */
.wp-block-jetpack-subscriptions ::placeholder,
.wp-block-jetpack-contact-form ::placeholder,
.jetpack-contact-form ::placeholder{
  color: rgba(255,255,255,.65);
}

/* Автозаполнение — без белой заливки */
.wp-block-jetpack-subscriptions input[type="email"]:-webkit-autofill,
.wp-block-jetpack-contact-form input:-webkit-autofill,
.jetpack-contact-form input:-webkit-autofill{
  -webkit-box-shadow: 0 0 0 1000px var(--form-glass-bg) inset !important;
  -webkit-text-fill-color: var(--form-fg) !important;
  transition: background-color 5000s ease-in-out 0s;
}
/* Firefox */
.wp-block-jetpack-contact-form input:-moz-autofill{
  box-shadow: 0 0 0 1000px var(--form-glass-bg) inset !important;
}

/* цвет подписей в полях Jetpack Form (в т.ч. плавающих) */
:root{ --form-label: var(--form-placeholder, rgba(255,255,255,.90)); }

/* Базовый цвет label в форме */
.wp-block-jetpack-contact-form label,
.jetpack-contact-form label,
.contact-form .grunion-field-wrap > label,
.contact-form .grunion-field-wrap .grunion-field-label,
.contact-form label .required,
.contact-form label span.required {
  color: var(--form-label) !important;
  opacity: 1;
}

/* Если лейбл расположен после поля (часто так делают для «плавания») */
.contact-form .grunion-field-wrap input + label,
.contact-form .grunion-field-wrap textarea + label,
.contact-form .grunion-field-wrap select + label {
  color: var(--form-label) !important;
}

/* Сохраняем тот же цвет в состояниях фокуса/заполненности */
.contact-form .grunion-field-wrap:focus-within > label,
.contact-form .grunion-field-wrap.is-active > label,
.contact-form .grunion-field-wrap.has-value > label {
  color: var(--form-label) !important;
}