/* NIGHT GUIDE 0702 black base + clean white accents
   Keeps the original black/gold mood. White is used only as a sharp accent surface. */
:root{
  --ng-black:#030305;
  --ng-ink:#08080b;
  --ng-panel:#0c0c10;
  --ng-panel2:#141318;
  --ng-gold:#c8a45a;
  --ng-gold2:#e5c980;
  --ng-white:#fffdf7;
  --ng-ivory:#f5efe2;
  --ng-line-white:rgba(255,255,255,.20);
  --ng-line-gold:rgba(229,201,128,.28);
}

html,body{background:#030305!important;}
body{
  color:#f4ead2;
  background:
    radial-gradient(circle at 50% -12%,rgba(255,255,255,.105),transparent 30%),
    radial-gradient(circle at 12% 8%,rgba(229,201,128,.075),transparent 28%),
    linear-gradient(180deg,#07070a 0%,#030305 45%,#000 100%)!important;
}
body:before{opacity:.11!important;}

/* Black mood restored, but with sharper white/gold boundaries */
.hero,.top-hero,.status-card,.shop-card,.partner-card,.card,.business-card,.card-face,.qr-section,.venue-card,.receipt-card,.ng-product-card{
  background:linear-gradient(145deg,rgba(14,14,18,.98),rgba(4,4,6,.99))!important;
  border:1px solid rgba(255,255,255,.18)!important;
  box-shadow:
    0 24px 78px rgba(0,0,0,.62),
    inset 0 1px 0 rgba(255,255,255,.075),
    0 0 0 1px rgba(229,201,128,.065)!important;
}
.hero:before,.shop-card:before,.partner-card:before,.card:before,.business-card:before,.card-face:before,.venue-card:before{
  border-color:rgba(255,255,255,.10)!important;
}

.hero-title,.brand-title,.card-logo,.section-kicker,.business-title,.ng-product-title,.shop-card h2,.card h2{
  color:#fff4dc!important;
  text-shadow:0 0 22px rgba(229,201,128,.16)!important;
}
.hero-sub,.intro-copy,.ng-product-desc,.shop-card p,.card p,.footer,.ng-note-small{
  color:#d9ceb7!important;
}
.divider,.hero-divider-top,.hero-divider-bottom{
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.46),rgba(229,201,128,.42),transparent)!important;
}

