/* =========================================================
   NOAQ WordPress NEWS — Header + Hero
   Standalone CSS aligned to current main-site header/mobile menu
   ========================================================= */

.noaq-news-shell{
  --blue:#0068b7;
  --deep:#061827;
  --red:#c51c25;
  --text:#12283e;
  --muted:#5f7183;
  font-family:"Noto Sans TC","Microsoft JhengHei",Arial,sans-serif;
  position:relative;
  width:100%;
  color:var(--text);
  isolation:isolate;
}

.noaq-news-shell *,
.noaq-news-shell *::before,
.noaq-news-shell *::after{
  box-sizing:border-box;
}

.noaq-news-shell a{
  text-decoration:none !important;
}

/* =========================================================
   DESKTOP HEADER — match current site-navbar proportions
   ========================================================= */

.noaq-news-header{
  position:absolute;
  z-index:10020;
  top:0;
  left:0;
  width:100%;
  border-top:3px solid var(--blue);
  border-bottom:1px solid rgba(255,255,255,.3);
  transition:.3s all ease;
}

.noaq-news-header.is-scrolled{
  position:fixed;
  background:#fff;
  border-bottom:1px solid transparent;
  box-shadow:4px 0 20px -5px rgba(0,0,0,.3);
}

/* Equivalent to Bootstrap .container > .row with col-xl-1 / col-xl-11 */
.noaq-news-header-inner{
  width:100%;
  max-width:1140px;
  margin:0 auto;
  padding-left:15px;
  padding-right:15px;
  display:flex;
  align-items:center;
}

.noaq-news-logo{
  position:relative;
  z-index:20;
  flex:0 0 8.333333%;
  max-width:8.333333%;
  display:block;
}

.noaq-news-logo img{
  display:block;
  width:130px;
  max-width:none;
  height:auto;
}

.noaq-news-nav{
  flex:0 0 91.666667%;
  max-width:91.666667%;
  margin-left:0;
  text-align:right;
}

.noaq-news-menu{
  display:block;
  margin:0;
  padding:0;
  list-style:none;
  white-space:nowrap;
}

.noaq-news-menu>li{
  position:relative;
  display:inline-block;
  margin:0;
  padding:0;
  vertical-align:middle;
  list-style:none;
}

.noaq-news-menu>li>a,
.noaq-news-menu>li>.noaq-nav-parent{
  appearance:none;
  position:relative;
  display:inline-block;
  padding:20px 8px;
  border:0;
  background:transparent;
  color:#fff;
  font:700 15px/1.5 "Noto Sans TC","Microsoft JhengHei",sans-serif;
  text-transform:uppercase;
  white-space:nowrap;
  cursor:pointer;
}

.noaq-news-menu>li.has-children>.noaq-nav-parent{
  padding-right:20px;
}

.noaq-news-menu>li.has-children>.noaq-nav-parent::after{
  content:"";
  position:absolute;
  top:50%;
  right:2px;
  width:7px;
  height:7px;
  border-right:1.5px solid currentColor;
  border-bottom:1.5px solid currentColor;
  transform:translateY(-70%) rotate(45deg);
}

.noaq-news-header.is-scrolled .noaq-news-menu>li>a,
.noaq-news-header.is-scrolled .noaq-news-menu>li>.noaq-nav-parent{
  color:#000;
}

.noaq-news-menu>li>a:hover,
.noaq-news-menu>li>a.is-current,
.noaq-news-menu>li>.noaq-nav-parent:hover{
  color:#fff;
}

.noaq-news-header.is-scrolled .noaq-news-menu>li>a:hover,
.noaq-news-header.is-scrolled .noaq-news-menu>li>a.is-current,
.noaq-news-header.is-scrolled .noaq-news-menu>li>.noaq-nav-parent:hover{
  color:#007bff;
}

/* =========================================================
   DESKTOP DROPDOWN — current site dimensions
   ========================================================= */

.noaq-submenu{
  position:absolute;
  z-index:30;
  top:100%;
  left:0;
  min-width:230px;
  margin:20px 0 0;
  padding:0;
  list-style:none;
  text-align:left;
  background:#fff;
  border-top:2px solid #007bff;
  box-shadow:0 2px 10px -2px rgba(0,0,0,.1);
  opacity:0;
  visibility:hidden;
  transition:.2s 0s;
}

.noaq-news-menu li:hover>.noaq-submenu,
.noaq-news-menu li:focus-within>.noaq-submenu{
  margin-top:0;
  opacity:1;
  visibility:visible;
}

.noaq-submenu li{
  position:relative;
  min-width:230px;
  margin:0;
  padding:0;
  list-style:none;
}

