/* ============================================================
   MaLab Reskin — marketssem.com 흰+보라 오버레이 (v1.0)
   원본 다크 CSS는 유지하고 "뒤에서 덮는" 시트.
   토글(malab_reskin_on) OFF 시 이 파일 자체가 로드되지 않음 = 원복.
   malabkr 톤: 보라 #8b7cf6 / 잉크 #212529 / 서브 #868e96 / 라인 #eceef1
   ============================================================ */
:root{
  --ma-g:#8b7cf6; --ma-g2:#7c6bef;
  --ma-ink:#212529; --ma-sub:#868e96; --ma-line:#eceef1; --ma-bg:#fafaff;
}

/* ── 전역: 다크 → 화이트 ── */
html, body,
body.ast-plain-container, .ast-plain-container .site-content,
#page, .site, .site-content, .hentry, .ast-separate-container .ast-article-single,
.ast-container, .entry-content{
  background:#ffffff !important;
  color:var(--ma-ink) !important;
}
body{background:#ffffff !important;}
h1,h2,h3,h4,h5,h6{color:var(--ma-ink) !important;}
p,li,td,th,span,label,figcaption{color:inherit;}
.entry-content p,.entry-content li{color:#3b3f46 !important;}
a{color:var(--ma-g) !important;}
a:hover{color:var(--ma-g2) !important;}
hr{border-color:var(--ma-line) !important;}

/* ── 헤더/푸터 ── */
.site-header, #masthead, .ast-above-header-wrap, .ast-below-header-wrap,
.main-header-bar, .ast-header-break-point .main-header-bar,
[data-section="section-header"], .ast-primary-header-bar{
  background:#ffffff !important;
  border-bottom:1px solid var(--ma-line) !important;
  color:var(--ma-ink) !important;
}
.main-header-menu a, .site-header a, .ast-builder-menu a,
.site-title a, .site-description{color:var(--ma-ink) !important;}
.main-header-menu a:hover{color:var(--ma-g) !important;}
.site-footer, .ast-footer-overlay, footer, [data-section="section-footer-builder"]{
  background:#f8f8fb !important; color:var(--ma-sub) !important;
  border-top:1px solid var(--ma-line) !important;
}
.site-footer a, footer a{color:var(--ma-sub) !important;}

/* ── 버튼 공통: 보라 ── */
button, .button, input[type=submit], input[type=button],
.wp-block-button__link, .elementor-button, .ast-button{
  background:var(--ma-g) !important; color:#ffffff !important;
  border:0 !important; border-radius:10px !important;
}
button:hover, .button:hover, input[type=submit]:hover, .elementor-button:hover{
  background:var(--ma-g2) !important;
}

/* ── 입력 필드 (html body 프리픽스 = 원본 다크 CSS의 고특이도 규칙을 확실히 이김) ── */
html body input[type=text], html body input[type=email], html body input[type=tel],
html body input[type=password], html body input[type=number], html body input[type=search],
html body textarea, html body select,
html body form[action*="members"] input, html body form[action*="register"] input,
html body form[action*="members"] select, html body form[action*="register"] select,
html body .woocommerce-checkout input[type=text], html body .woocommerce-checkout input[type=tel],
html body .woocommerce-checkout input[type=email],
html body .woocommerce .track_order input.input-text{
  background:var(--ma-bg) !important; color:var(--ma-ink) !important;
  border:1.5px solid #e4e2ef !important; border-radius:10px !important;
  -webkit-text-fill-color:var(--ma-ink) !important;
}
/* 포커스: 흰 배경 + 보라 테두리 (원본의 #2d2d2d 검은 focus 전부 무력화) */
html body input:focus, html body textarea:focus, html body select:focus,
html body form[action*="members"] input:focus, html body form[action*="register"] input:focus,
html body form[action*="members"] select:focus, html body form[action*="register"] select:focus,
html body .woocommerce-checkout input:focus, html body textarea#order_comments:focus,
html body .woocommerce .track_order input.input-text:focus,
html body .inobyte-members-form input:focus, html body .inobyte-members-subscription input:focus{
  background:#ffffff !important; color:var(--ma-ink) !important;
  border-color:var(--ma-g) !important; outline:none !important;
  box-shadow:0 0 0 3px rgba(139,124,246,.18) !important;
  -webkit-text-fill-color:var(--ma-ink) !important;
}
/* 브라우저 UA 다크 인풋 차단 — 검은 입력칸의 최종 처치 */
html{color-scheme:light !important;}
:root{color-scheme:light !important;}
/* 브라우저 자동완성(autofill) 노란/검은 배경 → 흰색 (transition 트릭 포함) */
html body input:-webkit-autofill,
html body input:-webkit-autofill:hover,
html body input:-webkit-autofill:focus,
html body input:-internal-autofill-selected{
  -webkit-box-shadow:0 0 0 1000px #ffffff inset !important;
  box-shadow:0 0 0 1000px #ffffff inset !important;
  -webkit-text-fill-color:var(--ma-ink) !important;
  caret-color:var(--ma-ink);
  border:1.5px solid #e4e2ef !important;
  transition:background-color 99999s ease-out 0s !important;
}
/* 로그인 인풋 ID 직격(특이도 최상) — 어떤 규칙이 와도 흰 배경 */
html body #username, html body #password, html body #user_login, html body #user_pass,
html body #username:focus, html body #password:focus{
  background:#ffffff !important; background-color:#ffffff !important;
  color:var(--ma-ink) !important; -webkit-text-fill-color:var(--ma-ink) !important;
  border:1.5px solid #e4e2ef !important;
}
html body #username:focus, html body #password:focus{
  border-color:var(--ma-g) !important; box-shadow:0 0 0 3px rgba(139,124,246,.18) !important;
}

