/*
Theme Name: LZPS Theme Dev
Theme URI: https://doctorsby.com
Author: Your Name / Company
Author URI: https://doctorsby.com
Description: Custom WordPress block theme for Doctors for Truth and Justice (LZPS).
Version: 0.1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: lzps-theme
Tags: block-theme, accessibility-ready, custom-colors, custom-logo, custom-menu, editor-style, featured-images, full-site-editing, responsive-layout, translation-ready, wide-blocks

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

/* CSS Будет подключен через functions.php */

/* ===================== Legislation Documents ===================== */
.legislation-documents .legislation-item {
  margin-bottom: 2rem;
}

.legislation-documents .doc-links {
  margin-top: 0.5rem;
  font-size: 1rem;
}

.legislation-documents .doc-links a {
  color: #666;
  font-weight: 600;
  text-decoration: none;
}

.legislation-documents .doc-links a:hover {
  text-decoration: underline;
}

.legislation-documents hr {
  border: none;
  border-top: 1px solid #e0e0e0;
  margin: 1.5rem 0;
}

/* ===================== Legislation ===================== */
.doc-section-title {
  margin-top: 3rem;
  margin-bottom: 1rem;
  font-size: 1.5rem;
  font-weight: 700;
  border-bottom: 1px solid #999;
  padding-bottom: 0.3rem;
}

.legislation-item {
  margin-bottom: 1.5rem;
}

.legislation-item .doc-title {
  margin: 0.25rem 0 0.5rem;
  font-size: 1.125rem;
}

.legislation-item .doc-excerpt {
  font-size: 0.95rem;
  color: #333;
  margin-bottom: 0.25rem;
}

.legislation-item hr {
  /* Чтобы расстояние было одинаковым и сверху, и снизу */
  margin: 1.5rem 0;
}

/* ===================== Footer Social Icons ===================== */
.social-links-wrapper {
  text-align: right;
}

.social-links-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  gap: 1rem;
  justify-content: flex-end; /* выравнивание вправо */
}

.social-links-list .social-icon {
  color: #ffffff;
  font-size: 1.75rem;
  line-height: 1;
  transition: opacity 0.2s ease;
}

.social-links-list .social-icon:hover {
  opacity: 0.8;
}

/* ===================== Footer Contact Form ===================== */
.footer-contact-wrapper {
  background:#ffffff;
  padding:3rem 0;
  border-bottom:none;
}

.footer-contact-wrapper .doc-section-title {
  font-size:2rem;
  font-weight:700;
  margin:0 0 1.5rem 0;
  color:#a3252c;
}

/* Layout: 2-column flex for name/email */
.footer-contact-wrapper .wpforms-field-container{
  display:flex;
  flex-wrap:wrap;
  gap:1.5rem;
}

.footer-contact-wrapper .wpforms-field-name,
.footer-contact-wrapper .wpforms-field-email{
  flex:1 1 calc(50% - 0.75rem);
  box-sizing:border-box;
}

.footer-contact-wrapper .wpforms-field-textarea,
.footer-contact-wrapper .wpforms-submit-container{
  flex:1 1 100%;
}

/* Hide English labels */
.footer-contact-wrapper .wpforms-field-label{display:none!important;}

/* Blue borders */
.footer-contact-wrapper input[type="text"],
.footer-contact-wrapper input[type="email"],
.footer-contact-wrapper textarea{
  border:2px solid #a3252c;
  border-radius:4px;
  padding:0.5rem 0.75rem;
  width:100%;
  box-sizing:border-box;
}

/* Center button and color */
.footer-contact-wrapper .wpforms-submit-container{text-align:center;}
.footer-contact-wrapper .wpforms-submit-container button[type="submit"]{
  background:#a3252c;
  color:#fff;
  border:none;
  padding:0.6rem 2rem;
  border-radius:4px;
  font-weight:600;
  cursor:pointer;
  transition:background 0.2s ease;
}
.footer-contact-wrapper .wpforms-submit-container button[type="submit"]:hover{background:#8c1f28;}

/* Убираем горизонтальные разделители, попадающие перед формой */
hr.wp-block-separator,
hr.wpforms-field-hr,
.footer-contact-wrapper hr {
  display: none;
}

/* ===================== Contact Form Alignment Fixes ===================== */
/* 1. Ограничиваем ширину контейнера формы и выравниваем по центру,
      чтобы совпадало с остальными секциями (видео и др.) */
#wpforms-13676 {
  max-width: 100% !important;
  margin: 0;
}