.noaq-submenu a,
.noaq-submenu .noaq-nav-parent{
  appearance:none;
  position:relative;
  display:block;
  width:100%;
  padding:9px 20px;
  border:0;
  background:#fff;
  color:#000 !important;
  font:700 16px/1.5 "Noto Sans TC","Microsoft JhengHei",sans-serif;
  text-align:left;
  text-transform:none;
  letter-spacing:normal;
  white-space:nowrap;
  cursor:pointer;
}

.noaq-submenu a:hover,
.noaq-submenu .noaq-nav-parent:hover{
  background:#eff1f3;
  color:#000 !important;
}

/* First product submenu: current site narrowed panel */
.noaq-submenu.product-menu{
  min-width:236px;
}

.noaq-submenu.product-menu>li{
  min-width:236px;
}

.product-parent>.product-parent-btn{
  padding-right:38px;
  font-weight:700;
}

.product-parent>.product-parent-btn::after{
  content:"";
  position:absolute;
  top:50%;
  right:16px;
  width:7px;
  height:7px;
  border-right:1.5px solid currentColor;
  border-bottom:1.5px solid currentColor;
  transform:translateY(-50%) rotate(-45deg);
}

.product-model-menu{
  top:-2px;
  left:calc(100% + 8px);
  min-width:320px;
  margin-top:0;
  border-top:2px solid var(--blue);
  border-radius:0 0 10px 10px;
  overflow:hidden;
  box-shadow:0 12px 30px rgba(6,24,39,.14);
}

.product-model-menu li{
  min-width:320px;
}

.product-model-menu a{
  padding:11px 18px;
  font-size:16px;
}

.product-model-menu a:hover{
  background:#f3f7fb;
  color:var(--blue) !important;
}

.product-parent::before{
  content:"";
  position:absolute;
  z-index:3;
  top:0;
  right:-10px;
  width:12px;
  height:100%;
}

/* Keep Boxwall label readable while pointer moves into second level */
.product-parent:hover>.product-parent-btn,
.product-parent:focus-within>.product-parent-btn{
  background:#f3f7fb;
  color:var(--blue) !important;
}

/* =========================================================
   DESKTOP HEADER ICONS — same heights as main site
   ========================================================= */

.noaq-news-menu>li.social>a,
.noaq-news-menu>li.social>span{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding-left:5px;
  padding-right:5px;
  vertical-align:middle;
}

.noaq-news-menu .social img{
  display:block;
  width:auto !important;
  max-width:none !important;
  height:auto;
  object-fit:contain;
}

.noaq-news-menu .social:not(.sweden):not(.line) img{
  height:30px !important;
}

.noaq-news-menu .sweden img{
  height:38px !important;
}

.noaq-news-menu .line img{
  height:30px !important;
}

/* =========================================================
   MOBILE HAMBURGER
   ========================================================= */

.noaq-mobile-toggle{
  display:none;
  position:relative;
  width:38px;
  height:38px;
  margin-left:auto;
  padding:9px;
  border:0;
  background:transparent;
  cursor:pointer;
}

.noaq-mobile-toggle span{
  display:block;
  width:20px;
  height:2px;
  margin:0;
  background:#fff;
}

.noaq-mobile-toggle span:nth-child(1){position:absolute;top:9px;left:9px}
.noaq-mobile-toggle span:nth-child(2){position:absolute;top:18px;left:9px}
.noaq-mobile-toggle span:nth-child(3){position:absolute;top:27px;left:9px}

.noaq-news-header.is-scrolled .noaq-mobile-toggle span{
  background:#000;
}

/* =========================================================
   MOBILE MENU — match current site's effective styles
   ========================================================= */

.noaq-mobile-panel{
  position:fixed;
  z-index:10040;
  top:0;
  right:0;
  width:calc(100vw - 16px);
  max-width:420px;
  height:100vh;
  padding-top:20px;
  background:#fff;
  box-shadow:-10px 0 20px -10px rgba(0,0,0,.1);
  transform:translateX(110%);
  transition:.3s all ease-in-out;
  overflow:hidden;
}

.noaq-mobile-panel.is-open{
  transform:translateX(0);
}

.noaq-mobile-panel-head{
  width:100%;
  height:42px;
  padding-left:20px;
  padding-right:20px;
}

.noaq-mobile-close{
  float:right;
  position:relative;
  width:38px;
  height:38px;
  margin-top:0;
  padding:0;
  border:0;
  background:transparent;
  cursor:pointer;
}

.noaq-mobile-close::before,
.noaq-mobile-close::after{
  content:"";
  position:absolute;
  top:18px;
  left:8px;
  width:24px;
  height:2px;
  background:#212529;
}

.noaq-mobile-close::before{transform:rotate(45deg)}
.noaq-mobile-close::after{transform:rotate(-45deg)}

