/*
Theme Name: Pozdnyakova Help
Theme URI: https://pozdnyakova-help.ru
Author: OpenAI
Description: Современная тема WordPress для психолога.
Version: 1.0
Requires at least: 6.8
Tested up to: 7.0
Text Domain: pozdnyakova
*/

*,
*::before,
*::after{
    box-sizing:border-box;
}

html{
scroll-behavior:smooth;
}

body{
margin:0;
padding:0;
font-family:Inter,sans-serif;
background:#faf8f4;
color:#333;
line-height:1.7;
}

img{
    max-width:100%;
    height:auto;
    display:block;
}

h1,h2,h3{
font-family:Cormorant Garamond,serif;
font-weight:600;
}

.btn{
display:inline-block;
padding:16px 34px;
background:#cbb79d;
color:#fff;
border-radius:40px;
text-decoration:none;
transition:.3s;
}

.btn:hover{
background:#b49b79;
transform:translateY(-3px);
}

section{
padding:90px 0;
}

.site-header{
position:fixed;
top:0;
left:0;
width:100%;
z-index:999;
background:rgba(255,255,255,.85);
backdrop-filter:blur(14px);
transition:.3s;
border-bottom:1px solid rgba(0,0,0,.05);
}

.header-container{
display:flex;
align-items:center;
justify-content:space-between;
height:90px;
}

.logo-text{
display:flex;
flex-direction:column;
text-decoration:none;
}

.logo-title{
font-size:28px;
font-family:"Cormorant Garamond",serif;
font-weight:600;
color:#333;
}

.logo-subtitle{
font-size:14px;
color:#8a7b6b;
}

.main-menu{
display:flex;
gap:35px;
list-style:none;
margin:0;
padding:0;
}

.main-menu a{
text-decoration:none;
color:#444;
font-weight:500;
transition:.3s;
}

.main-menu a:hover{
color:#b89d79;
}

.btn-header{
padding:14px 28px;
background:#cbb79d;
color:#fff;
border-radius:40px;
text-decoration:none;
transition:.3s;
}

.btn-header:hover{
background:#b39a78;
}

.burger{
display:none;
background:none;
border:none;
cursor:pointer;
}

.burger span{
display:block;
width:28px;
height:3px;
background:#444;
margin:5px 0;
border-radius:3px;
}

.mobile-menu{
position:fixed;
top:90px;
left:-100%;
width:100%;
height:calc(100vh - 90px);
background:#fff;
transition:.35s;
padding:40px;
z-index:998;
}

.mobile-menu.active{
left:0;
}

.mobile-menu-list{
list-style:none;
padding:0;
margin:0;
}

.mobile-menu-list li{
margin:18px 0;
}

.mobile-menu-list a{
font-size:22px;
text-decoration:none;
color:#333;
}

.btn-mobile{
display:inline-block;
margin-top:40px;
padding:15px 30px;
background:#cbb79d;
color:#fff;
border-radius:40px;
text-decoration:none;
}

@media(max-width:992px){

.main-navigation{
display:none;
}

.header-buttons{
display:none;
}

.burger{
display:block;
}

}