/*
Theme Name: OMOI NAGORI
Theme URI: https://omoinagori.com/
Author: OMOI NAGORI
Description: OMOI NAGORI official artist site — editable LIVE / MUSIC / ABOUT / CONTACT / NEWS.
Version: 4.9.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: omoi-nagori
*/

:root{
  --bg:#f4f0e9;--ink:#171614;--muted:#746f67;--line:#d7d0c5;--dark:#1b1a18;
  --serif:Georgia,"Times New Roman",serif;
  --sans:-apple-system,BlinkMacSystemFont,"Helvetica Neue","Hiragino Kaku Gothic ProN","Yu Gothic",sans-serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--sans);line-height:1.8}
a{color:inherit;text-decoration:none}
img{max-width:100%;height:auto;display:block}
.site-header{position:fixed;z-index:50;top:0;left:0;right:0;padding:22px 4vw;display:flex;align-items:center;justify-content:space-between;background:rgba(244,240,233,.88);backdrop-filter:blur(12px);border-bottom:1px solid rgba(215,208,197,.6)}
.logo{font-family:var(--serif);letter-spacing:.14em;font-size:17px}
.nav{display:flex;gap:28px;font-size:11px;letter-spacing:.18em}
.nav a:hover{opacity:.55}
.menu-toggle{display:none;background:none;border:0;font-size:22px;color:var(--ink);padding:0;line-height:1;cursor:pointer}.header-actions{display:flex;align-items:center;gap:18px}.header-socials{display:flex;align-items:center;gap:13px}.header-social{display:inline-flex;width:18px;height:18px;align-items:center;justify-content:center;color:var(--ink);opacity:.88;transition:opacity .2s,transform .2s}.header-social:hover{opacity:.5;transform:translateY(-1px)}.header-social svg{width:18px;height:18px;display:block;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.header-social svg .fill{fill:currentColor;stroke:none}.header-social-youtube svg,.header-social-spotify svg{stroke-width:1.6}.header-social-youtube svg .cut{fill:var(--bg);stroke:none}.header-social-spotify svg .cut{fill:none;stroke:var(--bg);stroke-width:1.3}.header-social-tiktok svg{fill:currentColor;stroke:none}
.container{width:min(1160px,92vw);margin:auto}
.hero{padding:38px 0 0;display:block}
.hero-copy{display:none}
.hero-image{width:100%;height:auto !important;min-height:0 !important;max-height:none !important;background:transparent;display:block;overflow:visible;aspect-ratio:auto !important}
.hero-image img{
  display:block;
  width:100%;
  height:auto !important;
  max-width:100%;
  min-height:0 !important;
  object-fit:contain !important;
  object-position:center top !important;
  aspect-ratio:auto !important;
  max-height:none !important;
  vertical-align:top;
}
.hero-image-placeholder{
  width:100%;
  aspect-ratio:16/9;
  background:#e7e2da;
}
.omoi-section-stack{display:flex;flex-direction:column;width:100%}.section{padding:70px 0;border-top:1px solid var(--line)}
.section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px}
.section-head-colored{background:var(--section-accent,#e8e2da);padding:9px 16px 10px;margin-bottom:24px;border-top:1px solid rgba(23,22,20,.08);border-bottom:1px solid rgba(23,22,20,.08)}
.section-head-colored .section-title{margin:0}.section-view-all{margin-left:auto;font-size:11px;letter-spacing:.14em;white-space:nowrap}.music-card-link{display:block}.music-card .card-thumb{width:100%;aspect-ratio:1/1;background-size:contain;background-repeat:no-repeat;background-position:center}.music-archive-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:34px 24px}.music-archive .archive-head{margin-top:18px}.music-archive-grid .card h2{font:400 24px/1.3 var(--serif);margin:8px 0}.music-detail-art{width:min(520px,100%);aspect-ratio:1/1;margin:40px auto 0;background:#e9e5de;display:flex;align-items:center;justify-content:center;overflow:hidden}.music-detail-art img{width:100%;height:100%;object-fit:contain;display:block}
.section-kicker{font-size:11px;letter-spacing:.22em;color:var(--muted)}
.section-title{font:400 clamp(27px,3.2vw,42px)/1.05 var(--serif);margin:0}
.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:8vw;align-items:start}
.about-lead{font:400 clamp(28px,4vw,48px)/1.35 var(--serif);margin:0 0 28px}
.about-copy{max-width:560px;color:#4e4a44}
.text-link{display:inline-block;margin-top:28px;border-bottom:1px solid var(--ink);padding-bottom:4px;font-size:12px;letter-spacing:.14em}
.cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
.card{border-top:1px solid var(--line);padding-top:18px}
.card-thumb{aspect-ratio:1/1;width:100%;background:#ddd center/contain no-repeat;margin-bottom:18px;overflow:hidden}
.card-meta{font-size:11px;color:var(--muted);letter-spacing:.08em}
.card h3{font:400 27px/1.3 var(--serif);margin:8px 0}
.card p{color:#59544d;font-size:13px}
.live-list{display:grid;gap:0}
.live-item{display:grid;grid-template-columns:150px 1fr auto;gap:35px;align-items:center;border-top:1px solid var(--line);padding:28px 0}
.live-date{font-family:var(--serif);font-size:28px;line-height:1.15}
.live-date small{display:block;font:11px var(--sans);letter-spacing:.1em;color:var(--muted)}
.live-title{font:400 25px/1.3 var(--serif);margin:0 0 6px}
.live-meta{font-size:12px;color:var(--muted)}
.button{display:inline-block;padding:12px 20px;border:1px solid var(--ink);font-size:11px;letter-spacing:.12em;transition:.2s}
.button:hover{background:var(--ink);color:#fff}
.news-list{border-top:1px solid var(--line)}
.news-item{display:grid;grid-template-columns:130px 1fr auto;gap:20px;padding:20px 0;border-bottom:1px solid var(--line)}
.news-date{font-size:12px;color:var(--muted)}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.form-field{display:flex;flex-direction:column;gap:8px}
.form-field.full{grid-column:1/-1}
.form-field label{font-size:11px;letter-spacing:.12em}
.form-field input,.form-field select,.form-field textarea{font:inherit;background:transparent;border:1px solid var(--line);padding:13px;border-radius:0}
.form-field textarea{min-height:140px;resize:vertical}
.form-submit{margin-top:22px;background:var(--dark);color:#fff;border:0;padding:15px 28px;letter-spacing:.12em;cursor:pointer}
.notice{padding:14px 16px;border:1px solid var(--line);margin-bottom:25px;font-size:13px}
.site-footer{padding:60px 0;border-top:1px solid var(--line);font-size:11px;color:var(--muted)}
.footer-row{display:flex;justify-content:space-between;gap:20px}
.entry{padding-top:130px;padding-bottom:100px}
.entry h1{font:400 clamp(42px,6vw,72px)/1.1 var(--serif);margin:0 0 10px}
.entry-content{max-width:760px;margin-top:50px}
.entry-content p{margin:0 0 1.4em}
.admin-hint{font-size:12px;color:var(--muted);padding:12px 0}
@media(max-width:760px){
  .site-header{padding:18px 5vw}.nav{display:none}.header-actions{gap:14px}.header-socials{gap:11px}.header-social{width:17px;height:17px}.header-social svg{width:17px;height:17px}.menu-toggle{display:block}.hero{display:block;padding-top:22px}.hero-image{min-height:0 !important;height:auto !important;max-height:none !important;order:initial;aspect-ratio:auto !important;overflow:visible}.hero-copy{display:none}.section{padding:75px 0}.about-grid{grid-template-columns:1fr}.music-cards{display:flex;overflow-x:auto;gap:16px;padding:0 0 12px;margin-right:-5vw;padding-right:5vw;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none}.music-cards::-webkit-scrollbar{display:none}.music-cards .music-card{flex:0 0 68vw;max-width:280px;scroll-snap-align:start;border-top:0;padding-top:0}.music-cards .card-thumb{margin-bottom:12px}.music-cards .card h3{font-size:22px}.section-head-colored{padding:8px 12px 9px}.section-view-all{font-size:10px}.music-archive-grid{grid-template-columns:1fr 1fr;gap:28px 14px}.music-archive-grid .card h2{font-size:20px}.music-detail-art{width:min(88vw,420px);margin-top:32px}.live-item{grid-template-columns:90px 1fr;gap:16px}.live-item .button{grid-column:2;width:max-content}.live-title{font-size:21px}.news-item{grid-template-columns:90px 1fr}.news-item .arrow{display:none}.form-grid{grid-template-columns:1fr}.form-field.full{grid-column:auto}.footer-row{flex-direction:column}
}

/* LIVE flyer */
.live-item-v22{grid-template-columns:180px 150px 1fr auto;align-items:center}
.live-flyer{width:180px;height:240px;background:#e9e5de;display:flex;align-items:center;justify-content:center;overflow:hidden}
.live-flyer:empty{visibility:hidden}
.live-flyer img{width:100%;height:100%;object-fit:contain;display:block}
.omoi-flyer-open{display:block;width:100%;height:100%;cursor:zoom-in}
.omoi-flyer-lightbox{position:fixed;inset:0;z-index:1000;background:rgba(10,10,10,.88);display:none;align-items:center;justify-content:center;padding:5vh 5vw}
.omoi-flyer-lightbox.is-open{display:flex}
.omoi-flyer-lightbox img{max-width:92vw;max-height:90vh;width:auto;height:auto;object-fit:contain;box-shadow:0 10px 50px rgba(0,0,0,.4)}
.omoi-flyer-close{position:absolute;top:18px;right:24px;border:0;background:none;color:#fff;font-size:42px;line-height:1;cursor:pointer}
@media(max-width:900px){
  .live-item-v22{grid-template-columns:120px 1fr;align-items:start}
  .live-flyer{grid-row:1 / span 3;width:120px;height:160px}
  .live-item-v22 .live-date{grid-column:2}
  .live-item-v22>div:nth-child(3){grid-column:2}
  .live-item-v22>div:nth-child(4){grid-column:2;margin-top:10px}
}
@media(max-width:520px){
  .live-item-v22{grid-template-columns:100px 1fr;gap:12px}
  .live-flyer{width:100px;height:133px}
  .omoi-flyer-lightbox{padding:30px 12px}
  .omoi-flyer-lightbox img{max-width:96vw;max-height:84vh}
}

.cf-turnstile{margin:18px 0;min-height:65px}

.music-type{letter-spacing:.12em;text-transform:none;margin-bottom:6px;font-weight:600}

/* v4.7: top-page section order is controlled by the Customizer */
.omoi-section-stack{display:flex;flex-direction:column;width:100%;}

/* Lyrics accordion */
.lyrics-accordion{margin:56px 0 20px;border-top:1px solid #d7d0c5}
.lyrics-toggle{width:100%;display:flex;justify-content:space-between;align-items:center;padding:20px 0;background:none;border:0;border-bottom:1px solid #d7d0c5;color:inherit;font:inherit;letter-spacing:.12em;text-align:left;cursor:pointer}
.lyrics-toggle-mark{font-size:24px;line-height:1;letter-spacing:0}
.lyrics-panel{border-bottom:1px solid #d7d0c5}
.lyrics-content{padding:32px 0 40px;line-height:2.05;white-space:normal}
.lyrics-content p{margin:0 0 1.4em}