/*
 * TakaLabot global chrome
 * Header, phone CTA, and mobile sticky bar for every page (blog included).
 * The per-page quiet layer styles page content; this file owns the site frame.
 */
:root{
  --tkc-steel:#0f3d75;
  --tkc-copper:#ea580c;
  --tkc-copper-dark:#c2410c;
  --tkc-line:#dfe6ee;
  --tkc-muted:#54616e;
}

#header,#fix_header,.l-header,.l-fixHeader{
  background:rgba(255,255,255,.94)!important;
  border-bottom:1px solid var(--tkc-line)!important;
  box-shadow:0 1px 12px rgba(15,42,82,.06)!important;
  backdrop-filter:blur(16px);
}
#fix_header::before{background:rgba(255,255,255,.97)!important;}
:is(#header,#fix_header) :is(.l-header__inner,.l-fixHeader__inner){
  width:min(calc(100% - 4rem),1240px)!important;
  max-width:1240px!important;
  margin-inline:auto!important;
  padding-inline:0!important;
  justify-content:space-between!important;
}
:is(#header,#fix_header) :is(#gnav,.l-header__gnav,.l-fixHeader__gnav,.c-gnavWrap){
  margin-left:auto!important;
}
.l-header__bar{display:none!important;}
.c-gnav,.c-gnav a,.l-header a,.l-fixHeader a,.c-headLogo,.c-headLogo__link{
  color:var(--tkc-steel)!important;
}
:is(#header,#fix_header,#sp_menu) .menu-item-387{display:none!important;}
.c-gnav > li > a::after{background:var(--tkc-copper)!important;}

:is(#header,#fix_header) .c-gnav li:has(> a[href*="/contact"]){
  display:flex!important;
  align-items:center!important;
}
:is(#header,#fix_header) .c-gnav a[href*="/contact"]{
  margin-block:auto!important;
  padding:.55em 1.5em!important;
  color:#fff!important;
  background:var(--tkc-copper)!important;
  border-radius:999px!important;
  font-weight:700!important;
  box-shadow:0 4px 14px rgba(234,88,12,.3)!important;
  transition:background-color .2s ease,box-shadow .2s ease!important;
}
:is(#header,#fix_header) .c-gnav a[href*="/contact"]:hover{
  background:var(--tkc-copper-dark)!important;
  box-shadow:0 6px 18px rgba(234,88,12,.4)!important;
}
:is(#header,#fix_header) .c-gnav a[href*="/contact"]::after{display:none!important;}

.c-gnav li.quiet-tel-item{display:flex!important;align-items:center!important;}
.c-gnav li.quiet-tel-item > a{
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-end!important;
  justify-content:center!important;
  gap:.1rem!important;
  margin-block:auto!important;
  padding:.2em .9em!important;
  line-height:1.2!important;
}
.c-gnav li.quiet-tel-item > a::after{display:none!important;}
.quiet-tel-num{
  display:flex;align-items:center;gap:.35rem;
  color:var(--tkc-steel);
  font:700 1.08rem/1.2 "Helvetica Neue",Arial,sans-serif;
  letter-spacing:.02em;
  white-space:nowrap;
}
.quiet-tel-num svg{width:.95rem;height:.95rem;flex:0 0 auto;}
.quiet-tel-label{
  color:var(--tkc-muted);
  font-size:.58rem;
  font-weight:600;
  letter-spacing:.08em;
  white-space:nowrap;
}

.quiet-cta-bar{
  position:fixed;
  left:0;right:0;bottom:0;
  z-index:9990;
  display:none;
  gap:.6rem;
  padding:.6rem .85rem calc(.6rem + env(safe-area-inset-bottom));
  background:rgba(255,255,255,.96);
  border-top:1px solid var(--tkc-line);
  box-shadow:0 -6px 24px rgba(15,42,82,.14);
  backdrop-filter:blur(12px);
}
.quiet-cta-bar a.quiet-cta-form{
  flex:1.4;
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:3.2rem;
  color:#fff!important;
  background:var(--tkc-copper);
  border-radius:999px;
  font-size:.92rem;
  font-weight:700;
  letter-spacing:.02em;
  text-decoration:none;
  box-shadow:0 4px 14px rgba(234,88,12,.35);
}
.quiet-cta-bar a.quiet-cta-form:active{background:var(--tkc-copper-dark);}
.quiet-cta-bar a.quiet-cta-tel{
  flex:1;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:.4rem;
  min-height:3.2rem;
  color:var(--tkc-steel)!important;
  background:#fff;
  border:2px solid var(--tkc-steel);
  border-radius:999px;
  font-size:.92rem;
  font-weight:700;
  letter-spacing:.02em;
  text-decoration:none;
}
.quiet-cta-bar a.quiet-cta-tel svg{width:1rem;height:1rem;flex:0 0 auto;}

@media(max-width:900px){
  .quiet-cta-bar{display:flex;}
  body.tkc-has-bar{padding-bottom:4.8rem;}
}