/* Apple-like theme overrides for Makino EDM index
   Place this AFTER makino_edm_common.css and makino_edm_index.css
*/
:root{
  /* Apple-ish palette */
  --apple-bg: #f5f5f7;
  --apple-bg2:#ffffff;
  --apple-txt:#1d1d1f;
  --apple-muted:#6e6e73;
  --apple-border: rgba(0,0,0,.10);
  --apple-border2: rgba(0,0,0,.08);
  --apple-shadow: 0 12px 32px rgba(0,0,0,.10);
  --apple-shadow2: 0 6px 18px rgba(0,0,0,.08);

  --apple-blue:#0066cc;
  --apple-blue2:#0071e3;
}

/* Switch overall surface to light */
html, body{
  background: var(--apple-bg) !important;
  color: var(--apple-txt) !important;
}

/* Links */
a, a:visited{
  color: var(--apple-blue) !important;
}
a:hover{ color: var(--apple-blue2) !important; }

/* Nav: frosted white */
.g-nav{
  background: rgba(255,255,255,.72) !important;
  border-bottom: 1px solid var(--apple-border) !important;
  backdrop-filter: saturate(180%) blur(18px) !important;
}
.g-nav.shrink{
  background: rgba(255,255,255,.92) !important;
}

.brand .name{
  color: var(--apple-txt) !important;
}
.nav-links > a,
.nav-links > .dd > a{
  color: var(--apple-txt) !important;
}
.nav-links > a:hover,
.nav-links > .dd:hover > a{
  background: rgba(0,0,0,.04) !important;
  border-color: var(--apple-border2) !important;
}

.dd-menu{
  background: rgba(255,255,255,.94) !important;
  border: 1px solid var(--apple-border) !important;
  box-shadow: var(--apple-shadow) !important;
}
.dd-menu a{
  color: var(--apple-txt) !important;
}
.dd-menu a:hover{
  background: rgba(0,0,0,.04) !important;
}

.lang-switch a{
  color: var(--apple-txt) !important;
  border-color: var(--apple-border) !important;
  background: rgba(255,255,255,.6) !important;
}

/* CTA: Apple blue pill */
.nav-cta{
  background: linear-gradient(180deg, #0071e3, #0060c7) !important;
  color: #fff !important;
  box-shadow: var(--apple-shadow2) !important;
}
.tel-cta.nav-cta{
  background: rgba(0,0,0,.06) !important;
  color: var(--apple-txt) !important;
  border: 1px solid var(--apple-border) !important;
}

/* Mobile menu button */
.sp-toggle button{
  color: var(--apple-txt) !important;
  border-color: var(--apple-border) !important;
  background: rgba(255,255,255,.7) !important;
}

/* Drawer */
.drawer{
  background: rgba(0,0,0,.22) !important;
}
.drawer-panel{
  background: rgba(255,255,255,.95) !important;
  border-left: 1px solid var(--apple-border) !important;
  box-shadow: var(--apple-shadow) !important;
}
.drawer a{
  color: var(--apple-txt) !important;
  border-bottom: 1px solid rgba(0,0,0,.08) !important;
}
.drawer .group-title{
  color: var(--apple-muted) !important;
}
.drawer .close button{
  color: var(--apple-txt) !important;
  border-color: var(--apple-border) !important;
  background: rgba(0,0,0,.04) !important;
}
.acc-link, .acc-btn{
  background: rgba(0,0,0,.04) !important;
  border-color: var(--apple-border) !important;
  color: var(--apple-txt) !important;
}
.acc-btn .chev{ color: var(--apple-txt) !important; }

/* Hero: white/gray Apple-ish, keep your image but soften */
/* Hero: show image a bit more (reduced overlay opacity) */
.hero{
  background:
    radial-gradient(120% 90% at 50% 0%, rgba(0,113,227,.10) 0%, rgba(0,0,0,0) 55%),
    linear-gradient(180deg, rgba(245,245,247,.62), rgba(245,245,247,.42)),
    url('https://www.nikko-kikai.co.jp/img/mecha_a.png') center/cover no-repeat !important;
  border-bottom: 1px solid var(--apple-border) !important;
}
.hero::after{
  background: radial-gradient(120% 80% at 50% -10%, rgba(255,255,255,0) 0%, rgba(0,0,0,.06) 60%, rgba(0,0,0,.10) 100%) !important;
}

.hero .title{
  color: var(--apple-txt) !important;
  text-shadow: none !important;
}
.hero .lead{
  color: var(--apple-muted) !important;
}

/* Optional: disable neon scanlines / neon-lines on Apple theme */
.hero::before{ opacity: 0 !important; }
.neon-lines{ display:none !important; }

/* Cards: clean white with subtle hover */
.card{
  background: rgba(255,255,255,.92) !important;
  border: 1px solid var(--apple-border) !important;
  box-shadow: var(--apple-shadow2) !important;
}
.card-title a{
  color: var(--apple-txt) !important;
}
.card-more a{
  color: var(--apple-txt) !important;
  font-weight: 800 !important;
}

.card:hover{
  transform: translateY(-2px);
  box-shadow: var(--apple-shadow) !important;
}
.card img{
  filter: saturate(1.02) contrast(1.02);
}

/* Remove glow/shimmer effects from the common theme (more Apple-like) */
.card::before, .card::after,
.dd-menu a::before, .dd-menu a::after,
.nav-links > .dd > a::before, .nav-links > .dd > a::after,
.drawer .acc-panel a::before, .drawer .acc-panel a::after{
  display:none !important;
}

/* Footer */
footer, footer .copyright{
  color: var(--apple-muted) !important;
}


/* Contact CTA text safety */
.nav-cta{ color:#fff !important; }


/* Header contact "お問い合わせ" force white (including hover/visited) */
.g-nav .nav-cta,
.g-nav .nav-cta:visited,
.g-nav .nav-cta:hover,
.g-nav a.nav-cta,
.g-nav a.nav-cta:visited,
.g-nav a.nav-cta:hover{
  color:#fff !important;
}