/*
  Kaeva Counselling 10.12
  Final footer canvas and wordmark alignment rules.
  This file is deliberately loaded after the compiled site stylesheet.
*/

/* Keep any browser canvas below the document the same colour as the footer. */
html {
  min-height: 100%;
  background: #30483f !important;
}

body {
  min-height: 100vh !important;
  min-height: 100svh !important;
  display: flex !important;
  flex-direction: column !important;
  background: #30483f !important;
  background-image: none !important;
}

body > main {
  width: 100%;
  flex: 1 0 auto !important;
  background: #fbf8f2;
}

body > footer,
body > .footer {
  flex: 0 0 auto !important;
  margin-top: auto !important;
  background: #30483f !important;
}

/* Align the wordmark with the footer description and language badge. */
.footer .footer-brand-block {
  min-width: 0;
  text-align: left;
}

.footer .footer-brand {
  width: max-content !important;
  max-width: 100%;
  display: inline-flex !important;
  align-items: flex-start !important;
  justify-content: flex-start !important;
  align-self: flex-start !important;
  margin: 0 0 24px !important;
  color: #f5f0e8 !important;
  text-align: left !important;
}

.footer .footer-brand .brand-name {
  color: #f5f0e8 !important;
  font-size: 2.35rem !important;
  line-height: .82 !important;
  letter-spacing: .022em !important;
}

.footer .footer-brand small {
  margin-top: .42rem !important;
  color: rgba(255,255,255,.68) !important;
  font-size: .55rem !important;
  letter-spacing: .31em !important;
}

.footer .footer-brand-block p {
  margin-top: 0;
}

@media (max-width: 620px) {
  .footer .footer-brand {
    margin-bottom: 20px !important;
  }

  .footer .footer-brand .brand-name {
    font-size: 2.15rem !important;
  }
}

@supports (height: 100dvh) {
  body {
    min-height: 100dvh !important;
  }
}


/* ==================================================================
   KAEVA COUNSELLING 10.14 — LARGER HEADER WORDMARK
   ================================================================== */

/* Give the brand more visual presence without crowding the controls. */
.nav .brand{
  flex:0 0 auto;
  width:max-content;
  max-width:calc(100% - 164px);
}
.nav .brand-name{
  font-size:3.18rem!important;
  line-height:.79!important;
  letter-spacing:.018em!important;
}
.nav .brand small{
  margin-top:.42rem!important;
  font-size:.7rem!important;
  letter-spacing:.31em!important;
}

@media(max-width:620px){
  .navin{
    min-height:94px!important;
    gap:14px!important;
  }
  .nav .brand{
    max-width:calc(100% - 118px);
  }
  .nav .brand-name{
    font-size:2.48rem!important;
    line-height:.8!important;
  }
  .nav .brand small{
    margin-top:.4rem!important;
    font-size:.58rem!important;
    letter-spacing:.29em!important;
  }
  .nav-actions{
    flex:0 0 auto;
    gap:8px!important;
  }
  .language-picker summary,
  .menu{
    width:48px!important;
    height:48px!important;
    min-width:48px!important;
    min-height:48px!important;
  }
  .links{top:94px!important}
  .nav-backdrop{inset:94px 0 0!important}
}

@media(max-width:380px){
  .navin{
    min-height:88px!important;
    gap:10px!important;
  }
  .nav .brand{
    max-width:calc(100% - 106px);
  }
  .nav .brand-name{
    font-size:2.2rem!important;
  }
  .nav .brand small{
    font-size:.51rem!important;
    letter-spacing:.27em!important;
  }
  .language-picker summary,
  .menu{
    width:45px!important;
    height:45px!important;
    min-width:45px!important;
    min-height:45px!important;
  }
  .links{top:88px!important}
  .nav-backdrop{inset:88px 0 0!important}
}


/* ==================================================================
   KAEVA COUNSELLING 10.15 — COMPACT CREDENTIAL HIERARCHY
   ================================================================== */

/*
  The registration line previously used margin-top:auto, which pushed it
  to the bottom of the fixed-height caption and created a large visual gap.
*/
.page-home .hero-therapist-caption {
  justify-content: flex-start !important;
}

.page-home .hero-therapist-credentials {
  margin-top: 10px !important;
}

@media (max-width: 700px) {
  .page-home .hero-therapist-credentials {
    margin-top: 8px !important;
  }
}

@media (max-width: 430px) {
  .page-home .hero-therapist-caption {
    min-height: 108px !important;
  }

  .page-home .hero-therapist-credentials {
    margin-top: 7px !important;
  }
}


/* Kaeva Counselling 10.16 — Contact navigation de-duplication */
.page-contact .nav-actions {
  margin-left: auto;
}