/* === CWL Mobile Responsive Fix v1 === */

/* 1. Mobile header logo - force visibility + size */
@media (max-width: 768px) {
  .smart-head-mobile { 
    min-height: 60px !important;
    padding: 8px 16px !important;
  }
  .smart-head-mobile .logo-link,
  .smart-head-mobile .ts-logo {
    display: flex !important;
    align-items: center !important;
    height: auto !important;
  }
  .smart-head-mobile .logo-image {
    display: block !important;
    height: 40px !important;
    width: auto !important;
    max-width: 200px !important;
    visibility: visible !important;
    opacity: 1 !important;
  }
  .smart-head-mobile .logo-link h1,
  .smart-head-mobile .logo-link .h1,
  .smart-head-mobile h1 {
    margin: 0 !important;
    height: auto !important;
    display: flex !important;
    align-items: center !important;
    line-height: 1 !important;
  }
}

/* 2. CWL Region/Lang Switcher - show on mobile in burger menu area */
@media (max-width: 940px) {
  #cwl-switcher,
  .cwl-switcher {
    display: flex !important;
    visibility: visible !important;
    max-width: 100% !important;
    flex-wrap: wrap !important;
    gap: 6px !important;
    padding: 8px 12px !important;
    font-size: 13px !important;
  }
  /* When inside mobile drawer */
  #side-bar #cwl-switcher,
  .smart-mobile-bar #cwl-switcher,
  .offcanvas #cwl-switcher {
    background: rgba(255,255,255,0.05) !important;
    border-radius: 8px !important;
    margin: 12px 0 !important;
  }
}

/* 3. Mobile menu burger - bigger tap target */
@media (max-width: 768px) {
  .smart-head-mobile .offcanvas-toggle {
    min-width: 44px !important;
    min-height: 44px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }
  .smart-head-mobile .hamburger-icon {
    width: 24px !important;
    height: 18px !important;
  }
}

/* 4. Article titles on mobile - readable size */
@media (max-width: 480px) {
  h1.entry-title,
  h1.post-title,
  .single .entry-title {
    font-size: 24px !important;
    line-height: 1.3 !important;
  }
  h2.post-title,
  .post-title {
    font-size: 17px !important;
    line-height: 1.4 !important;
  }
}

/* 5. Hero CTAs stack vertically on mobile */
@media (max-width: 600px) {
  .hero-buttons,
  .cta-row,
  [class*="cta-buttons"] {
    flex-direction: column !important;
    width: 100% !important;
  }
  .hero-buttons a,
  .cta-row a {
    width: 100% !important;
    text-align: center !important;
    margin: 4px 0 !important;
  }
}

/* 6. Footer 4-col → 1-col on mobile (already mostly works, but force gap) */
@media (max-width: 768px) {
  footer .elementor-row,
  footer .elementor-section .elementor-container {
    flex-direction: column !important;
    gap: 24px !important;
  }
  footer .elementor-column {
    width: 100% !important;
    flex: 0 0 100% !important;
  }
}

/* 7. Cards / images - prevent horizontal scroll */
@media (max-width: 480px) {
  body, html {
    overflow-x: hidden !important;
  }
  img, video, iframe {
    max-width: 100% !important;
    height: auto !important;
  }
  .post-thumb img,
  .post-thumb,
  article img {
    width: 100% !important;
    max-width: 100% !important;
  }
}

/* 8. CWL+ sales page - mobile friendly hero */
@media (max-width: 600px) {
  .page-id-5764 div[style*="linear-gradient"] h1 {
    font-size: 28px !important;
  }
  .page-id-5764 div[style*="linear-gradient"] p {
    font-size: 16px !important;
  }
  .page-id-5764 div[style*="grid-template-columns"] {
    grid-template-columns: 1fr !important;
  }
}

/* 9. Hide WP admin bar on small screens (it overlaps mobile UI) */
@media (max-width: 600px) {
  #wpadminbar { 
    display: none !important;
  }
  html { margin-top: 0 !important; }
}