.noaq-mobile-nav{
  position:relative;
  height:calc(100vh - 52px);
  padding:0 14px 150px;
  overflow-y:auto;
  overflow-x:hidden;
  -webkit-overflow-scrolling:touch;
}

.noaq-mobile-main,
.noaq-mobile-main ul{
  margin:0;
  padding:0;
  list-style:none;
}

.noaq-mobile-main li{
  position:relative;
  display:block;
  width:100%;
  margin:0;
  padding:0;
}

.noaq-mobile-main>li>a,
.noaq-mobile-main>li>.mobile-parent{
  appearance:none;
  position:relative;
  display:block;
  width:100%;
  padding:10px 20px;
  border:0;
  background:transparent;
  color:#212529 !important;
  font:400 20px/1.5 "Noto Sans TC","Microsoft JhengHei",sans-serif;
  text-align:left;
  cursor:pointer;
}

/* Important: remove the previous custom + / − symbol completely */
.noaq-mobile-nav .mobile-parent::after{
  display:none !important;
  content:none !important;
}

.noaq-mobile-main>li>ul,
.noaq-mobile-main>li>ul>li>ul{
  display:none;
}

.noaq-mobile-main>li.is-open>ul,
.noaq-mobile-main>li>ul>li.is-open>ul{
  display:block;
}

.noaq-mobile-main>li>ul>li>a,
.noaq-mobile-main>li>ul>li>.mobile-parent{
  appearance:none;
  display:block;
  width:100%;
  padding:10px 42px 10px 40px;
  border:0;
  background:transparent;
  color:#212529 !important;
  font:400 16px/1.45 "Noto Sans TC","Microsoft JhengHei",sans-serif;
  text-align:left;
  cursor:pointer;
}

.noaq-mobile-main>li>ul>li>ul>li>a{
  display:block;
  padding:10px 4px 10px 44px;
  color:#212529 !important;
  font:400 16px/1.4 "Noto Sans TC","Microsoft JhengHei",sans-serif;
  white-space:nowrap;
  word-break:normal;
}

.noaq-mobile-main a:hover,
.noaq-mobile-main a.is-current,
.noaq-mobile-main .mobile-parent:hover{
  color:#007bff !important;
}

/* Main-site style circular arrow control */
.noaq-mobile-main .mobile-arrow{
  appearance:none;
  position:absolute;
  z-index:20;
  right:0;
  top:10px;
  width:36px;
  height:36px;
  padding:0;
  border:0;
  border-radius:50%;
  background:transparent;
  cursor:pointer;
}

.noaq-mobile-main .mobile-arrow:hover{
  background:#f8f9fa;
}

.noaq-mobile-main .mobile-arrow::before{
  content:"";
  position:absolute;
  top:50%;
  left:50%;
  width:8px;
  height:8px;
  border-right:2px solid #555;
  border-bottom:2px solid #555;
  transform:translate(-50%,-65%) rotate(45deg);
  transition:.3s all ease;
}

.noaq-mobile-main .mobile-has-children.is-open>.mobile-arrow::before{
  transform:translate(-50%,-35%) rotate(225deg);
}

.noaq-mobile-main>li>ul>li.mobile-has-children>.mobile-arrow{
  top:5px;
  right:2px;
}

/* Mobile icons: same vertical order and sizing as main site */
.noaq-mobile-main>li.mobile-icon-item{
  float:none !important;
  width:auto !important;
}

.noaq-mobile-main>li.mobile-icon-item>a,
.noaq-mobile-main>li.mobile-icon-item>span{
  display:flex;
  align-items:center;
  min-height:48px;
  padding:10px 20px;
}

.noaq-mobile-main .mobile-icon-item img{
  display:block;
  width:auto !important;
  max-width:none !important;
  height:auto !important;
  object-fit:contain;
}

.noaq-mobile-main .mobile-fb img{height:28px !important}
.noaq-mobile-main .mobile-sweden img{height:34px !important}
.noaq-mobile-main .mobile-line img{height:30px !important}

.noaq-mobile-backdrop{
  position:fixed;
  z-index:10030;
  inset:0;
  background:rgba(0,0,0,.5);
  opacity:0;
  visibility:hidden;
  transition:.3s all ease;
}

.noaq-mobile-backdrop.is-open{
  opacity:1;
  visibility:visible;
}

html.noaq-menu-open{
  overflow:hidden;
}

/* =========================================================
   NEWS HERO — align with current full-screen hero system
   ========================================================= */

.noaq-news-hero{
  position:relative;
  width:100%;
  height:100svh;
  min-height:760px;
  overflow:hidden;
  background:#000;
}

.noaq-news-hero-media,
.noaq-news-hero-media img,
.noaq-news-hero-shade{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
}