/* 2. Размещаем поля «Имя» и «Электронная почта» в одну строку */
#wpforms-13676 .wpforms-field-container {
  display: flex;
  flex-wrap: wrap;
  gap: 1.5rem;
}

#wpforms-13676 .wpforms-field-name,
#wpforms-13676 .wpforms-field-email {
  flex: 1 1 calc(50% - 0.75rem);
  box-sizing: border-box;
}

#wpforms-13676 .wpforms-field-textarea,
#wpforms-13676 .wpforms-submit-container {
  flex: 1 1 100%;
}

/* 3. Убираем горизонтальную линию под заголовком «Связаться с нами» */
#wpforms-13676 hr,
#wpforms-13676 .wpforms-field-hr,
.footer-contact-wrapper + hr {
  display: none;
}

/* === Hotfix: выравниваем форму точно по колонке контента === */
/* Снимаем прежнее ограничение ширины и отступы у самого тега form */
#wpforms-13676 {
  max-width: 100% !important;
  margin: 0;
}

/* Ограничиваем и центрируем ВЕСЬ wrapper, чтобы совпадал с колонкой (как .alignwide) */
.footer-contact-wrapper {
  max-width: var(--wp--style--global--wide-size, 1200px);
  margin-left: auto;
  margin-right: auto;
}

/* сброс внутреннего паддинга: используем стандартный .row/.col */
.footer-contact-wrapper.container{
  padding-left:15px;
  padding-right:15px;
}

/* базовое правило: все поля на всю ширину */
.footer-contact-wrapper .wpforms-field{
  flex:1 1 100%;
  max-width:100%;
}

/* имя и почта в две колонки на десктопе */
.footer-contact-wrapper .wpforms-field-name,
.footer-contact-wrapper .wpforms-field-email{
  flex:1 1 calc(50% - 0.75rem);
  max-width:calc(50% - 0.75rem);
}

@media(max-width:767px){
  .footer-contact-wrapper .wpforms-field-name,
  .footer-contact-wrapper .wpforms-field-email{
    flex:1 1 100%;
    max-width:100%;
  }
}

/* textarea полная ширина */
.footer-contact-wrapper .wpforms-field-textarea{
  flex:1 1 100%!important;
  max-width:100%!important;
}

/* Уточняем отступы между полями: только горизонтальный gap */
.footer-contact-wrapper .wpforms-field-container{
  column-gap:1.5rem;
  row-gap:0;
}
/* Убираем margin/padding у полей чтобы не было вертикальных зазоров */
.footer-contact-wrapper .wpforms-field{
  margin:0 !important;
  padding:0 !important;
}

/* Лейблы голубого цвета как рамка/кнопка */
.footer-contact-wrapper .wpforms-field-label{
  color:#a3252c !important;
}

/* Квадратные инпуты с постоянной синей рамкой */
.footer-contact-wrapper input[type="text"],
.footer-contact-wrapper input[type="email"],
.footer-contact-wrapper textarea{
  border:2px solid #a3252c !important;
  border-radius:0 !important;
  outline:none;
}

/* Кнопка submit тоже синяя, квадратная */
.footer-contact-wrapper .wpforms-submit-container button[type="submit"]{
  background:#a3252c !important;
  border-radius:0 !important;
  border:none;
}

/* === Contact form final tweaks === */
/* 1. Убираем линию под заголовком */
.footer-contact-wrapper .doc-section-title{
  border-bottom:none;
  margin-bottom:1rem;
}

/* 2. Показываем лейблы */
.footer-contact-wrapper .wpforms-field-label{
  display:block!important;
  font-weight:600;
  margin-bottom:0.4rem;
  color:#a3252c;
}

/* 3. Гибкая сетка: 2 колонки на десктопе, 1 колонка на мобильных */
.footer-contact-wrapper .wpforms-field{
  flex:1 1 calc(50% - 0.75rem);
  max-width:calc(50% - 0.75rem);
  box-sizing:border-box;
}
@media (max-width:767px){
  .footer-contact-wrapper .wpforms-field{
    flex:1 1 100%;
    max-width:100%;
  }
}

/* Сбрасываем ограничение 60% у .wpforms-field-medium */
#wpforms-13676 .wpforms-field-medium {
  max-width: 100% !important;
  width: 100% !important;
}

.visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap; /* added line */
  border: 0;
}

.footer-contact-wrapper .wpforms-submit-container button[type="submit"]{
  margin-top: 20px !important;
}

/* Убираем верхний margin у секции Видео */
.video-section {
  margin-top: 0 !important;
}