/* 10. Increase nav menu items font in mobile drawer */
.smart-mobile-bar .menu-item > a,
.offcanvas-w .menu-item > a,
#side-bar .menu-item > a {
  font-size: 16px !important;
  padding: 14px 16px !important;
  line-height: 1.4 !important;
}

/* === END CWL Mobile === */
/* === CWL Mobile Logo Inject (theme template renders empty span) === */
@media (max-width: 768px) {
  #smart-head-mobile .logo-link.logo-is-image span {
    display: inline-block !important;
    width: 200px !important;
    height: 50px !important;
    background-image: url('https://chriswealthlab.com/wp-content/uploads/2026/05/cwl-footer-logo@2x-v2.png') !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: left center !important;
    text-indent: -9999px !important;
    overflow: hidden !important;
  }
  #smart-head-mobile .logo-link {
    display: inline-block !important;
    height: 50px !important;
    line-height: 50px !important;
  }
}
@media (max-width: 480px) {
  #smart-head-mobile .logo-link.logo-is-image span {
    width: 160px !important;
    height: 40px !important;
  }
}
/* === END CWL Mobile Logo Inject === */

/* 切換器改靜態徽章(待多語言上線) */
.cwl-head-switcher select{display:none!important}
.cwl-head-switcher::after{content:"🌐 繁中 · 香港";display:inline-flex;align-items:center;background:rgba(255,255,255,0.08);color:#e2e8f0;border:1px solid rgba(255,255,255,0.15);border-radius:999px;padding:4px 12px;font-size:12px;white-space:nowrap}
/* hide author byline site-wide (pre-launch) */
.meta-item.post-author,.post-author-a,.about-author,.post-meta .author{display:none!important;}
/* cwl mobile polish 2026-07 */
@media(max-width:992px){
.smart-head .logo-image,.smart-head-mobile .logo-image{height:48px!important;max-height:48px!important;width:auto!important}
.mobile-menu>li>a{font-size:17px!important;padding:13px 12px!important}
.mobile-menu li{border-bottom:1px solid rgba(120,130,150,.18)}
.mobile-menu li li a{font-size:15px!important;padding:11px 12px!important}
.mobile-menu .chevron{min-width:48px;min-height:44px;display:flex;align-items:center;justify-content:center}
.off-canvas .widget{padding-left:14px;padding-right:14px}
}
/* cwl mobile v2 */
@media(max-width:992px){
.smart-head-mid .logo-link.logo-is-image{height:auto!important;padding:6px 0!important}
.smart-head-mid .logo-link.logo-is-image span{width:300px!important;height:75px!important;max-width:72vw!important;background-size:contain!important;background-position:left center!important}
.tradingview-widget-container{min-height:520px!important}
.tradingview-widget-container iframe{height:520px!important;min-height:520px!important;width:100%!important}
.off-canvas.mobile-menu-container{width:86%!important;max-width:340px!important}
.mobile-menu>li>a{font-size:18px!important;font-weight:600!important;padding:15px 12px!important}
.mobile-menu .chevron{min-width:52px!important;min-height:48px!important;border:1px solid rgba(150,160,180,.35)!important;border-radius:10px!important;margin:6px 8px!important;display:flex!important;align-items:center!important;justify-content:center!important}
.mobile-menu li li a{font-size:15.5px!important;padding:12px 14px!important}
}
/* cwl logo v3 */
@media(max-width:992px){
#smart-head-mobile .logo-link.logo-is-image span, #smart-head .logo-link.logo-is-image span, .smart-head-mid .logo-link.logo-is-image span{width:286px!important;height:72px!important;max-width:68vw!important;background-size:contain!important;background-position:left center!important;display:inline-block!important}
#smart-head-mobile .logo-link, .smart-head-mid .logo-link{height:auto!important;padding:5px 0!important}
}
/* cwl date v1: 有更新日期時只顯示更新日期 */
.post-meta-items:has(.date-modified) .meta-item.date{display:none!important}
.date-modified .updated-on{font-weight:600}

/* cwl mobile v4 anti-mistouch */
@media(max-width:992px){
.mobile-menu>li>a{min-height:52px!important;display:flex!important;align-items:center!important;font-size:17px!important;padding:14px 64px 14px 16px!important;line-height:1.35!important}
.mobile-menu li{border-bottom:1px solid rgba(120,130,150,.22)!important}
.mobile-menu li li a{min-height:48px!important;display:flex!important;align-items:center!important;font-size:15.5px!important;padding:12px 64px 12px 28px!important}
.mobile-menu li li li a{padding-left:40px!important}
.mobile-menu .chevron{position:absolute!important;right:0!important;top:0!important;bottom:0!important;width:56px!important;min-height:100%!important;display:flex!important;align-items:center!important;justify-content:center!important;border-left:1px solid rgba(120,130,150,.25)!important;background:rgba(120,130,150,.06)!important}
.mobile-menu li{position:relative!important}
.mobile-menu a,.mobile-menu .chevron{touch-action:manipulation;-webkit-tap-highlight-color:rgba(240,185,11,.25)}
.off-canvas{width:92%!important;max-width:400px!important;overscroll-behavior:contain}
.off-canvas-bg,.oc-overlay,.off-canvas-overlay{background:rgba(0,0,0,.62)!important}
}
/* cwl logo v5 + hamburger guard */
@media(max-width:992px){.smart-head .hamburger-icon,.hamburger-icon{position:relative!important;z-index:50!important;flex:0 0 auto!important;margin-right:6px!important}.logo-link{overflow:hidden!important}}
/* cwl mobile logo v6 left-center bigger */
@media(max-width:992px){
#smart-head-mobile .logo-link span,.smart-head-mobile .logo-link span{width:238px!important;height:60px!important;max-width:58vw!important;background-position:left center!important}
.smart-head-mobile .smart-head-mid,#smart-head-mobile .smart-head-mid{display:flex!important;align-items:center!important}
.smart-head-mobile .logo-link,#smart-head-mobile .logo-link{display:flex!important;align-items:center!important;height:100%!important;margin:0!important;padding:0!important}
}
/* cwl footer logo clean */
.footer .logo-image,.main-footer .logo-image,.footer img[src*="footer-logo"]{background:transparent!important;max-height:56px!important;width:auto!important}
/* cwl footer logo swap v2 */
.main-footer img[alt*="cwl-footer-logo"],footer img[alt*="cwl-footer-logo"],img[alt="cwl-footer-logo@2x-v2"]{content:url("https://chriswealthlab.com/wp-content/uploads/2026/07/cwl-footer-logo-clean.png")!important;max-height:54px!important;width:auto!important;background:transparent!important}
/* cwl mobile logo v7 +20% left */
@media(max-width:992px){
#smart-head-mobile .logo-link span,.smart-head-mobile .logo-link span{width:286px!important;height:72px!important;max-width:68vw!important;background-position:left center!important}
#smart-head-mobile .logo-link,.smart-head-mobile .logo-link{display:flex!important;align-items:center!important;justify-content:flex-start!important;margin:0 auto 0 -8px!important;padding:0!important;height:100%!important}
}
/* cwl author hide v2 */
.author-box,.author-info,.about-author,.meta-item.post-author,.post-author{display:none!important}

/* cwl thumb 16-9 all v3 (mobile square fix) */
.media-ratio,.media-ratio.ratio-1-1,.media-ratio.ratio-4-3,.media-ratio.ratio-3-2,.media-ratio[class*="ratio-"]{padding-bottom:56.25%!important;aspect-ratio:auto!important;height:auto!important}
.media-ratio>img,.media-ratio .wp-post-image{object-fit:cover!important}
@media(max-width:600px){.media-ratio,.media-ratio.ratio-1-1,.media-ratio[class*="ratio-"]{padding-bottom:56.25%!important;aspect-ratio:auto!important}}


/* cwl hide mobile legal bar v1 — 隱藏手機版頂部次選單（法律連結列），避免被誤當成主選單 */
@media (max-width:1024px){#smart-head-mobile .smart-head-row.smart-head-bot{display:none!important}}


/* cwl thumb 16-9 all v4 — 強制所有列表縮圖 16:9，杜絕手機方形裁圖（覆蓋 ratio-1-1/4-3/3-2 + img object-fit）*/
.media-ratio,a.media-ratio,.post-thumb .media-ratio,.posts-list .media-ratio,[class*="ratio-"].media-ratio{padding-bottom:56.25%!important;height:0!important;aspect-ratio:auto!important}
.media-ratio>img,.media-ratio img,.post-thumb img{position:absolute!important;top:0!important;left:0!important;width:100%!important;height:100%!important;object-fit:cover!important}


/* cwl mobile head gap — 隱藏次選單後收窄 header 同內容之間嘅空白 */
@media (max-width:1024px){.main.ts-contain{margin-top:10px!important}}


/* cwl footer dark bg v1 — Elementor footer template 4088 嘅深色底冇載入，
   令 s-dark 淺色文字（#f0f0f0）疊喺白底上，全站 footer 睇唔到字。*/
.elementor-4088 .elementor-top-section.s-dark,
.elementor-4088 .elementor-element-c1d9530{
  background-color:#0d1b2e !important;
}
.elementor-4088 .elementor-top-section.s-dark{padding-top:56px;padding-bottom:40px}
/* 內文連結：預設灰白，hover 轉金 */
.elementor-4088 .s-dark a{color:#c9d4e2}
.elementor-4088 .s-dark a:hover{color:#e8b93b}
/* 版權/免責細字 */
.elementor-4088 .s-dark,
.elementor-4088 .s-dark p,
.elementor-4088 .s-dark li{color:#aebbcd}

/* cwl member dashboard full width v1 (2026-08-24) */
.page-id-13261 .main-sidebar{display:none!important}
.page-id-13261 .main-content{width:100%!important;max-width:100%!important;flex:0 0 100%!important}
.page-id-13261 .main.ts-contain{max-width:1440px!important}
.page-id-13261 .page-title,.page-id-13261 .entry-header,.page-id-13261 .breadcrumbs{display:none!important}
.page-id-13261 .page-content{padding-top:0!important}
/* cwl: no newsletter popup inside member dashboard */
.page-id-13261 .mailpoet_form_popup,.page-id-13261 .mailpoet_form_popup_overlay,.page-id-13261 .mailpoet_form_slide_in,.page-id-13261 .mailpoet_form_fixed_bar{display:none!important}
/* cwl hub no popup + hide hero img (2026-09-10 audit #4) */
.page-id-11612 .mailpoet_form_popup,.page-id-6342 .mailpoet_form_popup,.page-id-11652 .mailpoet_form_popup,.page-id-11909 .mailpoet_form_popup,.page-id-11910 .mailpoet_form_popup,.page-id-11916 .mailpoet_form_popup,.page-id-11612 .mailpoet_form_popup_overlay,.page-id-6342 .mailpoet_form_popup_overlay,.page-id-11652 .mailpoet_form_popup_overlay,.page-id-11909 .mailpoet_form_popup_overlay,.page-id-11910 .mailpoet_form_popup_overlay,.page-id-11916 .mailpoet_form_popup_overlay{display:none!important}
.page-id-11612 header.post-header .featured,.page-id-6342 header.post-header .featured,.page-id-11652 header.post-header .featured,.page-id-11909 header.post-header .featured,.page-id-11910 header.post-header .featured,.page-id-11916 header.post-header .featured{display:none!important}

/* cwl start page: no popup, full width (2026-09-13) */
.page-id-14538 .mailpoet_form_popup,.page-id-14538 .mailpoet_form_popup_overlay{display:none!important}
.page-id-14538 .main-sidebar{display:none!important}
.page-id-14538 .main-content{width:100%!important;max-width:100%!important;flex:0 0 100%!important}
.page-id-14538 header.post-header .featured{display:none!important}