/* CECIL v1.0.129 — readable navigation and complete CTA colour pairs.
 * Load after design-inner-v128.css and before the permanent brand lock.
 * No sizing, positioning, booking handlers or navigation state is changed.
 */

/* Fixed navigation always has its own opaque surface, including before scroll.
 * The approved taupe preserves the existing white logo and mobile navigation.
 */
body.cecil-design-v128.cecil-design-v129 .site-header,
body.cecil-design-v128.cecil-design-v129 .site-header.is-scrolled,
body.cecil-design-v128.cecil-design-v129 .site-header.nav-open,
body.cecil-design-v128.cecil-design-v129 .site-header .header-main,
body.cecil-design-v128.cecil-design-v129 .site-header .primary-nav{
  background:#665D52!important;
  color:#FAF7EF!important;
  background-image:none!important;
  text-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
body.cecil-design-v128.cecil-design-v129 .site-header{
  box-shadow:0 1px 0 rgba(250,247,239,.22),0 4px 18px rgba(75,66,56,.09)!important;
}
body.cecil-design-v128.cecil-design-v129 .site-header .primary-nav .sub-menu{
  background:#665D52!important;
  border-color:rgba(250,247,239,.30)!important;
}
body.cecil-design-v128.cecil-design-v129 .site-header :is(.primary-nav a,.cecil-menu-parent-label,.cecil-submenu-trigger,.lang-switch,.lang-switch a,.mobile-lang-switch a){
  color:#FAF7EF!important;
  text-shadow:none!important;
}
body.cecil-design-v128.cecil-design-v129 .site-header :is(.primary-nav a,.cecil-menu-parent-label,.cecil-submenu-trigger) :is(span,strong,b,small,.cecil-edit-variant){
  color:inherit!important;
}
body.cecil-design-v128.cecil-design-v129 .site-header :is(.primary-nav a,.cecil-menu-parent-label,.cecil-submenu-trigger):is(:hover,:focus-visible),
body.cecil-design-v128.cecil-design-v129 .site-header :is(.lang-switch a,.mobile-lang-switch a):is(.active,:hover,:focus-visible){
  color:#E3EBCF!important;
}
body.cecil-design-v128.cecil-design-v129 .site-header .primary-nav .sub-menu a:is(:hover,:focus-visible){
  background:#756A5D!important;
  color:#FAF7EF!important;
}
body.cecil-design-v128.cecil-design-v129 .site-header .menu-toggle span{
  background:#FAF7EF!important;
}
body.cecil-design-v128.cecil-design-v129 .site-header :is(a,button):focus-visible{
  outline:2px solid #E3EBCF!important;
  outline-offset:4px!important;
}
body.cecil-design-v128.cecil-design-v129 .site-header .header-btn{
  background:#FAF7EF!important;
  color:#4B4238!important;
  border-color:#EAE2D3!important;
}
body.cecil-design-v128.cecil-design-v129 .site-header .header-btn--gold{
  background:#C9D8A6!important;
  color:#4B4238!important;
  border-color:#A7B77D!important;
}
body.cecil-design-v128.cecil-design-v129 .site-header .header-btn:is(:hover,:focus-visible){
  background:#E3EBCF!important;
  color:#4B4238!important;
  filter:none!important;
}
@media(max-width:1180px){
  body.cecil-design-v128.cecil-design-v129 .site-header .primary-nav .sub-menu{
    background:transparent!important;
  }
}

/* v128 made the outer final CTA pale, but older absolutely-positioned photo
 * and shade children still covered it. Remove those decorative CTA layers;
 * leave all hero, treatment and editorial photographs untouched.
 */
body.cecil-design-v128.cecil-design-v129 :is(main#main,main#main-content) section[class*="-final"],
body.cecil-design-v128.cecil-design-v129 .contact-band{
  background:#E3EBCF!important;
  background-image:none!important;
  color:#4B4238!important;
  text-shadow:none!important;
  border-color:#A7B77D!important;
}
body.cecil-design-v128.cecil-design-v129 :is(main#main,main#main-content) section[class*="-final"]::before,
body.cecil-design-v128.cecil-design-v129 :is(main#main,main#main-content) section[class*="-final"]::after,
body.cecil-design-v128.cecil-design-v129 .contact-band::before,
body.cecil-design-v128.cecil-design-v129 .contact-band::after{
  content:none!important;
  display:none!important;
}
body.cecil-design-v128.cecil-design-v129 :is(main#main,main#main-content) :is(.aroma-oil-final-media,.aroma-oil-final-shade,.hogushi-final-media,.hogushi-final-shade,.voice-final-bg,.about-v2-final-bg,.column-hub-final-bg,.recruit-final-bg){
  display:none!important;
}
body.cecil-design-v128.cecil-design-v129 :is(main#main,main#main-content) section[class*="-final"] :is(h2,h3,p,span,small,b,strong,em,li,a),
body.cecil-design-v128.cecil-design-v129 .contact-band :is(h2,h3,p,span,small,b,strong,em,li,a){
  color:#4B4238!important;
  text-shadow:none!important;
}
body.cecil-design-v128.cecil-design-v129 :is(main#main,main#main-content) section[class*="-final"] :is(p,small),
body.cecil-design-v128.cecil-design-v129 .contact-band :is(p,small){
  opacity:1!important;
}
body.cecil-design-v128.cecil-design-v129 :is(main#main,main#main-content) section[class*="-final"] :is([class*="-features"],[class*="-meta"]) svg{
  color:#665D52!important;
}
body.cecil-design-v128.cecil-design-v129 :is(main#main,main#main-content) section[class*="-final"] :is([class*="-features"],[class*="-meta"]),
body.cecil-design-v128.cecil-design-v129 :is(main#main,main#main-content) section[class*="-final"] :is([class*="-features"],[class*="-meta"])>span{
  border-color:rgba(102,93,82,.32)!important;
}
body.cecil-design-v128.cecil-design-v129 :is(main#main,main#main-content) section[class*="-final"] a:not(.btn){
  color:#4B4238!important;
  text-decoration:underline;
  text-decoration-thickness:1px;
  text-underline-offset:.28em;
}
body.cecil-design-v128.cecil-design-v129 :is(main#main,main#main-content) section[class*="-final"] a:not(.btn):is(:hover,:focus-visible){
  color:#4B4238!important;
  text-decoration-thickness:2px;
}

/* The FAQ consultation card is a separate, nested CTA rather than a final
 * section. Give it a complete light surface/ink pair as well.
 */
body.cecil-design-v128.cecil-design-v129 :is(main#main,main#main-content) .faq-contact-card{
  background:#E3EBCF!important;
  color:#4B4238!important;
  border-color:#A7B77D!important;
}
body.cecil-design-v128.cecil-design-v129 :is(main#main,main#main-content) .faq-contact-card :is(h2,h3,p,span,small,b,strong){
  color:#4B4238!important;
  text-shadow:none!important;
}

/* Button states own BOTH their background and text. This also covers inline
 * consultation CTAs, the homepage reasons link, legacy classes and edited
 * nested copy. The homepage hero is deliberately outside this rule.
 */
body.cecil-design-v128.cecil-design-v129 :is(main#main,main#main-content,.contact-band) :is(.btn,.home-reasons-link,.reasons-card-link,.first-center-link a,.concern-double-cta a,.faq-contact-card a):not(:where(.hero *,.home-hero *)){
  background:#FAF7EF!important;
  color:#4B4238!important;
  border-color:#847767!important;
  text-shadow:none!important;
  filter:none!important;
}
body.cecil-design-v128.cecil-design-v129 :is(main#main,main#main-content,.contact-band) :is(.btn--gold,.btn-primary,.btn--primary,.home-reasons-link,.reasons-card-link--green,.first-center-link a,.concern-double-cta a:first-child,.faq-contact-card a:last-child):not(:where(.hero *,.home-hero *)){
  background:#C9D8A6!important;
  color:#4B4238!important;
  border-color:#847767!important;
}
body.cecil-design-v128.cecil-design-v129 :is(main#main,main#main-content,.contact-band) :is(.btn,.home-reasons-link,.reasons-card-link,.first-center-link a,.concern-double-cta a,.faq-contact-card a):not(:where(.hero *,.home-hero *)):is(:hover,:focus-visible,:active){
  background:#EAE2D3!important;
  color:#4B4238!important;
  border-color:#665D52!important;
  filter:none!important;
}
body.cecil-design-v128.cecil-design-v129 :is(main#main,main#main-content,.contact-band) :is(.btn--gold,.btn-primary,.btn--primary,.home-reasons-link,.reasons-card-link--green,.first-center-link a,.concern-double-cta a:first-child,.faq-contact-card a:last-child):not(:where(.hero *,.home-hero *)):is(:hover,:focus-visible,:active){
  background:#E3EBCF!important;
  color:#4B4238!important;
  border-color:#665D52!important;
}
body.cecil-design-v128.cecil-design-v129 :is(main#main,main#main-content,.contact-band) :is(.btn,.home-reasons-link,.reasons-card-link,.first-center-link a,.concern-double-cta a,.faq-contact-card a):not(:where(.hero *,.home-hero *)) :is(span,strong,b,small,em,i,svg,.cecil-edit-variant,[data-cecil-key]){
  color:inherit!important;
  opacity:1!important;
  text-shadow:none!important;
}
body.cecil-design-v128.cecil-design-v129 :is(main#main,main#main-content,.contact-band) :is(.btn,.home-reasons-link,.reasons-card-link,.first-center-link a,.concern-double-cta a,.faq-contact-card a):not(:where(.hero *,.home-hero *)):focus-visible{
  outline:2px solid #4B4238!important;
  outline-offset:4px!important;
  box-shadow:0 0 0 2px #FAF7EF!important;
}

/* Keep the existing fixed reservation bar's brand pairs at every interaction
 * state, including nested translated/editor labels. No layout or link change.
 */
body.cecil-design-v128.cecil-design-v129 .mobile-contact a{
  background:#665D52!important;
  color:#FAF7EF!important;
}
body.cecil-design-v128.cecil-design-v129 .mobile-contact a:first-child{
  background:#C9D8A6!important;
  color:#4B4238!important;
}
body.cecil-design-v128.cecil-design-v129 .mobile-contact a:not(:first-child):is(:hover,:focus-visible){
  background:#756A5D!important;
  color:#FAF7EF!important;
}
body.cecil-design-v128.cecil-design-v129 .mobile-contact a:first-child:is(:hover,:focus-visible){
  background:#E3EBCF!important;
  color:#4B4238!important;
}
body.cecil-design-v128.cecil-design-v129 .mobile-contact a :is(span,strong,b,small,svg,.cecil-edit-variant){
  color:inherit!important;
}
body.cecil-design-v128.cecil-design-v129 .mobile-contact a:focus-visible{
  outline:2px solid #FAF7EF!important;
  outline-offset:-5px!important;
}
body.cecil-design-v128.cecil-design-v129 .mobile-contact a:first-child:focus-visible{
  outline-color:#4B4238!important;
}