/*
Template: jin
Theme Name: jin-child
Author: CrossPiece
Version: 2.0
*/

/* ============================================================
   MIYAGI34 — GLAMDAY STYLE × AQUASENSE MIX REDESIGN
   ============================================================ */

/* --- CSS Variables --- */
:root {
  --gs-black: #0a0a0a;
  --gs-dark: #1a1a1a;
  --gs-warm-dark: #1C1A17;
  --aq-navy: #1B2A4A;
  --aq-slate: #3A4E6B;
  --aq-blue-light: #B8CBE4;
  --aq-cream: #F5F0E8;
  --aq-warm-white: #FAFAF7;
  --aq-gold: #C4A96A;
  --aq-gold-light: #D4BA85;
  --accent-copper: #B87333;
  --section-bg: #F8F6F2;
}

/* --- Base --- */
*,*::before,*::after{box-sizing:border-box}
body{
  font-family:'Noto Serif JP','Georgia',serif;
  background:var(--aq-warm-white);
  color:var(--gs-dark);
  -webkit-font-smoothing:antialiased;
  letter-spacing:0.02em;
}
a{color:var(--aq-navy);text-decoration:none;transition:color .3s}
a:hover{color:var(--aq-gold)}

/* --- Typography --- */
h1,h2,h3,h4,h5,h6{
  font-family:'Cormorant Garamond','Noto Serif JP',serif !important;
  font-weight:300 !important;
  letter-spacing:0.06em !important;
  color:var(--aq-navy) !important;
  line-height:1.25 !important;
}

/* --- Header: GLAMDAY Dark Style --- */
#site-header,.header-top{
  background:rgba(10,10,10,0.95) !important;
  backdrop-filter:blur(20px) saturate(180%) !important;
  -webkit-backdrop-filter:blur(20px) saturate(180%) !important;
  border-bottom:1px solid rgba(196,169,106,0.3) !important;
  box-shadow:none !important;
}
.logo a,.site-branding a,#site-header .site-title a{
  font-family:'Cormorant Garamond',serif !important;
  font-weight:300 !important;
  font-size:1.4rem !important;
  letter-spacing:0.25em !important;
  color:#ffffff !important;
  text-transform:uppercase !important;
}
#site-header nav a,.global-nav a,#nav-global a{
  font-family:'Montserrat',sans-serif !important;
  font-size:0.7rem !important;
  font-weight:400 !important;
  letter-spacing:0.2em !important;
  text-transform:uppercase !important;
  color:rgba(255,255,255,0.75) !important;
  transition:color .3s !important;
}
#site-header nav a:hover,.global-nav a:hover{color:var(--aq-gold) !important}

/* カラーバー: ゴールドライン */
.color-bar{
  height:2px !important;
  background:linear-gradient(90deg,var(--aq-navy) 0%,var(--aq-gold) 40%,var(--accent-copper) 70%,var(--aq-navy) 100%) !important;
}

/* --- Buttons: GLAMDAY/AQUASENSE混合 --- */
.wp-block-button__link,.jin-button a,a.btn,.cps-btn{
  font-family:'Montserrat',sans-serif !important;
  font-size:0.72rem !important;
  font-weight:500 !important;
  letter-spacing:0.25em !important;
  text-transform:uppercase !important;
  background:var(--aq-gold) !important;
  color:#fff !important;
  border:1px solid var(--aq-gold) !important;
  border-radius:0 !important;
  padding:16px 40px !important;
  transition:all .4s !important;
  box-shadow:none !important;
}
.wp-block-button__link:hover,.jin-button a:hover,a.btn:hover{
  background:transparent !important;
  color:var(--aq-gold) !important;
}

/* --- Cards --- */
.jin-card,.post-card,article.post{
  border-radius:0 !important;
  background:#fff !important;
  border:1px solid rgba(196,169,106,0.2) !important;
  box-shadow:0 4px 32px rgba(27,42,74,0.06) !important;
  overflow:hidden !important;
  transition:transform .5s cubic-bezier(.4,0,.2,1),box-shadow .5s !important;
}
.jin-card:hover,article.post:hover{
  transform:translateY(-6px) !important;
  box-shadow:0 20px 60px rgba(27,42,74,0.12) !important;
}

/* --- Footer: GLAMDAY Dark --- */
#site-footer,.site-footer,footer{
  background:var(--gs-warm-dark) !important;
  color:rgba(255,255,255,0.6) !important;
  border-top:1px solid rgba(196,169,106,0.2) !important;
}
#site-footer a,footer a{
  color:rgba(255,255,255,0.6) !important;
  transition:color .3s !important;
}
#site-footer a:hover,footer a:hover{color:var(--aq-gold) !important}
.footer-copyright,.copyright{
  font-family:'Montserrat',sans-serif;
  font-size:0.65rem;
  letter-spacing:0.15em;
  color:rgba(255,255,255,0.35) !important;
  text-align:center;
  padding:20px;
}

/* --- Sticky Bar --- */
.sticky-bar,[class*="fixed-bar"]{
  background:rgba(10,10,10,0.95) !important;
  backdrop-filter:blur(20px) !important;
  border-top:1px solid rgba(196,169,106,0.25) !important;
  color:rgba(255,255,255,0.75) !important;
}