/* 헤더 로고 크기 제한(정사각 원본이 원치수로 출력되는 것 방지) */
html body .custom-logo, html body img.custom-logo,
html body .site-logo-img img, html body .ast-logo-title-inline .site-logo-img img{
  max-height:46px !important; width:auto !important;
}

/* 리스킨 홈: 페이지 제목/헤더 숨김 */
body.page-id-741 .entry-header, body.page-id-741 h1.entry-title,
body.page-id-741 .ast-single-post-featured-section{display:none !important;}
input::placeholder, textarea::placeholder{color:#9aa0a6 !important;}

/* ── 로그인/가입/결제 버튼: MaLab 보라 그라데이션 (원본 인디고·빨강 그라데이션 덮음) ── */
html body form[action*="members"] button, html body form[action*="register"] button,
html body form[action*="register"] input[type=submit], html body form[action*="register"] input[type=button],
html body .inobyte-members-form button, html body .inobyte-members-form input[type=submit],
html body #place_order, html body .woocommerce-checkout #payment button#place_order,
html body .woocommerce .track_order .button,
html body .fluid_section .track-button, html body .fluid_section a.button{
  background:linear-gradient(135deg,#8b7cf6,#6a5be0) !important;
  background-color:var(--ma-g) !important;
  color:#ffffff !important; border:0 !important; border-radius:12px !important;
  box-shadow:0 8px 22px rgba(139,124,246,.30) !important;
}
html body form[action*="members"] button:hover, html body form[action*="register"] button:hover,
html body .inobyte-members-form button:hover, html body #place_order:hover{
  background:linear-gradient(135deg,#7c6bef,#5a4bd0) !important;
}
/* 로그인 하단 링크(비번찾기·회원가입) 보라 */
html body .inobyte-members-form a{color:var(--ma-g) !important;}

/* ── 로그인/가입 폼 카드 완성 (원본 #1a1a1a 카드·#eee 라벨을 라이트로) ── */
html body .inobyte-members-form, html body .inobyte-members-register,
html body form[action*="members"], html body form[action*="register"]{
  background:#ffffff !important; border:1.5px solid #ece7ff !important;
  border-radius:18px !important; box-shadow:0 16px 48px rgba(70,55,160,.10) !important;
  color:var(--ma-ink) !important;
}
html body .inobyte-members-form label, html body .torasite-members-form label,
html body form[action*="members"] label, html body form[action*="register"] label{
  color:#444 !important; font-weight:700 !important;
}
html body .inobyte-members-form p, html body .inobyte-members-form li,
html body form[action*="members"] p, html body form[action*="members"] li,
html body form[action*="register"] p, html body form[action*="register"] li{
  color:#555 !important;
}
html body .inobyte-members-form input[type=checkbox],
html body form[action*="members"] input[type=checkbox]{
  width:17px;height:17px;accent-color:var(--ma-g) !important;
}

/* WooCommerce 결제수단 박스(원본이 #payment ID로 다크 지정 → 동일 ID급으로 덮음) */
html body .woocommerce-checkout #payment ul.payment_methods div.payment_box input.input-text,
html body .woocommerce-checkout #payment ul.payment_methods div.payment_box select{
  background:#ffffff !important; background-color:#ffffff !important;
  color:var(--ma-ink) !important; border:1.5px solid #e4e2ef !important;
}
html body .woocommerce-checkout #payment ul.payment_methods div.payment_box input.input-text:focus,
html body .woocommerce-checkout #payment ul.payment_methods div.payment_box select:focus{
  border-color:var(--ma-g) !important; box-shadow:0 0 0 3px rgba(139,124,246,.18) !important;
}
html body .woocommerce-checkout #payment div.payment_box{
  background:#faf9ff !important; color:#555 !important;
}