/* Menu: black base, clean white outline */
.ng-local-menu-toggle{
  background:linear-gradient(145deg,#111116,#020203)!important;
  border:1px solid rgba(255,255,255,.28)!important;
  box-shadow:0 12px 38px rgba(0,0,0,.58),inset 0 1px 0 rgba(255,255,255,.08)!important;
}
.ng-local-menu-toggle span{background:#fff8df!important;}
.ng-local-menu-panel{
  background:rgba(8,8,11,.98)!important;
  border:1px solid rgba(255,255,255,.20)!important;
  box-shadow:0 18px 70px rgba(0,0,0,.75),inset 0 1px 0 rgba(255,255,255,.06)!important;
}
.ng-local-menu-panel a{color:#fff4dc!important;}
.ng-local-menu-panel a:hover,.ng-local-menu-panel a.active{
  background:rgba(255,255,255,.10)!important;
  color:#ffffff!important;
}

/* Product cards: keep black, add compact ivory product tiles */
.ng-item-card{
  background:linear-gradient(180deg,rgba(255,255,255,.075),rgba(255,255,255,.025))!important;
  border:1px solid rgba(255,255,255,.17)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06)!important;
}
.ng-item-photo{
  background:linear-gradient(145deg,rgba(255,255,255,.92),rgba(232,222,202,.88))!important;
  color:#15110a!important;
  border-bottom:1px solid rgba(255,255,255,.15)!important;
}
.ng-item-name{color:#fffaf0!important;}
.ng-item-price{color:#f1d887!important;}
.ng-item-note{color:#c7bea8!important;}

/* Form fields: black boxes with visible white line */
input,select,textarea,.ng-order-grid input,.ng-order-grid select{
  background:#050507!important;
  color:#fffdf7!important;
  border:1px solid rgba(255,255,255,.22)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.045)!important;
}
input::placeholder,textarea::placeholder{color:rgba(255,255,255,.38)!important;}
label{color:#f2d68c!important;}

/* Buttons */
.detail-btn,.gold-btn,.primary,.btn.primary,summary.toggle-summary{
  border:1px solid rgba(255,255,255,.22)!important;
  box-shadow:0 12px 28px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.16)!important;
}
.dark-btn,.ghost,.btn.ghost,.mini-btn{
  background:rgba(255,255,255,.065)!important;
  color:#fff2c8!important;
  border:1px solid rgba(255,255,255,.18)!important;
}

/* Namecard samples stay black; selected-style line is sharper */
.ng-card-samples{
  background:rgba(2,2,3,.72)!important;
  border-color:rgba(255,255,255,.16)!important;
}
.ng-card-sample{
  border-color:rgba(255,255,255,.20)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06)!important;
}
.ng-card-sample b{color:#fff8df!important;}
.ng-card-sample span{color:#ded3b8!important;}

/* White accent blocks: intentional, not full-site whitening */
.ng-feed-shortcut,.qr-frame{
  background:linear-gradient(145deg,#fffdf7,#eee3cf)!important;
  color:#111!important;
  border:1px solid rgba(255,255,255,.54)!important;
  box-shadow:0 16px 42px rgba(0,0,0,.35),0 0 0 1px rgba(229,201,128,.10)!important;
}
.ng-feed-shortcut b,.ng-feed-shortcut span{color:#111!important;}
.qr-text h2{color:#fff4dc!important;}
.qr-text p{color:#d6cbb3!important;}

/* Admin page: keep dark, use white only for feed editing cards */
.head,.admin .head,.wrap>.card{background:linear-gradient(145deg,#101014,#050505)!important;border-color:rgba(255,255,255,.17)!important;}
.feed-item{
  background:linear-gradient(145deg,#fffdf7,#eee5d6)!important;
  color:#111!important;
  border:1px solid rgba(255,255,255,.48)!important;
  box-shadow:0 14px 38px rgba(0,0,0,.22)!important;
}
.feed-item .field label{color:#111!important;}
.feed-item .field input,.feed-item .field textarea,.prompt-box{
  background:#fff!important;color:#111!important;border-color:rgba(0,0,0,.14)!important;
}

/* FEED page: black outer world + clean white social cards */
body .page{position:relative;}
.feed-head,.post,.empty{
  background:#fffdf7!important;
  color:#111!important;
  border:1px solid rgba(255,255,255,.50)!important;
  box-shadow:0 22px 60px rgba(0,0,0,.44),0 0 0 1px rgba(229,201,128,.06)!important;
}
.feed-head .brand p,.date,.prompt,.comment span{color:#4d4d4d!important;}
.feed-head .brand h1,.who,.post-title,.comments h3,.comment b{color:#111!important;}
.post-text,.comment p{color:#222!important;}
.tabs a{background:#f7f2e8!important;color:#111!important;border-color:rgba(0,0,0,.12)!important;}
.tabs a.dark,.comment-form button{background:#111!important;color:#fff!important;}
.comment-form input,.comment-form textarea{
  background:#fff!important;color:#111!important;border-color:rgba(0,0,0,.16)!important;
}
.ng-local-menu-panel .active{color:#fff!important;}

@media(max-width:560px){
  .hero,.top-hero,.status-card,.shop-card,.partner-card,.card,.business-card,.card-face,.qr-section,.ng-product-card{border-radius:24px!important;}
}


/* 0702 PREMIUM MOOD UPGRADE: black original + white accent + 프리미엄 정렬 */
.luxury-hero-label{margin-top:16px;color:#fffaf0;font-size:12px;font-weight:1000;letter-spacing:.32em;text-transform:uppercase;opacity:.86}
.luxury-showcase{margin:18px 0 22px;border:1px solid rgba(255,255,255,.20);border-radius:26px;background:linear-gradient(145deg,rgba(15,15,18,.98),rgba(3,3,5,.99));box-shadow:0 24px 70px rgba(0,0,0,.52),inset 0 1px 0 rgba(255,255,255,.07);overflow:hidden}
.luxury-showcase-top{padding:18px 18px 15px;border-bottom:1px solid rgba(255,255,255,.12);display:grid;gap:8px}
.luxury-showcase-top span{color:#e5c980;font-size:12px;font-weight:1000;letter-spacing:.22em}
.luxury-showcase-top b{color:#fff8df;font-size:20px;line-height:1.45;letter-spacing:-.05em}
.luxury-showcase-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0}
.luxury-showcase-grid div{padding:18px 14px;border-right:1px solid rgba(255,255,255,.12);min-height:120px;background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.012))}
.luxury-showcase-grid div:last-child{border-right:0}
.luxury-showcase-grid strong{display:block;color:#ffffff;font-family:Georgia,'Times New Roman',serif;font-size:32px;font-weight:700;line-height:1}
.luxury-showcase-grid span{display:block;margin-top:12px;color:#e5c980;font-size:12px;font-weight:1000;letter-spacing:.18em}
.luxury-showcase-grid em{display:block;margin-top:7px;color:#d8ceb6;font-size:13px;font-style:normal;font-weight:800;line-height:1.45}
.ng-product-card{border-radius:28px!important}
.ng-product-kicker{background:#fffdf7!important;color:#0a0a0b!important;border-color:rgba(255,255,255,.62)!important;box-shadow:0 10px 24px rgba(0,0,0,.18)!important}
.ng-product-title{font-family:Georgia,'Times New Roman','Noto Serif KR',serif!important;letter-spacing:-.045em!important}
.ng-item-card{border-radius:20px!important}
.ng-item-photo{height:150px!important}
.ng-card-samples{padding:16px!important;border-radius:24px!important}
.ng-card-sample-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important}
.real-card-sample{min-height:auto!important;padding:0!important;background:#050506!important;border-radius:18px!important;overflow:hidden!important;aspect-ratio:1000/560!important;box-shadow:0 14px 34px rgba(0,0,0,.32),inset 0 1px 0 rgba(255,255,255,.07)!important}
.real-card-sample:before{display:none!important}
.real-card-sample img{display:block;width:100%;height:100%;object-fit:cover;transform:scale(1.002)}
.real-card-sample .sample-badge{position:absolute;left:10px;bottom:10px;margin:0!important;padding:7px 10px;border:1px solid rgba(255,255,255,.24);border-radius:999px;background:rgba(0,0,0,.70);backdrop-filter:blur(8px);font-size:11px!important;font-weight:1000!important;color:#fff!important;letter-spacing:.04em}
.ng-card-custom{aspect-ratio:auto!important;min-height:82px!important;display:flex!important;align-items:center!important;justify-content:center!important;flex-direction:column!important;background:linear-gradient(145deg,rgba(255,255,255,.08),rgba(229,201,128,.06))!important}
.qr-section,.ng-feed-shortcut{border-radius:24px!important}
@media(max-width:560px){.luxury-showcase-grid{grid-template-columns:1fr}.luxury-showcase-grid div{border-right:0;border-bottom:1px solid rgba(255,255,255,.12)}.luxury-showcase-grid div:last-child{border-bottom:0}.ng-card-sample-grid{grid-template-columns:1fr!important}.luxury-hero-label{font-size:10px;letter-spacing:.22em}}

/* NG 0702: service pages show no extra descriptions */
.ng-service-ad em,.svc-lead,.svc-item-body em{display:none!important;}