/*
Theme Name: LapTrinhIT – Giao diện con
Theme URI: https://laptrinhit.vn/
Description: Giao diện con tối ưu cho website kiến thức CNTT, bài học, câu lệnh AI và bán giao diện WordPress/WooCommerce trên nền Flatsome.
Author: LapTrinhIT
Template: flatsome
Version: 3.3.0
Update URI: https://laptrinhit.com/
Text Domain: laptrinhit-child
Requires PHP: 7.4
*/

:root{
  --lti-navy:#0b1f4d;
  --lti-blue:#2563eb;
  --lti-cyan:#06b6d4;
  --lti-purple:#7c3aed;
  --lti-ink:#0f172a;
  --lti-muted:#64748b;
  --lti-border:#e7ecf4;
  --lti-bg:#f5f8ff;
  --lti-radius:16px;
  --lti-shadow:0 12px 32px rgba(7,27,61,.08);
}

html{scroll-behavior:smooth}
body.laptrinhit-site{margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;color:var(--lti-ink);background:#fff}
body.laptrinhit-site a{text-decoration:none}
.lti-container{width:min(1200px,calc(100% - 32px));margin-inline:auto}
.lti-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}


/* v2.9.2 — Flatsome overlay isolation.
 * Flatsome still prints its own mobile sidebar/lightbox markup in wp_footer().
 * When parent CSS is intentionally stripped on the custom LapTrinhIT homepage,
 * those nodes must remain hidden. `mfp-hide` is the parent theme's explicit
 * hidden-state class, so this guard is safe and does not touch the LapTrinhIT menu.
 */
body.laptrinhit-site .mfp-hide,
body.laptrinhit-site #main-menu.mobile-sidebar,
body.laptrinhit-site #login-form-popup.lightbox-content{display:none!important;visibility:hidden!important}

/* v2.9.3 — Media Optimizer: preserve PNG transparency with alpha-safe/lossless WebP. */

/* v2.9.4 — Repair tool for legacy transparent PNG derivatives while preserving original URL/attachment ID. */
/* v2.9.6 — Deep alpha recovery: scan legacy WebP attachments, preserve transparent PNG originals, and avoid broken responsive logo renditions. */

/* v3.0.0 — Visual refresh for detailed frontends: lesson, product, AI prompt, article, managed page, account/member and auth. */

/* v3.1.0 — Frontend Feature Manager */
.lti-feature-preview-bar{position:relative;z-index:9998;background:#fff7ed;border-bottom:1px solid #fed7aa;color:#9a3412;padding:8px 16px;text-align:center;font-size:13px}
.lti-feature-soon-main{background:linear-gradient(180deg,#f8fbff,#fff);min-height:62vh;padding:56px 0 72px}.lti-feature-soon-card{max-width:780px;margin:0 auto;text-align:center;background:#fff;border:1px solid #dce6f3;border-radius:28px;padding:54px 34px;box-shadow:0 24px 70px rgba(11,31,77,.10)}.lti-feature-soon-mark{width:76px;height:76px;margin:18px auto;display:grid;place-items:center;border-radius:22px;background:linear-gradient(135deg,#2563eb,#7c3aed);color:#fff;box-shadow:0 18px 34px rgba(37,99,235,.24)}.lti-feature-soon-mark svg{width:34px;height:34px}.lti-feature-soon-card h1{font-size:clamp(30px,4vw,48px);line-height:1.08;margin:12px 0 16px;color:#0b1f4d}.lti-feature-soon-card p{max-width:640px;margin:0 auto;color:#64748b;font-size:17px;line-height:1.7}.lti-feature-soon-actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:28px}.lti-feature-teaser{border:1px dashed #c7d7ed;border-radius:20px;padding:34px;text-align:center;background:linear-gradient(135deg,#f8fbff,#f3f0ff)}.lti-feature-teaser strong{display:block;color:#0b1f4d;font-size:22px;margin-bottom:8px}.lti-feature-teaser p{margin:0;color:#64748b}.lti-item-card.is-coming-soon,.lti-lesson-card.is-coming-soon{position:relative}.lti-coming-badge{display:inline-flex;align-items:center;border-radius:999px;padding:5px 9px;background:#fff7ed;color:#c2410c;font-size:11px;font-weight:800;white-space:nowrap}
@media(max-width:640px){.lti-feature-soon-main{padding:32px 0 48px}.lti-feature-soon-card{padding:36px 20px;border-radius:22px}.lti-feature-soon-card p{font-size:15px}.lti-feature-preview-bar{font-size:12px;padding:7px 10px}}

/* v3.2.0 — Dark 2026 frontend mode with admin-selectable light fallback. */
/* v3.3.0 — Balanced Dark 2026: unified surfaces, typography, spacing and component rhythm. */

/* Hide the featured-prompt section until its category has published products. */
#lti-main.lti-prompts-page .lti-market-section:has(.lti-section-head a[href*='/prompt-ai/pro/']):not(:has(.lti-item-card)){display:none}