/*
Theme Name: Norma Dent
Description: Легка block-тема для стоматології Norma Dent (Звягель).
Version: 0.1.1
Requires at least: 6.6
Requires PHP: 8.1
Text Domain: normadent
*/

/* Шапка липне до верху під час прокрутки.
   Розмиття фону винесено в ::before: якщо поставити backdrop-filter на саму шапку,
   мобільне меню (position:fixed) "замикається" всередині шапки й не розкривається на весь екран. */
.nd-header{position:sticky;top:0;z-index:50;border-bottom:1px solid var(--wp--preset--color--line)}
.nd-header::before{content:"";position:absolute;inset:0;z-index:-1;background:rgba(255,255,255,.94);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}

/* Мобільне меню на весь екран: великі пункти, зручно натискати пальцем */
.nd-header .wp-block-navigation__responsive-container.is-menu-open{padding:24px;background:var(--wp--preset--color--white)}
.nd-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container{gap:18px;align-items:flex-start}
.nd-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content{font-size:24px;font-weight:400}
.admin-bar .nd-header{top:32px}
@media (max-width:782px){.admin-bar .nd-header{top:46px}}

/* Логотип: монограма + розріджений напис */
.nd-logo{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--wp--preset--color--ink)}
.nd-logo img{height:34px;width:auto;display:block}
.nd-logo b{font-weight:400;font-size:15px;letter-spacing:.32em;line-height:1.2;display:block}
.nd-logo small{display:block;font-size:12px;color:var(--wp--preset--color--muted)}

.nd-phone a{text-decoration:none;font-weight:600;white-space:nowrap}
@media (max-width:600px){.nd-phone,.nd-header .wp-block-buttons{display:none}}

/* Hero: фото в арці з жовтим колом, як на логотипі */
.nd-hero{overflow:hidden}
.nd-arch{position:relative}
.nd-arch::before{content:"";position:absolute;width:78%;aspect-ratio:1;right:-8%;top:-6%;border-radius:50%;border:3px solid var(--wp--preset--color--gold);z-index:0}
.nd-arch .wp-block-image{position:relative;z-index:1;margin:0}
.nd-arch img{aspect-ratio:4/5;object-fit:contain;padding:22%;border-radius:999px 999px 28px 28px;width:100%;background:var(--wp--preset--color--tint);border:1px solid var(--wp--preset--color--line)}
/* коли поставите справжнє фото — додайте блоку класу nd-photo, і воно заповнить арку */
.nd-arch .nd-photo img{object-fit:cover;padding:0}

/* Посилання у футері без підкреслення */
.nd-footer a{text-decoration:none}
.nd-footer a:hover{text-decoration:underline}