/*
Theme Name: Dental Store
Description: Редактируемая блочная тема в стиле DentalMarket.
Version: 1.1.0
Requires at least: 6.4
Text Domain: dental-store
*/

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');

:root { --dental-muted: #71809b; --dental-blue: var(--dental-accent, #0878f9); }
* { box-sizing: border-box; }
body { margin: 0; min-width: 320px; }
body, .wp-site-blocks { min-height: 100vh; }
.wp-site-blocks { display: flex; flex-direction: column; }
.wp-site-blocks > * { margin-block-start: 0; }
a { text-decoration: none; }
:focus-visible { outline: 3px solid #74b5ff; outline-offset: 2px; }

.dental-site-header { background: #fff; border-bottom: 1px solid var(--dental-border, #e2eaf5); box-shadow: 0 2px 14px #16305e08; }
.dental-header-main, .dental-header-nav > .wp-block-group, .dental-footer-inner { width: min(1320px, calc(100% - 56px)); max-width: none !important; margin: 0 auto; }
.dental-header-main { min-height: 76px; gap: 36px; }
.dental-brand { display: inline-flex; align-items: center; gap: 9px; margin: 0; font-size: 23px; font-weight: 800; letter-spacing: -.04em; white-space: nowrap; }
.dental-brand::before { content: ''; flex: 0 0 39px; height: 39px; border-radius: 12px; background: var(--dental-blue) url('assets/stethoscope.svg') center / 24px no-repeat; }
.dental-brand a { color: #101729; }
.dental-header-caption { max-width: 190px; margin: 0; padding-left: 24px; border-left: 1px solid var(--dental-border, #e2eaf5); color: var(--dental-muted); font-size: 13px; line-height: 1.4; }
.dental-header-actions { margin-left: auto; gap: 28px; }
.dental-header-actions .wp-block-navigation { font-size: 14px; font-weight: 600; }
.dental-header-actions .wp-block-navigation a, .dental-cart-link { color: var(--dental-text, #101b35); }
.dental-header-actions a:hover, .dental-cart-link:hover { color: var(--dental-blue); }
.dental-cart-link { position: relative; display: inline-flex; align-items: center; gap: 8px; white-space: nowrap; font-size: 14px; font-weight: 600; }
.dental-cart-icon { font-size: 19px; line-height: 1; }
.dental-cart-badge:not(:empty) { position: absolute; top: -13px; left: 12px; display: grid; place-items: center; min-width: 20px; height: 20px; padding: 0 4px; border: 2px solid #fff; border-radius: 50%; background: var(--dental-blue); color: #fff; font-size: 11px; font-weight: 700; }
.dental-header-nav { border-top: 1px solid #edf2f8; }
.dental-category-nav { display: flex; align-items: center; gap: 30px; min-height: 50px; overflow-x: auto; scrollbar-width: none; }
.dental-category-nav::-webkit-scrollbar { display: none; }
.dental-category-nav a { flex: none; color: #455773; font-size: 13px; font-weight: 600; white-space: nowrap; }
.dental-category-nav a:first-child, .dental-category-nav a:hover, .dental-category-nav a[aria-current="page"] { color: var(--dental-blue); }

.dental-main { flex: 1; width: 100%; max-width: none !important; padding: 24px 28px 80px; }
.dental-main > .wp-block-post-content { width: min(1320px, 100%); max-width: none !important; margin: 0 auto; }
.dental-main h1 { margin: 5px 0 7px; font-size: clamp(29px, 3vw, 40px); line-height: 1.12; letter-spacing: -.045em; }
.dental-page-intro { margin-bottom: 25px; }
.dental-page-intro p { margin: 0; color: var(--dental-muted); font-size: 15px; }
.dental-page-intro .dental-eyebrow { color: var(--dental-blue); text-transform: uppercase; font-size: 11px; font-weight: 800; letter-spacing: .14em; }
.dental-breadcrumb { margin: 0 0 24px; color: #8190aa; font-size: 13px; }
.dental-breadcrumb a { color: inherit; }
.dental-breadcrumb a:hover { color: var(--dental-blue); }
.dental-catalog-layout { display: grid !important; grid-template-columns: 260px minmax(0, 1fr); gap: 22px; align-items: start; }
.dental-catalog-layout > * { min-width: 0; margin: 0 !important; }
.dental-catalog-content > *:first-child { margin-top: 0; }

.dental-site-footer { background: #fff; border-top: 1px solid var(--dental-border, #e2eaf5); }
.dental-footer-inner { min-height: 100px; gap: 30px; }
.dental-footer-inner p { color: var(--dental-muted); font-size: 13px; }
.dental-footer-inner p:last-child { margin-left: auto; font-weight: 700; }
.dental-footer-inner a { color: var(--dental-blue); }

@media (max-width: 800px) {
  .dental-header-main, .dental-header-nav > .wp-block-group, .dental-footer-inner { width: min(100% - 36px, 1320px); }
  .dental-header-main { gap: 14px; }
  .dental-header-caption { display: none; }
  .dental-header-actions { gap: 14px; }
  .dental-catalog-layout { grid-template-columns: 1fr; }
  .dental-main { padding: 22px 18px 56px; }
}
@media (max-width: 560px) {
  .dental-brand { font-size: 20px; }
  .dental-brand::before { flex-basis: 34px; height: 34px; border-radius: 10px; }
  .dental-header-main { min-height: 68px; }
  .dental-cart-link > span:nth-child(2) { display: none; }
  .dental-category-nav { gap: 20px; }
  .dental-footer-inner { padding: 18px 0; gap: 10px; }
  .dental-footer-inner p:not(:last-child) { display: none; }
}