
/* Black & Gold Luxe Theme (front-end only overrides) */
:root{
  --ink:#f2f2f2;
  --line:#3b2e14;
  --brand:#D4AF37;
  --brand2:#B08D57;
  --gold:#D4AF37;
  --soft:rgba(255,255,255,.06);
  --primary:#D4AF37;
}

html,body{background:#0a0a0a !important;color:var(--ink) !important;}
/* kill previous brick/wall patterns if any */
body::before{background:none !important;opacity:0 !important;}

/* Global text and links */
a{color:var(--gold) !important;}
h1,h2,h3,h4,h5,h6{color:#ffe9a8 !important;}

/* Topbar */
.topbar{background:#0a0a0a !important;border-bottom:1px solid rgba(212,175,55,.35) !important;}
.topbar .logo{border-color:rgba(212,175,55,.25) !important;background:#0a0a0a !important;}
.topbar .telpill{background:#0a0a0a !important;color:var(--gold) !important;border-color:var(--gold) !important;}
.topbar .telpill .lbl{background:transparent !important;border-color:var(--gold) !important;color:var(--gold) !important;}

/* Hero */
.kv img,.hero img,.main img{border:1px solid rgba(212,175,55,.35);border-radius:16px;background:#0a0a0a;}

/* Cards and sections */
.card,.footer-card,.cardish,.notice,.section,.pricing,.info,.access,.therapist-card{
  background:rgba(15,15,17,.75) !important;
  border:1px solid rgba(212,175,55,.28) !important;
  box-shadow:0 10px 28px rgba(0,0,0,.35) !important;
}
.title,.name,.store-name{color:#ffe9a8 !important;}

/* Pills/Tags */
.pill,.tag,.pay-tag{
  background:transparent !important;
  border:1px solid var(--gold) !important;
  color:var(--gold) !important;
}

/* Buttons & CTA */
.cta,.btn,.button{
  background:var(--gold) !important;border:1px solid var(--gold) !important;color:#111 !important;
}
.cta:hover,.btn:hover,.button:hover{
  filter:brightness(1.05);
}
.tel,.btn-secondary{
  background:transparent !important;border:1px solid var(--gold) !important;color:var(--gold) !important;
}

/* Tables and lines */
hr, .divider{border-color:rgba(212,175,55,.35) !important;}
table, th, td{border-color:rgba(212,175,55,.25) !important;}


/* Hero title overlay */
.hero-title {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 3rem;
  color: #d4af37;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-shadow: 0 0 20px rgba(0,0,0,0.8);
  font-family: 'Noto Sans JP', 'Hiragino Kaku Gothic ProN', 'Yu Gothic', sans-serif;
  text-align: center;
}
.kv{position:relative;}
.kv .container{position:relative;}


/* === Therapist Section: Luxury Black Gold === */
.section-label{
  color:#d4af37 !important;
  letter-spacing:.25em;
  text-shadow:0 0 10px rgba(0,0,0,.6);
}

.feed{padding:0 10px}
.post{
  background:rgba(18,18,18,.9) !important;
  border:1px solid rgba(212,175,55,.35) !important;
  box-shadow:0 12px 28px rgba(0,0,0,.35) !important;
}
.post .head{
  color:#ffe9a8 !important;
  border-left:3px solid #d4af37 !important;
}
.post .time{color:#c7b899 !important}

.left .main,
.left .thumbs img{
  border:1px solid rgba(212,175,55,.35) !important;
  background:#0b0b0b !important;
}

.body{
  background:rgba(15,15,17,.75) !important;
  border:1px solid rgba(212,175,55,.28) !important;
  color:#f5f5f5 !important;
}
.body b{color:#ffe9a8 !important}
.small{color:#e6d7b0 !important;opacity:1 !important}

/* 出勤徽章 */
.body .badge{
  background:#0a0a0a !important;
  color:#d4af37 !important;
  border:1px solid #d4af37 !important;
  box-shadow:0 0 0 1px rgba(212,175,55,.15) inset;
}

/* Divider lines */
.menu-item{border-bottom:1px dashed rgba(212,175,55,.3) !important}
.menu-course{background:rgba(15,15,17,.6) !important;border:1px solid rgba(212,175,55,.3) !important}
.price-card{background:rgba(18,18,18,.85) !important;border:1px solid rgba(212,175,55,.3) !important}
.price-title{color:#ffe9a8 !important}
.menu-item .label{color:#f0f0f0 !important}
.menu-item .price{color:#ffe9a8 !important}


/* Adjust notice section text to soft yellow for better harmony */
.notice, .notice p, .notice .text, .notice .date {
  color: #f5e6b3 !important;
}
.notice .tag {
  background: transparent !important;
  border: 1px solid var(--gold) !important;
  color: var(--gold) !important;
}


/* Concept & Access sections - soft yellow text */
#concept p,
#concept .card p,
#access p,
#access .card p,
#access .addr {
  color: #f5e6b3 !important;
}


/* === Footer logos: 2 per row, auto-wrap to next row === */
.footer-logos{
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 12px !important;
  align-items: center !important;
  justify-items: center !important;
  padding: 8px 12px !important;
}
.footer-logos a{ display:block !important; }
.footer-logos img{
  width: 100% !important;
  max-width: 220px !important;
  height: auto !important;
  border-radius: 6px !important;
}