/* --- miyagi-hp sections (homepage) --- */
.miyagi-hp .mh-label{
  font-family:'Montserrat',sans-serif !important;
  font-size:0.62rem !important;
  font-weight:400 !important;
  letter-spacing:0.4em !important;
  text-transform:uppercase !important;
  color:var(--aq-gold) !important;
  text-align:center !important;
  margin-bottom:16px !important;
}
.miyagi-hp .mh-ttl{
  font-family:'Cormorant Garamond','Noto Serif JP',serif !important;
  font-size:clamp(2rem,4vw,3.6rem) !important;
  font-weight:300 !important;
  text-align:center !important;
  letter-spacing:0.04em !important;
  line-height:1.3 !important;
  margin-bottom:20px !important;
  color:var(--aq-navy) !important;
}
.miyagi-hp .mh-sub{
  font-family:'Noto Serif JP',serif !important;
  font-size:0.95rem !important;
  font-weight:300 !important;
  color:#5a6478 !important;
  text-align:center !important;
  line-height:2 !important;
  max-width:560px !important;
  margin:0 auto 80px !important;
  letter-spacing:0.05em !important;
}
.miyagi-hp .card{
  border-radius:0 !important;
  padding:56px 40px !important;
  background:#fff !important;
  border:none !important;
  box-shadow:none !important;
  transition:background .4s !important;
  position:relative;
  overflow:hidden;
}
.miyagi-hp .card::before{
  content:'';
  position:absolute;
  top:0;left:0;right:0;
  height:2px;
  background:var(--aq-gold);
  transform:scaleX(0);
  transition:transform .4s;
}
.miyagi-hp .card:hover::before{transform:scaleX(1)}
.miyagi-hp .card:hover{background:var(--section-bg) !important}
.miyagi-hp .card h3{
  font-family:'Noto Serif JP',serif !important;
  font-size:1.05rem !important;
  font-weight:400 !important;
  color:var(--aq-navy) !important;
  margin-bottom:12px !important;
  letter-spacing:0.06em !important;
}
.miyagi-hp .card p{
  font-family:'Noto Serif JP',serif;
  font-size:0.88rem;
  line-height:1.9;
  color:#5a6478;
  font-weight:300;
}
.miyagi-hp .mh-hero{
  background:linear-gradient(160deg,#0D1B2E 0%,#1B2A4A 50%,#0D1B2E 100%);
  position:relative;
  overflow:hidden;
}
.miyagi-hp .mh-hero::before{
  content:'';
  position:absolute;
  inset:0;
  background:
    radial-gradient(ellipse 80% 60% at 30% 40%,rgba(196,169,106,.08) 0%,transparent 60%),
    radial-gradient(ellipse 60% 80% at 70% 70%,rgba(58,78,107,.3) 0%,transparent 60%);
}
.miyagi-hp .mh-eyebrow{
  font-family:'Montserrat',sans-serif;
  font-size:0.65rem;
  font-weight:400;
  letter-spacing:0.4em;
  text-transform:uppercase;
  color:var(--aq-gold);
  border:1px solid rgba(196,169,106,.4);
  padding:8px 24px;
}
.miyagi-hp .mh-hero-title{
  font-family:'Cormorant Garamond','Noto Serif JP',serif !important;
  font-weight:300 !important;
  color:#fff !important;
  letter-spacing:0.06em !important;
  line-height:1.15 !important;
}
.miyagi-hp .mh-hero-title em{
  font-style:italic;
  color:var(--aq-gold);
}
.miyagi-hp .mh-btn-primary{
  font-family:'Montserrat',sans-serif;
  font-size:0.7rem;
  font-weight:500;
  letter-spacing:0.25em;
  text-transform:uppercase;
  background:var(--aq-gold);
  color:#fff;
  border:1px solid var(--aq-gold);
  padding:18px 48px;
  transition:all .4s;
  display:inline-block;
  text-decoration:none;
}
.miyagi-hp .mh-btn-primary:hover{
  background:transparent;
  color:var(--aq-gold);
}
.miyagi-hp .mh-btn-outline{
  font-family:'Montserrat',sans-serif;
  font-size:0.7rem;
  font-weight:400;
  letter-spacing:0.25em;
  text-transform:uppercase;
  background:transparent;
  color:rgba(255,255,255,.8);
  border:1px solid rgba(255,255,255,.35);
  padding:18px 48px;
  transition:all .4s;
  display:inline-block;
  text-decoration:none;
}
.miyagi-hp .mh-btn-outline:hover{
  border-color:var(--aq-gold);
  color:var(--aq-gold);
}
.miyagi-hp .mh-cta{
  background:linear-gradient(160deg,#0D1B2E 0%,#1B2A4A 100%);
  position:relative;
  overflow:hidden;
}
.miyagi-hp .mh-cta::before{
  content:'';
  position:absolute;
  inset:0;
  background:radial-gradient(ellipse 70% 50% at 50% 50%,rgba(196,169,106,.1) 0%,transparent 70%);
}
.miyagi-hp .mh-cta .mh-ttl{color:#fff !important}
.miyagi-hp .mh-cta .mh-sub{color:rgba(255,255,255,.65) !important}

/* --- HR Divider --- */
hr,.wp-block-separator{
  border:none !important;
  border-top:1px solid rgba(196,169,106,.25) !important;
  margin:60px auto !important;
  max-width:120px !important;
}

/* --- Quote --- */
.wp-block-quote{
  border-left:2px solid var(--aq-gold) !important;
  background:var(--section-bg) !important;
  padding:32px 40px !important;
  font-family:'Cormorant Garamond',serif !important;
  font-style:italic !important;
  font-size:1.3rem !important;
  color:var(--aq-navy) !important;
}

/* --- Responsive --- */
@media(max-width:768px){
  .miyagi-hp .cards{grid-template-columns:1fr !important;gap:2px !important}
  .miyagi-hp .card{padding:40px 28px !important}
}