/* R61 — structure, navigation, original-brand restoration, urgent notice.
   Source baseline: R60. User-directed priorities:
   1) preserve original photographed KA identity; no simplified substitute mark
   2) services immediately after hero, then visit/map, then reviews
   3) fix navigation anchors + premium inner pages
   4) compact reviews + remove doctor image caption mismatch
   5) urgent no-appointment notice near opening hours
*/

/* ---------- Original KA identity, cleaned export ---------- */
.site-header .brand,
.site-footer .footer-brand .brand{
  display:flex!important;
  align-items:center!important;
  gap:14px!important;
  text-decoration:none!important;
}
.site-header .brand-mark,
.site-footer .footer-brand .brand-mark{
  display:grid!important;
  place-items:center!important;
  overflow:hidden!important;
  padding:5px!important;
  border-radius:16px!important;
  background:
    radial-gradient(circle at 28% 20%,rgba(255,255,255,.10),transparent 42%),
    linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.012))!important;
  border:1px solid rgba(224,180,93,.34)!important;
  box-shadow:
    0 12px 30px rgba(0,14,31,.20),
    inset 0 1px 0 rgba(255,255,255,.06)!important;
  backdrop-filter:blur(9px)!important;
}
.site-header .approved-brand-raster,
.site-footer .footer-brand .approved-brand-raster{
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  transform:scale(.90)!important;
  filter:drop-shadow(0 3px 8px rgba(0,11,27,.18))!important;
}
.site-header .brand-mark{width:58px!important;height:58px!important;flex:0 0 58px!important}
.site-header .brand{min-width:304px!important;max-width:304px!important}
.site-header .brand-copy,
.site-footer .footer-brand .brand-copy{
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  align-items:flex-start!important;
  gap:5px!important;
  min-width:0!important;
  padding:0!important;
  border:0!important;
  line-height:1!important;
}
.site-header .brand-copy strong{
  margin:0!important;
  color:#f8f3e9!important;
  font-family:'DM Serif Display',Georgia,serif!important;
  font-size:16px!important;
  font-weight:400!important;
  line-height:1.05!important;
  letter-spacing:.004em!important;
  text-transform:none!important;
  white-space:nowrap!important;
}
.site-header .brand-copy small{
  margin:0!important;
  color:#ddb45f!important;
  font-family:'Plus Jakarta Sans',Arial,sans-serif!important;
  font-size:7.5px!important;
  font-weight:800!important;
  line-height:1.2!important;
  letter-spacing:.105em!important;
  text-transform:uppercase!important;
  white-space:nowrap!important;
}
.site-header .brand-copy small::before,
.site-header .brand-copy small::after,
.site-footer .footer-brand .brand-copy small::before,
.site-footer .footer-brand .brand-copy small::after{content:none!important;display:none!important}
.site-header .brand-copy small i,
.site-footer .footer-brand .brand-copy small i{font-style:normal!important;color:#7f99ab!important;padding-inline:3px!important}

/* Arabic brand: KA stays on the right, text to its left, same identity. */
html[dir="rtl"] .site-header .brand,
html[dir="rtl"] .site-footer .footer-brand .brand{
  flex-direction:row-reverse!important;
  direction:rtl!important;
  text-align:right!important;
}
html[dir="rtl"] .site-header .brand-copy,
html[dir="rtl"] .site-footer .footer-brand .brand-copy{align-items:flex-end!important}
html[dir="rtl"] .site-header .brand-copy strong,
html[dir="rtl"] .site-header .brand-copy small{white-space:nowrap!important}

/* ---------- Header navigation: stable premium treatment on home + inner pages ---------- */
.site-header{
  background:linear-gradient(90deg,rgba(2,27,52,.99),rgba(4,49,83,.98))!important;
  border-bottom:1px solid rgba(255,255,255,.08)!important;
  box-shadow:0 10px 30px rgba(0,14,30,.10)!important;
}
.site-header .header-inner{gap:16px!important}
.site-header .desktop-nav{
  background:rgba(0,17,35,.25)!important;
  border:1px solid rgba(255,255,255,.12)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025)!important;
}
.site-header .desktop-nav .menu{display:flex!important;align-items:center!important;gap:1px!important}
.site-header .desktop-nav .menu a{
  color:#dce7ee!important;
  font-weight:700!important;
  white-space:nowrap!important;
  padding-inline:13px!important;
}
.site-header .desktop-nav .menu a:hover,
.site-header .desktop-nav .current-menu-item>a,
.site-header .desktop-nav .menu a.is-section-active{color:#fff!important}
body:not(.home) .site-header{position:sticky!important;top:0!important}
body:not(.home) .utility-bar{display:none!important}
body:not(.home) .site-header .header-cta{background:linear-gradient(135deg,#e6bd66,#d7a247)!important;color:#082847!important}

/* ---------- Homepage order + section rhythm ---------- */
body.home .hero + .services{
  padding-top:84px!important;
  border-top:1px solid rgba(9,49,87,.04)!important;
}
body.home .services{padding-bottom:94px!important}
body.home .services + .visit{padding-top:88px!important}
body.home .visit{padding-bottom:70px!important}
body.home .visit + .voices{margin-top:0!important}

/* Opening hours / map immediately after services. */
body.home .visit-heading{margin-bottom:34px!important}

/* Urgent notice: content-linked, premium rather than alarm-like. */
body.home .urgent-notice{
  width:var(--shell)!important;
  max-width:var(--shell)!important;
  margin:22px auto 0!important;
  min-height:92px!important;
  padding:20px 28px!important;
  display:grid!important;
  grid-template-columns:auto minmax(280px,1fr) minmax(280px,.9fr)!important;
  gap:18px 28px!important;
  align-items:center!important;
  border:1px solid rgba(207,155,61,.28)!important;
  border-radius:20px!important;
  background:
    linear-gradient(90deg,rgba(247,241,230,.98),rgba(255,255,255,.98))!important;
  box-shadow:0 16px 34px rgba(3,28,53,.055)!important;
  color:#0c355b!important;
}
body.home .urgent-notice::before{
  content:"!";
  width:42px;height:42px;border-radius:50%;
  display:grid;place-items:center;
  background:#0b365d;color:#e4b65d;
  font:700 18px/1 'Plus Jakarta Sans',Arial,sans-serif;
}
body.home .urgent-notice>span{
  display:block!important;
  margin:0 0 4px!important;
  color:#a97421!important;
  font-size:9px!important;
  font-weight:800!important;
  letter-spacing:.13em!important;
  text-transform:uppercase!important;
}
body.home .urgent-notice>strong{
  grid-column:2!important;
  display:block!important;
  margin-top:-12px!important;
  font:400 25px/1.08 'DM Serif Display',Georgia,serif!important;
  color:#0b3158!important;
}
body.home .urgent-notice>small{
  grid-column:3!important;
  grid-row:1/3!important;
  display:block!important;
  padding-left:28px!important;
  border-left:1px solid rgba(11,49,88,.12)!important;
  color:#6e8292!important;
  font-size:12.5px!important;
  line-height:1.7!important;
}
html[dir="rtl"] body.home .urgent-notice{
  direction:rtl!important;
  grid-template-columns:auto minmax(280px,1fr) minmax(280px,.9fr)!important;
}
html[dir="rtl"] body.home .urgent-notice>span,
html[dir="rtl"] body.home .urgent-notice>strong{text-align:right!important}
html[dir="rtl"] body.home .urgent-notice>small{
  padding-left:0!important;padding-right:28px!important;
  border-left:0!important;border-right:1px solid rgba(11,49,88,.12)!important;
  text-align:right!important;
}

/* ---------- Reviews: compact and editorial ---------- */
body.home .voices{
  padding:64px 0 66px!important;
  min-height:0!important;
}
body.home .voices-layout{
  grid-template-columns:minmax(280px,.72fr) minmax(0,1.28fr)!important;
  gap:50px!important;
  align-items:center!important;
}
body.home .voices h2{
  margin:12px 0 24px!important;
  font-size:clamp(40px,3.65vw,52px)!important;
}
body.home .rating>b{font-size:36px!important}
body.home .quote-stage{
  min-height:230px!important;
  padding:18px 28px 52px 58px!important;
}
body.home .quote-mark{font-size:72px!important}
body.home .quote blockquote{
  margin:10px 0 22px!important;
  font-size:clamp(28px,2.55vw,36px)!important;
  line-height:1.22!important;
}
body.home .quote-controls{left:58px!important;bottom:0!important}
html[dir="rtl"] body.home .voices-layout{
  grid-template-columns:minmax(0,1.28fr) minmax(280px,.72fr)!important;
  grid-template-areas:"quote label"!important;
}
html[dir="rtl"] body.home .voices-label{grid-area:label!important}
html[dir="rtl"] body.home .quote-stage{
  grid-area:quote!important;
  padding:18px 58px 52px 28px!important;
  border-left:0!important;border-right:1px solid rgba(255,255,255,.14)!important;
}
html[dir="rtl"] body.home .quote-controls{left:28px!important;right:58px!important}

/* ---------- Doctor photo: no low-contrast caption overlay ---------- */
body.home .doctor-photo .photo-caption{display:none!important}
body.home .doctor-photo::after{
  content:none!important;
}

/* ---------- Inner pages: same visual system as homepage ---------- */
body:not(.home){
  background:#eef5f8!important;
  color:#153b5c!important;
}
body:not(.home) .page-main{
  padding:0 0 92px!important;
  background:linear-gradient(180deg,#edf5f9 0,#f8fbfc 360px,#fff 100%)!important;
}
body:not(.home) .content-shell{max-width:1180px!important;padding-bottom:0!important}
body:not(.home) .page-hero{
  position:relative!important;
  max-width:none!important;
  margin:0 0 54px!important;
  min-height:330px!important;
  padding:72px clamp(26px,6vw,78px)!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:flex-end!important;
  overflow:hidden!important;
  border-radius:0 0 54px 0!important;
  background:
    radial-gradient(circle at 88% 10%,rgba(78,143,191,.20),transparent 30%),
    linear-gradient(125deg,#031d38 0,#0a3d68 66%,#12557e 100%)!important;
  color:#fff!important;
  box-shadow:0 24px 60px rgba(3,29,56,.12)!important;
}
body:not(.home) .page-hero::after{
  content:""!important;
  position:absolute!important;
  width:360px!important;height:360px!important;
  right:-120px!important;bottom:-190px!important;
  border:1px solid rgba(222,177,88,.16)!important;
  border-radius:50%!important;
  box-shadow:0 0 0 54px rgba(255,255,255,.025)!important;
}
body:not(.home) .page-hero .eyebrow{color:#e0b45c!important}
body:not(.home) .page-hero h1{
  position:relative!important;z-index:2!important;
  max-width:900px!important;
  margin:14px 0 0!important;
  color:#f7f3eb!important;
  font-size:clamp(48px,5.5vw,72px)!important;
  line-height:1.03!important;
}
body:not(.home) .entry-content{max-width:880px!important;margin-inline:auto!important;color:#60788a!important}
body:not(.home) .entry-content:empty{display:none!important}
body:not(.home) .practice-feature{
  margin:0!important;
  padding:0!important;
  display:grid!important;
  grid-template-columns:minmax(0,1.18fr) minmax(320px,.82fr)!important;
  gap:0!important;
  overflow:hidden!important;
  border:1px solid #dce6eb!important;
  border-radius:28px!important;
  background:#fff!important;
  box-shadow:0 22px 60px rgba(3,29,56,.08)!important;
}
body:not(.home) .practice-feature>div:first-child{min-height:500px!important;background:#dceaf2!important}
body:not(.home) .practice-feature>div:first-child img{width:100%!important;height:100%!important;min-height:500px!important;object-fit:cover!important;border-radius:0!important}
body:not(.home) .practice-feature>div:last-child{padding:60px 52px!important;align-self:center!important}
body:not(.home) .practice-feature h2{
  margin:0 0 18px!important;
  color:#0b3158!important;
  font:400 42px/1.05 'DM Serif Display',Georgia,serif!important;
}
body:not(.home) .practice-feature p{color:#6c8293!important;font-size:14px!important;line-height:1.8!important}
body:not(.home) .check-list{margin:26px 0 0!important;padding:0!important;list-style:none!important}
body:not(.home) .check-list li{
  padding:13px 0 13px 26px!important;
  position:relative!important;
  border-bottom:1px solid #e5ecef!important;
  color:#274b68!important;
}
body:not(.home) .check-list li::before{
  content:"✓"!important;
  position:absolute!important;left:0!important;top:13px!important;
  color:#c88e2d!important;font-weight:800!important;
}
body:not(.home) .info-grid{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:18px!important;
  margin-top:12px!important;
}
body:not(.home) .info-card{
  min-height:230px!important;
  padding:34px 30px!important;
  border-radius:24px!important;
  border:1px solid #dfe8ec!important;
  box-shadow:0 18px 46px rgba(3,29,56,.07)!important;
}
body:not(.home) .info-card:nth-child(2){
  background:linear-gradient(145deg,#082e53,#0d4773)!important;
  border-color:transparent!important;color:#fff!important;
}
body:not(.home) .info-card h2{
  margin:0 0 14px!important;
  font:400 30px/1.08 'DM Serif Display',Georgia,serif!important;
}
body:not(.home) .info-card:nth-child(2) h2{color:#f7f3eb!important}
body:not(.home) .info-card:nth-child(2) p{color:#cddce5!important}

/* Contact page is already structurally premium; align header/footer/colors. */
body:not(.home) .contact-page-hero{
  background:
    radial-gradient(circle at 88% 10%,rgba(78,143,191,.20),transparent 30%),
    linear-gradient(125deg,#031d38 0,#0a3d68 66%,#12557e 100%)!important;
}
body:not(.home) .contact-page-hero h1,
body:not(.home) .contact-page-hero p{color:#fff!important}
body:not(.home) .contact-visit{background:linear-gradient(180deg,#f3f8fb,#edf5f8)!important}

/* Inner footer: same dark brand language, no broken white-header/old-theme jump. */
body:not(.home) .site-footer .brand-mark{width:60px!important;height:60px!important;flex:0 0 60px!important}
body:not(.home) .site-footer .brand-copy strong{color:#f7f3e9!important;font-size:16px!important}
body:not(.home) .site-footer .brand-copy small{color:#dcb15b!important;font-size:7px!important}

/* ---------- Responsive ---------- */
@media(max-width:1180px){
  .site-header .brand{min-width:246px!important;max-width:246px!important}
  .site-header .brand-copy strong{font-size:13px!important}
  .site-header .brand-copy small{font-size:6.6px!important}
  .site-header .brand-mark{width:50px!important;height:50px!important;flex-basis:50px!important}
  .site-header .desktop-nav .menu a{padding-inline:10px!important;font-size:9px!important}
}
@media(max-width:960px){
  body.home .urgent-notice{
    grid-template-columns:auto 1fr!important;
  }
  body.home .urgent-notice>small{
    grid-column:2!important;grid-row:auto!important;
    padding:12px 0 0!important;border:0!important;border-top:1px solid rgba(11,49,88,.10)!important;
  }
}
@media(max-width:860px){
  .site-header .brand{min-width:0!important;max-width:none!important}
  .site-header .brand-mark{width:46px!important;height:46px!important;flex-basis:46px!important;border-radius:13px!important;padding:4px!important}
  .site-header .brand-copy strong{font-size:11px!important}
  .site-header .brand-copy small{font-size:6px!important;letter-spacing:.07em!important}
  body.home .services{padding-top:62px!important;padding-bottom:66px!important}
  body.home .services + .visit{padding-top:66px!important}
  body.home .visit{padding-bottom:56px!important}
  body.home .voices{padding:54px 0!important}
  body.home .voices-layout,html[dir="rtl"] body.home .voices-layout{display:block!important}
  body.home .voices-label{margin-bottom:24px!important}
  body.home .quote-stage,html[dir="rtl"] body.home .quote-stage{
    min-height:220px!important;
    padding:26px 0 48px!important;
    border-left:0!important;border-right:0!important;border-top:1px solid rgba(255,255,255,.14)!important;
  }
  body.home .quote-controls,html[dir="rtl"] body.home .quote-controls{left:0!important;right:0!important}
  body.home .urgent-notice{
    width:calc(100% - 30px)!important;
    grid-template-columns:auto 1fr!important;
    padding:18px 18px!important;
    border-radius:16px!important;
  }
  body.home .urgent-notice>strong{font-size:22px!important}
  body:not(.home) .page-hero{min-height:280px!important;padding:50px 24px!important;border-radius:0 0 34px 0!important}
  body:not(.home) .practice-feature{grid-template-columns:1fr!important}
  body:not(.home) .practice-feature>div:first-child,
  body:not(.home) .practice-feature>div:first-child img{min-height:360px!important}
  body:not(.home) .practice-feature>div:last-child{padding:36px 26px!important}
  body:not(.home) .info-grid{grid-template-columns:1fr!important}
}
@media(max-width:620px){
  .site-header .brand-copy{display:none!important}
  .site-header .brand{width:46px!important}
  body.home .urgent-notice::before{width:36px;height:36px!important}
  body.home .urgent-notice>span{font-size:8px!important}
  body.home .urgent-notice>strong{font-size:20px!important}
  body.home .urgent-notice>small{font-size:12px!important}
}


/* R61.1 — final brand proportions + degree alignment. */
.site-header .brand-mark,
.site-footer .footer-brand .brand-mark{padding:2px!important}
.site-header .approved-brand-raster,
.site-footer .footer-brand .approved-brand-raster{transform:scale(1.035)!important}
.site-header .brand-title,
.site-footer .footer-brand .brand-title{
  display:flex!important;
  align-items:baseline!important;
  gap:5px!important;
  min-width:0!important;
}
.site-header .brand-title strong,
.site-footer .footer-brand .brand-title strong{white-space:nowrap!important}
.site-header .brand-title>b,
.site-footer .footer-brand .brand-title>b{
  color:#e0b45d!important;
  font-family:'Plus Jakarta Sans',Arial,sans-serif!important;
  font-size:8px!important;
  font-weight:800!important;
  line-height:1!important;
  letter-spacing:.05em!important;
}
html[dir="rtl"] .site-header .brand-title,
html[dir="rtl"] .site-footer .footer-brand .brand-title{
  direction:rtl!important;
  justify-content:flex-end!important;
}
html[dir="rtl"] .site-header .brand-title>b,
html[dir="rtl"] .site-footer .footer-brand .brand-title>b{
  direction:ltr!important;
  unicode-bidi:isolate!important;
}
body.home .quote-controls [data-r42-count]{display:none!important}

body:not(.home) .page-hero p{position:relative!important;z-index:2!important;color:#c9d8e2!important;font-size:15px!important;line-height:1.78!important;max-width:720px!important;margin:22px 0 0!important}
