/* Wave Parts TH — V10 layout / logo / video polish */

/* Real brand logo uploaded as /logo.png */
.wp-logo-link{display:inline-flex;align-items:center;text-decoration:none;min-width:0}
.wp-site-logo{display:block;object-fit:contain;object-position:left center;max-width:100%}
.wp-site-logo-header{width:auto;height:38px;max-width:158px}
.wp-site-logo-mobile{width:auto;height:34px;max-width:155px}
.wp-site-logo-model{width:auto;height:30px;max-width:145px}
.wp-site-logo-footer{width:auto;height:54px;max-width:210px}
.wp-logo-fallback{display:none;font-family:var(--fontD);font-weight:900;font-style:italic;color:var(--text);line-height:1}
.wp-logo-fallback b,.wp-logo-fallback em{color:var(--red);font-style:normal}
.wp-logo-fallback small{display:block;font-family:var(--font);font-style:normal;font-size:7px;letter-spacing:1.7px;color:var(--text3);margin-top:4px}
.wp-site-logo[src=""]{display:none}.wp-site-logo[src=""]+.wp-logo-fallback{display:inline-flex}
.wp-footer-logo-link{display:inline-flex;align-items:center;margin-bottom:13px}
.back-bar .wp-logo-link{margin-left:2px}
@media(max-width:768px){.wp-site-logo-header{height:31px;max-width:128px}.wp-site-logo-model{height:24px;max-width:118px}.wp-site-logo-mobile{height:30px;max-width:130px}}

/* Prevent model-page product cards from colliding/overlapping on phones. */
@media(max-width:768px){
  .model-products .featured-grid{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:12px!important;
    overflow:visible!important;
    scroll-snap-type:none!important;
    width:100%!important;
    padding-bottom:0!important;
  }
  .model-products .featured-grid>.product-card{
    min-width:0!important;
    max-width:none!important;
    width:100%!important;
    flex:none!important;
    overflow:hidden!important;
  }
  .model-products .product-body{min-width:0;padding:12px 11px!important}
  .model-products .product-name{font-size:13px!important;line-height:1.4!important;min-height:2.8em}
  .model-products .product-price{font-size:17px!important;white-space:nowrap}
  .model-products .product-price-row{gap:6px;min-width:0}
  .model-products .product-models{gap:4px}
  .model-products .model-tag{font-size:9px!important;padding:3px 6px!important}
}
@media(max-width:360px){
  .model-products .featured-grid{grid-template-columns:1fr!important}
  .model-products .product-name{font-size:14px!important;min-height:0}
}

/* Category page gets the same safe mobile sizing. */
@media(max-width:560px){
  .category-page-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}
  .category-page-grid>.product-card{min-width:0!important;max-width:none!important;width:100%!important;overflow:hidden}
  .category-page-grid .product-body{padding:12px 10px!important;min-width:0}
  .category-page-grid .product-name{font-size:13px!important;line-height:1.4!important}
  .category-page-grid .product-price{font-size:17px!important}
}
@media(max-width:340px){.category-page-grid{grid-template-columns:1fr!important}}

/* Video feed: keep brand subtle and controls away from the bottom UI. */
.wp-video-brand{position:fixed;top:16px;left:50%;z-index:19;transform:translateX(-50%);display:flex;align-items:center;justify-content:center;padding:5px 9px;border-radius:12px;background:rgba(0,0,0,.25);backdrop-filter:blur(8px);pointer-events:auto}
.wp-video-brand img{display:block;height:27px;width:auto;max-width:130px;object-fit:contain}
@media(max-width:480px){.wp-video-brand{top:13px}.wp-video-brand img{height:23px;max-width:112px}}

/* Homepage video modal typography: readable Thai with deliberate hierarchy. */
.video-modal-story,.video-modal-overlay,.video-modal-actions{font-family:"Noto Sans Thai",Kanit,Tahoma,Arial,sans-serif!important}
.video-modal-clip-title{font-weight:700!important;letter-spacing:0!important;text-shadow:0 1px 5px rgba(0,0,0,.9)!important}
.video-modal-product-name{font-weight:600!important;line-height:1.4!important}
.video-modal-shopee-btn,.video-social-btn{font-weight:600!important}

/* Logo fallback if the image cannot load: JS-free visual fallback via broken image hiding helper below. */

/* Raise homepage modal social rail too, matching the full video feed. */
#videoPlayModal .video-modal-actions{bottom:142px!important}
#videoPlayModal .video-modal-overlay{bottom:30px!important}
@media(max-width:480px){
  #videoPlayModal .video-modal-actions{right:6px!important;bottom:132px!important}
  #videoPlayModal .video-modal-overlay{bottom:28px!important}
}