/*
Theme Name: Дантист
Theme URI: https://example.com/dentalux
Author: Aristeria
Description: Тема стоматологической клиники ООО «Дантист» (г. Сортавала), свёрстанная по макету. Шесть разделов: главная, услуги, врачи, цены, о клинике, контакты. Реквизиты правятся в «Внешний вид → Настроить → Клиника», фото врачей кладутся в assets/doctors/.
Version: 1.1.0
Requires at least: 6.0
Requires PHP: 7.4
License: GPLv2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: dentalux
*/

*{box-sizing:border-box}
body{margin:0;font-family:'Onest',system-ui,sans-serif;color:#0f1f18;background:#f6f9f7;-webkit-font-smoothing:antialiased}
a{color:#178a5e;text-decoration:none}
a:hover{color:#0f5c3e}
button{font-family:inherit;cursor:pointer}
::selection{background:#bfe6d3}
svg{display:block}
@keyframes floatIn{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
@keyframes pulseRing{0%{box-shadow:0 0 0 0 rgba(23,138,94,.42)}70%{box-shadow:0 0 0 15px rgba(23,138,94,0)}100%{box-shadow:0 0 0 0 rgba(23,138,94,0)}}
@keyframes drift{0%,100%{transform:translate(0,0)}50%{transform:translate(14px,-18px)}}
input,textarea,select{font-family:inherit}
.burg{display:none}
/* инлайновый display в разметке перебивает штатное правило браузера для [hidden] */
[hidden]{display:none!important}

/* ——— интерактивные состояния (в макете задавались через style-hover/style-focus) ——— */
.dl-nav-btn:hover{background:#eaf4ef}
.dl-btn-primary:hover{background:#0f6f49}
.dl-btn-outline:hover{border-color:#178a5e;color:#0f6f49}
.dl-more:hover{gap:10px}
.dl-card-feature:hover{border-color:#c8e2d5;transform:translateY(-4px);box-shadow:0 16px 36px rgba(15,60,42,.08)}
.dl-card-svc:hover{box-shadow:0 14px 34px rgba(15,60,42,.1);transform:translateY(-3px)}
.dl-card-doc:hover{box-shadow:0 16px 38px rgba(15,60,42,.12);transform:translateY(-3px)}
.dl-svc-row:hover{border-color:#c8e2d5;box-shadow:0 14px 34px rgba(15,60,42,.08)}
.dl-price-row:hover{background:#fafcfb}
.dl-foot-link:hover{color:#fff}
.dl-fab:hover{transform:scale(1.08)}
.dl-input:focus{border-color:#178a5e;outline:none}

/* ——— уведомление о cookie ——— */
.dl-cookie-box{flex-wrap:nowrap}
@media(max-width:820px){
  .dl-cookie-box{flex-wrap:wrap!important;gap:16px!important;padding:18px 20px!important}
  .dl-cookie-box .dl-cookie-actions{width:100%}
  .dl-cookie-box .dl-cookie-actions button{flex:1}
}

/* ——— правовые страницы ——— */
.dl-legal{font-size:15px;line-height:1.68;color:#3d4a43}
.dl-legal h2{font-family:'Fraunces',serif;font-size:22px;font-weight:600;color:#0f1f18;margin:32px 0 12px;line-height:1.25}
.dl-legal h2:first-child{margin-top:0}
.dl-legal p{margin:0 0 12px}
.dl-legal ul{margin:0 0 14px;padding-left:22px}
.dl-legal li{margin-bottom:7px}
.dl-legal b{color:#0f1f18}
.dl-legal a{text-decoration:underline;text-underline-offset:2px}

@media(max-width:960px){
  .desk-nav{display:none!important}
  .burg{display:flex!important}
  .g4{grid-template-columns:repeat(2,1fr)!important}
  .g3{grid-template-columns:repeat(2,1fr)!important}
  .hero-grid,.contacts-grid,.form-grid{grid-template-columns:1fr!important}
  .cta-row{flex-direction:column;align-items:flex-start!important}
  .hero-h1{font-size:44px!important}
  .foot-grid{grid-template-columns:1fr 1fr!important}
}
@media(max-width:640px){
  .g4,.g3,.g2,.about3,.about2,.principles2{grid-template-columns:1fr!important}
  .hero-h1{font-size:34px!important}
  .sec-h1{font-size:34px!important}
  .sec-h2{font-size:28px!important}
  .pad-sec{padding-left:16px!important;padding-right:16px!important}
  .head-phone{display:none!important}
  .cta-pad{padding:32px 22px!important}
  .steps-pad{padding:36px 22px!important}
  .foot-grid{grid-template-columns:1fr!important}
}