.noaq-news-hero-media img{
  display:block;
  object-fit:cover;
  object-position:center;
}

.noaq-news-hero-shade{
  background:
    linear-gradient(90deg,rgba(3,14,24,.68),rgba(3,14,24,.22) 45%,rgba(3,14,24,.05)),
    linear-gradient(0deg,rgba(3,14,24,.34),transparent 50%);
}

.noaq-news-hero-copy{
  position:absolute;
  z-index:2;
  left:max(6vw,40px);
  bottom:12vh;
  max-width:760px;
  color:#fff;
}

.noaq-news-hero-copy h1{
  margin:18px 0 22px;
  color:#fff;
  font-family:"Noto Sans TC","Microsoft JhengHei",sans-serif !important;
  font-size:clamp(32px,4.2vw,58px);
  line-height:.98;
  font-weight:900 !important;
  letter-spacing:-.055em;
}

.noaq-news-hero-copy p{
  margin:0;
  color:rgba(255,255,255,.88);
  font-size:clamp(20px,2.3vw,32px);
  line-height:1.5;
  font-weight:700;
}

.noaq-news-scroll{
  position:absolute;
  z-index:2;
  left:50%;
  bottom:26px;
  transform:translateX(-50%);
  color:#fff !important;
  font-size:12px;
  letter-spacing:.15em;
  text-align:center;
}

.noaq-news-scroll i{
  display:block;
  width:1px;
  height:42px;
  margin:10px auto 0;
  background:rgba(255,255,255,.7);
}

/* =========================================================
   RESPONSIVE BREAKPOINTS — match main site
   ========================================================= */

@media(max-width:1199px){
  .noaq-news-header-inner{
    width:100%;
    max-width:none;
    padding-left:15px;
    padding-right:15px;
  }

  .noaq-news-logo{
    flex:0 0 auto;
    max-width:none;
  }

  .noaq-news-nav{
    display:none;
  }

  .noaq-mobile-toggle{
    display:block;
  }
}

@media(max-width:767px){
  .noaq-news-logo img{
    width:130px;
  }

  .noaq-news-hero{
    min-height:700px;
  }

  .noaq-news-hero-copy{
    left:24px;
    right:24px;
    bottom:12vh;
  }

  .noaq-news-hero-copy h1{
    font-size:42px;
    line-height:1.08;
  }

  .noaq-news-hero-copy p{
    font-size:18px;
    line-height:1.6;
  }

  .noaq-news-scroll{
    font-size:0;
    bottom:26px;
  }

  .noaq-news-scroll i{
    margin-top:0;
  }
}


/* =========================================================
   NOAQ NEWS FOOTER — match current main-site footer
   ========================================================= */

.noaq-news-footer-wrap{
  width:100%;
  margin:0;
  padding:0;
}

.noaq-news-footer{
  width:100%;
  margin:0;
  padding:0;
  background:#292929;
  font-family:"Microsoft JhengHei","Noto Sans TC",Arial,sans-serif;
}

.noaq-news-footer-foot{
  width:100%;
  border-top:1px solid #fff;
  padding:25px 16px;
  text-align:center;
}

.noaq-news-footer-social{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  padding-bottom:10px;
}

.noaq-news-footer-social a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  line-height:0;
}

.noaq-news-footer-social img{
  display:block !important;
  width:35px !important;
  height:auto !important;
  max-width:35px !important;
  object-fit:contain !important;
}

.noaq-news-footer-caption{
  margin:0 0 12px;
  padding:0;
  color:#fff;
  font-size:10pt;
  font-weight:400;
  line-height:1.3;
  text-align:center;
}

.noaq-news-footer-caption a{
  color:#fff !important;
  text-decoration:none !important;
}

.noaq-news-footer-caption a:hover{
  opacity:.8;
}

.noaq-news-footer-copyright{
  display:block;
  margin:0;
  padding:0;
  color:#fff;
  font-size:14px;
  line-height:1.3;
  text-align:center;
}

.noaq-news-footer-copyright a{
  display:inline-block;
  line-height:0;
}

.noaq-news-footer-copyright img{
  display:block !important;
  width:120px !important;
  height:auto !important;
  max-width:120px !important;
  object-fit:contain !important;
}

@media(max-width:767px){
  .noaq-news-footer-foot{
    padding:24px 14px;
  }

  .noaq-news-footer-caption{
    font-size:12px;
    line-height:1.55;
  }

  .noaq-news-footer-social{
    gap:7px;
  }

  .noaq-news-footer-social img{
    width:34px !important;
    max-width:34px !important;
  }

  .noaq-news-footer-copyright img{
    width:112px !important;
    max-width:112px !important;
  }
}