/*
 Theme Name: Kadence Child
 Theme URI: https://example.com
 Description: Дочерняя тема для Kadence (врачи, услуги).
 Author: Your Team
 Template: kadence
 Version: 1.0.0
 Text Domain: kadence-child
*/

/* Палитра из макета */
:root{
  --brand:#08626E;      /* Primary Teal */
  --brand-700:#2B4C51;  /* Teal Dark */
  --brand-400:#407982;  /* Teal Mid */
  --gray-50:#B4BBB6;    /* Light bg */
  --gray-300:#979E9C;   /* borders */
  --gray-700:#606060;   /* text */
  --accent:#F8E80C;     /* yellow accent */
  --radius:14px;
}

/* Базовые мелочи по сайту */
a{ color:var(--brand); }
a:hover{ color:var(--brand-700); }
button, .button, .wp-element-button{ border-radius:var(--radius); }

/* Мобильная верхняя строка Kadence: один под одним + центрирование */
@media (max-width: 768px){
  #mobile-header.site-mobile-header .site-header-upper-wrap .site-top-header-inner-wrap{
    display:block !important; /* ломаем grid/flex темы у этого контейнера */
  }
  #mobile-header.site-mobile-header .site-header-upper-wrap .site-top-header-inner-wrap .site-header-section{
    width:100% !important;
    text-align:center !important;
    padding:6px 0;
  }
  /* для читаемости на темном фоне */
  #mobile-header.site-mobile-header .site-header-upper-wrap .site-top-header-inner-wrap,
  #mobile-header.site-mobile-header .site-header-upper-wrap .site-top-header-inner-wrap a{
    color:#fff !important;
  }
  #mobile-header.site-mobile-header .site-header-upper-wrap .site-top-header-inner-wrap a:hover{
    color:#F8E80C !important;
  }
}

/* Контейнер */
.mobile-stack{
  display:block;
  text-align:center;
  padding:10px 0;
  color:#fff;
}

/* Телефон */
.mobile-stack .ms-phone{
  display:inline-block;
  font-weight:700;
  font-size:18px;
  text-decoration:none;
  color:#fff;
  margin:4px 0 8px;
}

/* Часы */
.mobile-stack .ms-hours{
  font-size:14px;
  line-height:1.4;
  opacity:.9;
  margin-bottom:10px;
}

/* ==== Гаттеры и центрирование для сетки врачей ==== */
/* работает и для шорткода [doctors], и для блока */
.lorc-doctors-grid{
  box-sizing:border-box;
  padding-left:16px;
  padding-right:16px;
  max-width:1200px;
  margin-left:auto;
  margin-right:auto;
  gap:24px; /* на всякий случай — равномерные промежутки */
}

/* внутренняя набивка карточки, чтобы контент не лип к границам */
.lorc-doctor-link{
  padding:16px;
}

/* на маленьких ширинах — побольше боковые поля, чтобы пальцем удобно */
@media (max-width: 480px){
  .lorc-doctors-grid{
    padding-left:20px;
    padding-right:20px;
    gap:16px;
  }
  .lorc-doctor-link{ padding:14px; }
}

/* если блок вставлен как alignwide/alignfull — тоже даём гаттеры */
.wp-block-lorclinic-doctor-grid.alignfull .lorc-doctors-grid,
.wp-block-lorclinic-doctor-grid.alignwide .lorc-doctors-grid{
  padding-left: min(4vw, 24px);
  padding-right: min(4vw, 24px);
}

/* ==== Страница одного врача: безопасные поля по бокам + центрирование ==== */
.doctor-single{
  box-sizing:border-box;
  padding-left:16px;
  padding-right:16px;
  max-width:1000px;
  margin-left:auto;
  margin-right:auto;
}

@media (max-width: 480px){
  .doctor-single{ padding-left:20px; padding-right:20px; }
}

/* Чуть скруглим миниатюру и подровняем отступы заголовков */
.lorc-doctor-photo img{ border-radius:12px; }
.lorc-doctor-name{ margin-top:12px; margin-bottom:6px; }

.archive.post-type-archive-doctor .doctors-grid{
  padding-left:16px; padding-right:16px; box-sizing:border-box;
  max-width:1200px; margin:0 auto;
}
@media (max-width:560px){
  .archive.post-type-archive-doctor .doctors-grid{
    padding-left:20px; padding-right:20px;
  }
}