/* ============================================================
   정기결제 결제창(inobyte) — 다크 카드였던 MALAB-INOBYTE 블록을 라이트로 덮음
   ============================================================ */
.inobyte-members-subscription{
  background:#ffffff !important; border:1.5px solid #ece7ff !important;
  color:var(--ma-ink) !important;
  box-shadow:0 16px 48px rgba(70,55,160,.12) !important;
}
.subscription-product-title{color:var(--ma-ink) !important;}
.subscription-description{color:#5c6066 !important;}
.subscription-content, .subscription-price-box{
  background:#faf9ff !important; border:1px solid #ece7ff !important;
}
.subscription-price{color:var(--ma-sub) !important;}
.inobyte-members-subscription .subscription-description .subscription-first-price{color:var(--ma-g) !important;}
.subscription-checkout-title{color:var(--ma-ink) !important; border-top:1px solid var(--ma-line) !important;}
.attr-name{color:#555 !important;}
.attr-name .required{color:#e5484d !important;}
.inobyte-members-subscription input:not([type=checkbox]):not([type=radio]),
.inobyte-members-form input[type=text], .inobyte-members-form input[type=email],
.inobyte-members-form input[type=tel], .inobyte-members-form input[type=password]{
  background:var(--ma-bg) !important; color:var(--ma-ink) !important;
  border:1.5px solid #e4e2ef !important;
}
.inobyte-members-subscription input:focus, .inobyte-members-form input:focus{
  border-color:var(--ma-g) !important; background:#fff !important;
}
.inobyte-members-subscription input[type=checkbox],
.inobyte-members-form input[type=checkbox]{accent-color:var(--ma-g) !important;}
.inobyte-members-subscription button, .inobyte-members-subscription input[type=submit],
.inobyte-members-subscription .subscription-checkout-btn{
  background:var(--ma-g) !important; color:#fff !important;
  box-shadow:0 8px 22px rgba(139,124,246,.35) !important;
}
.inobyte-members-form.page_restriction .message, .inobyte-members-form .message{
  background:#faf9ff !important; border:1.5px solid #ece7ff !important;
  color:#4a4458 !important; box-shadow:0 8px 24px rgba(70,55,160,.10) !important;
}

/* ── 정기결제 주문 목록 라이트 ── */
.inobyte-members-header{background:#ffffff !important; border-bottom:1px solid var(--ma-line) !important; color:var(--ma-ink) !important;}
.inobyte-members-header a, .header-menu a, .menu-item-profile, .menu-item-orders{color:#495057 !important;}
.orders-list-item, .inobyte-members-item-wrap{
  background:#ffffff !important; border:1.5px solid #ece7ff !important;
  box-shadow:0 6px 18px rgba(70,55,160,.08) !important;
}
.item-title, .item-date, .field-value, .item-content{color:var(--ma-ink) !important;}
.field-label{color:var(--ma-sub) !important;}
.item-status-paid, .item-subscription-status{color:#0f8a4d !important;}
.orders-controlbar, .orders-search{background:#faf9ff !important; border:1px solid #ece7ff !important;}
.inobyte-members-item-wrap input, .orders-search input{
  background:#fff !important; border:1.5px solid #e4e2ef !important; color:var(--ma-ink) !important;
}
.item-more-area{color:#3b3f46 !important;}

/* ============================================================
   MaLab 홈(기업소개) — 페이지 슬러그 body 클래스 기준
   ============================================================ */
/* ── MaLab 홈 v2 — malabkr 강의 홈(Site Kit 히어로 배너·카드) 스타일 재현 ── */
.ma-home{max-width:1120px;margin:0 auto;padding:0 20px 40px;color:var(--ma-ink);}
.ma-home *{box-sizing:border-box;}
/* 히어로 슬라이더: malabkr mh-hero 방식 — 자동 전환 + 도트 */
.ma-hero-slider{position:relative;margin:26px 0 46px;border-radius:24px;overflow:hidden;box-shadow:0 24px 60px rgba(90,75,208,.30);}
.ma-slide{position:relative;display:none;align-items:center;min-height:340px;padding:52px 56px;overflow:hidden;}
.ma-slide.on{display:flex;animation:maFade .6s ease;}
@keyframes maFade{from{opacity:.2;}to{opacity:1;}}
.ma-slide-1{background:linear-gradient(120deg,#8b7cf6 0%,#6a5be0 55%,#5a4bd0 100%);}
.ma-slide-2{background:linear-gradient(120deg,#5a4bd0 0%,#4436b8 60%,#372c96 100%);}
.ma-slide-3{background:linear-gradient(120deg,#6a5be0 0%,#8b7cf6 50%,#a897ff 100%);}
.ma-slide::after{content:'';position:absolute;right:-90px;top:-90px;width:340px;height:340px;border-radius:50%;background:rgba(255,255,255,.10);}
.ma-slide::before{content:'';position:absolute;right:70px;bottom:-120px;width:260px;height:260px;border-radius:50%;background:rgba(255,255,255,.08);}
.ma-hero-inner{position:relative;z-index:2;max-width:640px;}
.ma-hero-badge{display:inline-flex;align-items:center;gap:6px;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.35);color:#fff !important;font-size:13px;font-weight:800;padding:7px 14px;border-radius:999px;margin-bottom:18px;}
.ma-slide h1,.ma-slide h2.ma-slide-title{font-size:38px;font-weight:900;letter-spacing:-1px;line-height:1.3;margin:0 0 14px;color:#ffffff !important;}
.ma-slide .ma-accent{color:#ffe9a8 !important;}
.ma-slide p{font-size:16px;color:rgba(255,255,255,.88) !important;line-height:1.8;margin:0 0 28px;}
.ma-hero-logo{position:absolute;right:56px;top:50%;transform:translateY(-50%);z-index:2;}
.ma-hero-logo img{height:96px;width:auto;filter:drop-shadow(0 10px 24px rgba(0,0,0,.25));}
/* 도트 */
.ma-dots{position:absolute;left:56px;bottom:22px;z-index:3;display:flex;gap:8px;}
.ma-dot{width:9px;height:9px;border-radius:50%;background:rgba(255,255,255,.4);cursor:pointer;border:0;padding:0;transition:all .2s;}
.ma-dot.on{width:24px;border-radius:5px;background:#fff;}
.ma-cta{display:inline-flex;align-items:center;justify-content:center;height:52px;padding:0 30px;border-radius:14px;background:#ffffff !important;color:#6a5be0 !important;font-size:15.5px;font-weight:800;text-decoration:none !important;box-shadow:0 10px 26px rgba(0,0,0,.20);}
.ma-cta:hover{transform:translateY(-1px);color:#5a4bd0 !important;}
/* 섹션 타이틀: malabkr 톤 */
.ma-sec{padding:26px 0 40px;}
.ma-sec-title{font-size:26px;font-weight:900;letter-spacing:-.5px;margin:0 0 8px;color:var(--ma-ink) !important;text-align:left;}
.ma-sec-sub{font-size:14.5px;color:var(--ma-sub) !important;margin:0 0 24px;text-align:left;}
/* 카드: malabkr 강의 카드 스타일(흰 카드+연보라 테두리+hover 리프트) */
.ma-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;}
.ma-card{background:#ffffff;border:1.5px solid #ece7ff;border-radius:16px;padding:28px 24px;text-align:left;box-shadow:0 8px 24px rgba(70,55,160,.06);transition:transform .18s,box-shadow .18s;}
.ma-card:hover{transform:translateY(-4px);box-shadow:0 18px 40px rgba(70,55,160,.14);}
.ma-card-emoji{display:inline-flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:14px;background:#f1eefe;font-size:26px;margin-bottom:16px;}
.ma-card h3{font-size:17px;font-weight:800;margin:0 0 8px;color:var(--ma-ink) !important;}
.ma-card p{font-size:13.5px;color:var(--ma-sub) !important;line-height:1.75;margin:0;}
/* 숫자 지표 밴드 */
.ma-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:8px 0 44px;}
.ma-stat{background:#faf9ff;border:1.5px solid #ece7ff;border-radius:16px;padding:22px;text-align:center;}
.ma-stat b{display:block;font-size:28px;font-weight:900;color:var(--ma-g) !important;margin-bottom:4px;}
.ma-stat span{font-size:13px;color:var(--ma-sub) !important;}
/* CTA 밴드 */
.ma-band{background:linear-gradient(135deg,#8b7cf6,#6a5be0);border-radius:20px;padding:46px 30px;text-align:center;margin:10px 0 30px;box-shadow:0 18px 44px rgba(90,75,208,.30);}
.ma-band h2{color:#fff !important;font-size:24px;font-weight:900;margin:0 0 10px;}
.ma-band p{color:rgba(255,255,255,.85) !important;font-size:14.5px;margin:0 0 24px;}
@media (max-width:880px){
  .ma-hero{padding:38px 26px;min-height:0;}
  .ma-hero h1{font-size:27px;}
  .ma-hero-logo{display:none;}
  .ma-cards,.ma-stats{grid-template-columns:1fr;}
}