/* =========================================================
   Quang Phan Child — responsive overrides
   Breakpoints: tablet <=1024px, mobile <=640px, small <=380px
   ========================================================= */

@media (max-width: 1024px){
  .qp .container{padding:0 28px;}

  .qp .hero-grid{grid-template-columns:1fr;gap:40px;}
  .qp .hero-photo{padding-bottom:0;order:-1;max-width:360px;margin:0 auto;}

  .qp .about-grid{grid-template-columns:1fr;gap:32px;}
  .qp .about-grid > *:first-child{max-width:360px;margin:0 auto;}

  .qp .detail-grid{grid-template-columns:1fr;gap:40px;}
  .qp .detail-grid > *:last-child{position:static;}

  .qp .footer-grid{grid-template-columns:1fr 1fr;gap:32px;}

  .qp .grid-3{grid-template-columns:repeat(2,1fr);}

  #learn-press-profile .lp-content-area{grid-template-columns:1fr !important;grid-template-areas:"header" "sidebar" "content" !important;}
}

@media (max-width: 640px){
  .qp .container{padding:0 20px;}

  .qp-nav{padding:14px 20px;}
  .qp-nav-menu{display:none;}
  .qp-nav-actions > a{display:none;}
  .qp-nav-actions .btn{padding:11px 18px;font-size:13px;}
  .qp-nav-burger{display:flex; margin-left: 20px;}
  /* .qp-mobile-menu la con truc tiep cua .qp-nav (display:flex;flex-wrap:nowrap
     mac dinh trong style.css) — neu chi bat display:flex ma khong tach no ra
     khoi dong flex chinh, no se bi xep NGANG cung hang voi logo/burger thay vi
     xuong hang duoi, khien .qp-nav bi tran ngang (vo bo cuc, ca trang bi thu
     nho lai de vua). Dung position:absolute de no thanh 1 dropdown doc lap,
     khong con tinh vao flex layout cua .qp-nav nua. */
  .qp-mobile-menu.is-open{display:flex;flex-direction:column;gap:2px;position:absolute;top:100%;left:0;right:0;padding:12px 20px 20px;border-bottom:1px solid var(--border);background:var(--white);box-shadow:0 12px 24px rgba(0,35,66,0.1);z-index:49;}
  .qp-mobile-menu ul.qp-mobile-links{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px;}
  .qp-mobile-menu a{display:block;padding:10px 4px;color:var(--text2);font-weight:700;font-size:15px;}

  .qp h1{font-size:clamp(26px,7vw,34px) !important;}
  .qp h2{font-size:clamp(22px,6vw,28px) !important;}

  .qp .hero-grid{gap:28px;}
  .qp .hero-actions{flex-direction:column;}
  .qp .hero-actions .btn{width:100%;}
  /* Duoi 640px .home-hero__cta-group tro lai block (thay vi inline-block o
     desktop) de nut + the lich khai giang luon full-width binh thuong, tranh
     loi co ngot khi con o trong container inline-block shrink-to-fit */
  .qp .home-hero__cta-group{display:block;width:100%;}
  .qp .trust-bar{flex-direction:column;align-items:flex-start;gap:10px;}

  .qp .grid-3,.qp .grid-2{grid-template-columns:1fr;}

  .qp .pricing-row{flex-direction:column;align-items:stretch;text-align:left;gap:16px;}
  .qp .pricing-price{text-align:left;}
  .qp .pricing-price .btn{width:100%;margin-top:8px;}

  .qp .cta-box{flex-direction:column;align-items:flex-start;padding:36px 24px;}
  .qp .cta-box .btn{width:100%;}

  .qp .footer-grid{grid-template-columns:1fr;gap:28px;}

  .qp .filter-bar{flex-direction:column;align-items:stretch;}

  .qp .about-grid > *:first-child{max-width:220px;}

  .qp .tab-row{gap:20px;}

  /* Lesson page */
  .qp-lesson-shell{height:auto;min-height:100vh;}
  .qp-lesson-main{flex-direction:column;}
  .qp-lesson-sidebar{width:100%;border-left:none;border-top:1px solid var(--border);max-height:360px;}
  .qp-lesson-topbar .qp-progress-wrap{display:none;}
  .qp-lesson-actions{width:100%;flex-direction:column;}
  .qp-lesson-actions .btn{width:100%;}

  /* Student profile (LearnPress default markup) */
  #learn-press-profile{padding:24px !important;margin:20px auto 60px !important;}
  #learn-press-profile .dashboard-statistic__row{grid-template-columns:1fr !important;}
}

@media (max-width: 544px) {
  .ast-separate-container #content .ast-container {
    padding: unset;
  }
}

@media (max-width: 380px){
  .qp .container{padding:0 16px;}
  .qp .cta-box{padding:28px 18px;}
  .qp h1{font-size:24px !important;}
}