/* Sussex Hair Clinic – accessibility + template polish (loaded after page styles) */

/* Keyboard focus: visible on light and dark sections */
html body :focus-visible{outline:3px solid #1E3D38;outline-offset:3px;box-shadow:0 0 0 3px #fff}

/* Tap targets (>=44px) */
html body .shc-link{display:inline-flex;align-items:center;min-height:44px}
html body #colophon .shc-f li a{display:inline-block;padding:9px 0}
html body #colophon .site-bottom-footer-wrap a{display:inline-block;padding:10px 4px}
html body #mobile-toggle{min-width:44px;min-height:44px}
html body .post-navigation a,html body .entry-actions a,html body nav.pagination a{display:inline-flex;align-items:center;min-height:44px}

/* "Book an Appointment" is a real button in both menus (beats the theme's menu colours) */
html body .header-navigation .header-menu-container ul.menu > li.menu-item-1768 > a,
html body .header-navigation .header-menu-container ul.menu > li.menu-item-1768 > a:hover,
html body .header-navigation .header-menu-container ul.menu > li.menu-item-1768.current-menu-item > a,
html body #mobile-site-navigation .menu-item-1768 > a,
html body #mobile-site-navigation .menu-item-1768 > a:hover,
html body #mobile-site-navigation .menu-item-1768.current-menu-item > a{color:#2A2822 !important;background:#B8863F !important}
@media (min-width:1025px){
  html body .header-navigation .header-menu-container ul.menu > li.menu-item-1768 > a{padding:.7em 1.3em;border-radius:6px;font-weight:600}
  html body .header-navigation .header-menu-container ul.menu > li.menu-item-1768 > a:hover{opacity:.92}
}
html body #mobile-site-navigation .menu-item-1768 > a{display:flex;align-items:center;justify-content:center;text-align:center;border-radius:6px;font-weight:600;margin-top:14px;min-height:50px}

/* Phone row at the top of the mobile menu */
.shc-drawer-call{padding:0 0 18px;margin:0 0 8px;border-bottom:1px solid #E2DCCB}
.shc-drawer-call a{display:flex;flex-direction:column;gap:2px;padding:14px 18px;border:2px solid #1E3D38;border-radius:8px;text-decoration:none;color:#1E3D38}
.shc-drawer-call .l{font-size:15px;font-weight:600}
.shc-drawer-call .n{font-family:"Baskervville",serif;font-size:30px;line-height:1.1;color:#1E3D38}

/* Blog index hero in the brand's forest band */
html body .post-archive-hero-section .entry-hero-container-inner{background:#1E3D38}
html body .post-archive-hero-section .hero-section-overlay{display:none}
html body .post-archive-hero-section .hero-container{padding-top:56px;padding-bottom:56px}
html body .post-archive-hero-section .page-title{font-family:"Baskervville",serif;font-weight:400;color:#F3F2EF;font-size:clamp(2.4rem,4.6vw,3.6rem);line-height:1.1}

/* Blog post: author card, closing booking band, centred similar posts */
.shc-author{display:flex;gap:18px;align-items:center;margin:36px 0 0;padding:22px 24px;background:#fff;border:1px solid #E2DCCB;border-radius:10px}
.shc-author img{width:72px;height:72px;border-radius:50%;object-fit:cover;flex:none}
.shc-author .n{font-family:"Baskervville",serif;font-size:24px;margin:0;color:#1E3D38;line-height:1.2}
.shc-author .r{margin:4px 0 0;font-size:16px;color:#4A4840;line-height:1.5}
.shc-postcta{margin:28px 0 8px;padding:44px 28px;background:#1E3D38;color:#F3F2EF;border-radius:12px;text-align:center}
.shc-postcta h2{font-family:"Baskervville",serif;font-weight:400;font-size:clamp(1.9rem,3vw,2.4rem);color:#F3F2EF;margin:0 0 12px;line-height:1.15;border:0;padding:0}
.shc-postcta p{max-width:560px;margin:0 auto 22px;font-size:18px;line-height:1.6;color:#F3F2EF}
.shc-postcta .btns,.shc-404 .btns{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}
.shc-postcta .b,.shc-404 .b{display:inline-flex;align-items:center;justify-content:center;height:52px;padding:0 28px;border-radius:6px;font-weight:600;font-size:17px;text-decoration:none;border:2px solid #B8863F}
.shc-postcta .b.primary,.shc-404 .b.primary{background:#B8863F;color:#2A2822}
.shc-postcta .b.ghost{background:transparent;color:#F3F2EF;border-color:rgba(244,238,227,.7)}
.shc-allposts{margin:14px 0 0;text-align:center}
.shc-allposts a{display:inline-flex;min-height:44px;align-items:center;font-weight:600;color:#8B5E2B}
html body .entry-related-carousel .splide__list{grid-template-columns:repeat(auto-fit,minmax(260px,380px));justify-content:center}

/* Legal pages: contents list */
.shc-toc{margin:0 0 2em;padding:20px 24px;background:#F3F2EF;border:1px solid #E2DCCB;border-radius:10px}
.shc-toc p{margin:0 0 8px;font-weight:700;font-size:15px;color:#4A4840}
.shc-toc ul{margin:0;padding:0;list-style:none;columns:2;column-gap:32px}
.shc-toc li{break-inside:avoid}
.shc-toc a{display:inline-block;padding:6px 0;font-size:16px;color:#8B5E2B}
@media (max-width:700px){.shc-toc ul{columns:1}}

/* 404 */
.shc-404{max-width:720px;margin:0 auto;padding:72px 0 88px;text-align:center}
.shc-404 h1{font-family:"Baskervville",serif;font-weight:400;font-size:clamp(2.4rem,4.6vw,3.4rem);color:#1E3D38;margin:0 0 16px;line-height:1.1}
.shc-404 .lead{font-size:19px;line-height:1.6;color:#4A4840;margin:0 auto 28px;max-width:560px}
.shc-404 .btns{margin-bottom:36px}
.shc-404 .b.ghost{color:#1E3D38;border-color:#1E3D38;background:transparent}
.shc-404 ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:4px 22px;justify-content:center}
.shc-404 ul a{display:inline-flex;min-height:44px;align-items:center;font-weight:600;color:#8B5E2B}