/**
Theme Name: WorldNet-Astra-Child
Author: Brainstorm Force
Author URI: http://wpastra.com/about/
Description: Astra is the fastest, fully customizable & beautiful theme suitable for blogs, personal portfolios and business websites. It is very lightweight (less than 50KB on frontend) and offers unparalleled speed. Built with SEO in mind, Astra comes with schema.org code integrated so search engines will love your site. Astra offers plenty of sidebar options and widget areas giving you a full control for customizations. Furthermore, we have included special features and templates so feel free to choose any of your favorite page builder plugin to create pages flexibly. Some of the other features: # WooCommerce Ready # Responsive # Compatible with major plugins # Translation Ready # Extendible with premium addons # Regularly updated # Designed, Developed, Maintained & Supported by Brainstorm Force. Looking for a perfect base theme? Look no further. Astra is fast, fully customizable and beautiful theme!
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: worldnet-astra-child
Template: astra
*/

/*====================================================
[Start] Ditty
======================================================*/
:root {
  --header-h: 0px;
  --adminbar-h: 0px;
}

.admin-bar {
  --adminbar-h: 32px;
}

@media (max-width: 782px) {
  .admin-bar {
    --adminbar-h: 46px;
  }
}

/* ============================
   Ditty Base
============================ */
body .glass-ticker {
  position: fixed !important;
  top: calc(var(--adminbar-h, 0px) + var(--header-h, 0px)) !important;
  left: 0 !important;
  right: 0 !important;

  width: 100vw !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 2px 0 !important;

  min-height: 23px !important;
  height: 23px !important;
  box-sizing: border-box;
  overflow: hidden !important;
  z-index: 9999 !important;

  background: rgba(0, 0, 0, 0.55) !important;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.12);

  font-size: 12px !important;
  line-height: 19px !important;

  display: flex !important;
  align-items: center !important;
  transform: none !important;
}

body .glass-ticker *,
body .glass-ticker .ditty,
body .glass-ticker .ditty-wrap,
body .glass-ticker .ditty__wrap,
body .glass-ticker .ditty__contents,
body .glass-ticker .ditty-items,
body .glass-ticker .ditty-item {
  max-width: none !important;
  box-sizing: border-box !important;
}

body .glass-ticker .ditty,
body .glass-ticker .ditty-wrap,
body .glass-ticker .ditty__wrap,
body .glass-ticker .ditty__contents {
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* ============================
   Tablet Only
============================ */
@media (min-width: 769px) and (max-width: 1024px) {
  body .glass-ticker {
    min-height: 18px !important;
    height: 22px !important;
    padding: 0 !important;
    font-size: 11px !important;
    line-height: 22px !important;
  }

  body .glass-ticker *,
  body .glass-ticker .ditty,
  body .glass-ticker .ditty-wrap,
  body .glass-ticker .ditty__wrap,
  body .glass-ticker .ditty__contents,
  body .glass-ticker .ditty-items,
  body .glass-ticker .ditty-item {
    height: 22px !important;
    min-height: 22px !important;
    line-height: 22px !important;
  }
}

/* ============================
   Mobile Only
============================ */
@media (max-width: 768px) {
  body .glass-ticker {
    min-height: 18px !important;
    height: 18px !important;
    padding: 0 !important;
    font-size: 11px !important;
    line-height: 18px !important;
  }

  body .glass-ticker *,
  body .glass-ticker .ditty,
  body .glass-ticker .ditty-wrap,
  body .glass-ticker .ditty__wrap,
  body .glass-ticker .ditty__contents,
  body .glass-ticker .ditty-items,
  body .glass-ticker .ditty-item {
    height: 14px !important;
    min-height: 14px !important;
    line-height: 14px !important;
  }
}
/*====================================================
[End] Ditty
======================================================*/

/*====================================================
[Start] Header
======================================================*/
/* =============================================
   WorldNet — Premium Header Redesign
   Target: Astra Free Theme (Child)
   Breakpoints: Desktop | Tablet (≤1024px) | Mobile (≤768px)
   ============================================= */

/* ─── 1. CSS Variables ─────────────────────── */
:root {
    --wn-bg-header:      #111111;
    --wn-bg-topbar:      #0a0a0a;
    --wn-bg-dropdown:    #161616;
    --wn-accent:         #9B1C1C;
    --wn-accent-light:   #C42B2B;
    --wn-border:         rgba(155, 28, 28, 0.35);
    --wn-text-nav:       #E8E8E8;
    --wn-text-topbar:    #A0A0A0;
    --wn-text-hover:     #FFFFFF;
    --wn-transition:     0.25s ease;
}

/* ─── 2. Reset All Header Borders & Shadows ── */
#masthead,
.site-header,
.main-header-bar,
.ast-primary-header-bar,
.ast-above-header-bar,
#ast-above-header {
    border: none !important;
    box-shadow: none !important;
}

/* ─── 3. Above Header (Topbar) ──────────────── */
.ast-above-header-bar,
#ast-above-header {
    background-color: var(--wn-bg-topbar) !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.06) !important;
    padding: 6px 0 !important;
}

.ast-above-header-bar .ast-above-header-section,
.ast-above-header-bar .main-header-bar-navigation .menu-item > a,
.ast-above-header-bar a {
    color: var(--wn-text-topbar) !important;
    font-size: 12px !important;
    letter-spacing: 0.04em !important;
    text-transform: uppercase !important;
    transition: color var(--wn-transition) !important;
}

.ast-above-header-bar a:hover {
    color: var(--wn-text-hover) !important;
    text-decoration: none !important;
}

/* ─── 4. Primary Header Bar ─────────────────── */
#masthead,
.site-header {
    background-color: var(--wn-bg-header) !important;
}

/* Border on .main-header-bar ONLY — prevents duplicate lines */
.main-header-bar {
    background-color: var(--wn-bg-header) !important;
    border-bottom: 1px solid var(--wn-border) !important;
    padding: 0 !important;
}

/* Remove extra lines from Astra nav row */
.ast-primary-header-bar,
.ast-builder-grid-row,
.ast-builder-grid-row-container,
.ast-builder-grid-row-container-inner {
    border: none !important;
    box-shadow: none !important;
}

/* ─── 5. Logo ───────────────────────────────── */
.ast-site-identity,
.site-branding,
.site-logo-img {
    padding: 18px 0 !important;
}

.site-logo-img img,
.custom-logo {
    max-width: 150px !important;
    width: 150px !important;
    height: auto !important;
}

.site-title a,
.site-title {
    color: #E8E8E8 !important;
    transition: opacity var(--wn-transition) !important;
}

.site-title a:hover {
    opacity: 0.85 !important;
}

/* ─── 6. Navigation Menu Items ──────────────── */
.main-navigation .menu-item > a,
.main-header-menu .menu-item > a,
#site-navigation .menu-item > a {
    color: var(--wn-text-nav) !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    letter-spacing: 0.06em !important;
    text-transform: uppercase !important;
    padding: 28px 18px !important;
    position: relative !important;
    transition: color var(--wn-transition) !important;
}

/* Red underline slide-in on hover */
.main-navigation .menu-item > a::after,
.main-header-menu .menu-item > a::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 2px;
    background-color: var(--wn-accent-light);
    transition: width var(--wn-transition) !important;
}

.main-navigation .menu-item > a:hover,
.main-header-menu .menu-item > a:hover,
.main-navigation .current-menu-item > a,
.main-header-menu .current-menu-item > a,
.main-navigation .current-menu-ancestor > a,
.main-header-menu .current-menu-ancestor > a {
    color: var(--wn-text-hover) !important;
}

.main-navigation .menu-item > a:hover::after,
.main-header-menu .menu-item > a:hover::after,
.main-navigation .current-menu-item > a::after,
.main-header-menu .current-menu-item > a::after {
    width: 60% !important;
}

/* ─── 7. Dropdown Submenu ───────────────────── */
.main-navigation .sub-menu,
.main-header-menu .sub-menu {
    background-color: var(--wn-bg-dropdown) !important;
    border: 1px solid var(--wn-border) !important;
    border-top: 2px solid var(--wn-accent) !important;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.5) !important;
    border-radius: 0 0 4px 4px !important;
    min-width: 200px !important;
}

.main-navigation .sub-menu .menu-item > a,
.main-header-menu .sub-menu .menu-item > a {
    color: #C8C8C8 !important;
    font-size: 12.5px !important;
    letter-spacing: 0.04em !important;
    padding: 11px 20px !important;
    text-transform: uppercase !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.05) !important;
    transition: background-color var(--wn-transition),
                color var(--wn-transition),
                padding-left var(--wn-transition) !important;
}

.main-navigation .sub-menu .menu-item > a:hover,
.main-header-menu .sub-menu .menu-item > a:hover {
    background-color: rgba(155, 28, 28, 0.15) !important;
    color: #FFFFFF !important;
    padding-left: 26px !important;
}

.main-navigation .sub-menu .menu-item:last-child > a,
.main-header-menu .sub-menu .menu-item:last-child > a {
    border-bottom: none !important;
}

/* ─── 8. Sticky Header ──────────────────────── */
.site-header.ast-sticky-active,
.main-header-bar.ast-sticky-active {
    background-color: rgba(17, 17, 17, 0.97) !important;
    border-bottom: 1px solid var(--wn-border) !important;
    backdrop-filter: blur(8px) !important;
    -webkit-backdrop-filter: blur(8px) !important;
}

/* ─── 9. Breadcrumb ─────────────────────────── */
.ast-breadcrumbs-wrapper,
#ast-breadcrumbs {
    background-color: var(--wn-bg-header) !important;
    border-top: none !important;
    border-bottom: none !important;
    box-shadow: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

html body .ast-breadcrumbs-wrapper .ast-breadcrumbs-inner {
    padding-top: 4px !important;
    padding-bottom: 4px !important;
    box-sizing: border-box !important;
}

/* Breadcrumb text */
html body .ast-breadcrumbs-wrapper span,
html body .ast-breadcrumbs-wrapper a {
    color: #888888 !important;
    font-size: 12px !important;
    letter-spacing: 0.03em !important;
}

html body .ast-breadcrumbs-wrapper a:hover {
    color: #FFFFFF !important;
    text-decoration: none !important;
}

/* ─── 9a. Remove border lines below header ──── */
#content,
.site-content,
#primary,
.content-area,
.entry-header,
.page-header,
.ast-archive-description {
    margin-top: 0 !important;
    padding-top: 0 !important;
    border-top: none !important;
    box-shadow: none !important;
}

/* ─── 10. Hamburger Toggle ───────────────────── */
.ast-button-wrap button,
.menu-toggle,
#ast-mobile-header .menu-toggle {
    color: var(--wn-text-nav) !important;
    border: 1px solid rgba(255, 255, 255, 0.2) !important;
    border-radius: 3px !important;
    padding: 8px 10px !important;
    transition: border-color var(--wn-transition),
                background-color var(--wn-transition) !important;
}

.ast-button-wrap button:hover,
.menu-toggle:hover {
    background-color: rgba(155, 28, 28, 0.2) !important;
    border-color: var(--wn-accent-light) !important;
}

.menu-toggle .menu-toggle-icon,
.menu-toggle .menu-toggle-icon::before,
.menu-toggle .menu-toggle-icon::after {
    background-color: var(--wn-text-nav) !important;
}

/* ─── 11. Mobile (≤768px) ───────────────────── */
@media (max-width: 768px) {

    /* Header stacking — z-index only */
    #masthead,
    .site-header,
    .main-header-bar {
        position: relative !important;
        z-index: 100 !important;
    }

    .ast-above-header-bar,
    #ast-above-header {
        position: relative !important;
        z-index: 99 !important;
    }

    /* Mobile nav panel */
    .main-navigation,
    #ast-mobile-header,
    .ast-mobile-header-wrap {
        background-color: var(--wn-bg-header) !important;
    }

    .main-header-bar {
        padding: 0 16px !important;
    }

    .ast-site-identity,
    .site-branding,
    .site-logo-img {
        padding: 14px 0 !important;
    }

    /* Breadcrumb mobile padding */
    .ast-breadcrumbs-inner {
        padding-left: 16px !important;
        padding-right: 16px !important;
    }

    /* Mobile nav items */
    .main-navigation .menu-item > a,
    .main-header-menu .menu-item > a {
        padding: 14px 20px !important;
        font-size: 13px !important;
        border-bottom: 1px solid rgba(255, 255, 255, 0.07) !important;
        letter-spacing: 0.05em !important;
        transition: background-color var(--wn-transition),
                    padding-left var(--wn-transition) !important;
    }

    /* Remove underline effect on mobile */
    .main-navigation .menu-item > a::after,
    .main-header-menu .menu-item > a::after {
        display: none !important;
    }

    .main-navigation .menu-item > a:hover,
    .main-header-menu .menu-item > a:hover {
        background-color: rgba(155, 28, 28, 0.12) !important;
        padding-left: 28px !important;
    }

    /* Mobile submenu */
    .main-navigation .sub-menu,
    .main-header-menu .sub-menu {
        border-top: none !important;
        border-left: 2px solid var(--wn-accent) !important;
        margin-left: 16px !important;
        box-shadow: none !important;
        border-radius: 0 !important;
    }
}

/* ─── 12. Tablet (769px – 1024px) ───────────── */
@media (min-width: 769px) and (max-width: 1024px) {

    .main-navigation .menu-item > a,
    .main-header-menu .menu-item > a {
        padding: 24px 12px !important;
        font-size: 12px !important;
        letter-spacing: 0.05em !important;
    }

    .ast-above-header-bar a {
        font-size: 11px !important;
    }

    /* Breadcrumb tablet padding */
    .ast-breadcrumbs-inner {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }
}
/*====================================================
[End] Header
======================================================*/

/*====================================================
[Start] Post - Hide auther/categ.
======================================================*/
.entry-meta, 
.posted-by, 
.ast-single-post .entry-meta {
  display: none !important;
}
/*====================================================
[End] Post - Hide auther/categ.
======================================================*/

/*====================================================
[Start] Personal-Plan-Carosel
======================================================*/
.personal-plan-card .uagb-post__inner-wrap {
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  border-radius: 10px;
  background: #fff;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.personal-plan-card .uagb-post__inner-wrap:hover {
  transform: translateY(-5px);
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.25);
}
/*====================================================
[End] Personal-Plan-Carosel 
======================================================*/

/*====================================================
[Start] Footer location at the bottom
======================================================*/
html, body {
    min-height: 100%;
  height: auto;
}
#page {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}
.site-content {
  flex: 1 0 auto;
}
.site-footer {
  margin-top: auto;
}
/*====================================================
[End] Footer location at the bottom
======================================================*/

/*====================================================
[Start] Updates page > News
======================================================*/
/* 전체 리스트 */
.cnn-news-list.wp-block-latest-posts {
  list-style: none;
  padding: 0 !important;
  margin: 0 auto !important;
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 24px !important;
  max-width: 1200px !important;
  width: 100% !important;
}

/* 각 포스트 카드 */
.cnn-news-list.wp-block-latest-posts li {
  margin: 0;
  padding: 0 0 18px 0;
  border-bottom: none;
  text-align: center;
}

/* 모든 카드에 같은 높이의 뱃지 영역 확보 */
.cnn-news-list.wp-block-latest-posts li::before {
  content: "LATEST NEWS";
  display: inline-block;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.06em;
  color: transparent;
  background: transparent;
  padding: 4px 10px;
  border-radius: 999px;
  margin-bottom: 10px;
  visibility: hidden;
}

/* 첫 번째 글만 실제 보이게 */
.cnn-news-list.wp-block-latest-posts li:first-child::before {
  color: #fff;
  background: #cc0000 !important;
  visibility: visible;
}

/* 첫 번째 글 hover 시 뱃지 색 변경 */
.cnn-news-list.wp-block-latest-posts li:first-child:hover::before {
  background: #990000 !important;
}

/* 마지막 글 */
.cnn-news-list.wp-block-latest-posts li:last-child {
  border-bottom: none;
}

/* 썸네일 래퍼 */
.cnn-news-list .wp-block-latest-posts__featured-image {
  margin: 0 auto;
  overflow: hidden;
  width: 100%;
  border-radius: 10px;
}

/* 썸네일 이미지 */
.cnn-news-list .wp-block-latest-posts__featured-image img {
  width: 100%;
  display: block;
  aspect-ratio: 16 / 9;
  object-fit: cover;
  border-radius: 10px;
  transition: all 0.3s ease;
}

/* 이미지 hover */
.cnn-news-list li:hover .wp-block-latest-posts__featured-image img {
  filter: blur(2px) brightness(0.9);
  transform: scale(1.02);
}

/* 제목 */
.cnn-news-list .wp-block-latest-posts__post-title {
  font-size: 25px;
  line-height: 1.08;
  letter-spacing: -0.02em;
  text-align: center;
  margin-top: 12px;
  margin-right: 8px;
}

/* 제목 hover */
.cnn-news-list .wp-block-latest-posts__post-title:hover {
  color: #000;
  text-decoration: underline;
  text-underline-offset: 3px;
}

/* author만 숨김 */
.cnn-news-list .wp-block-latest-posts__post-author {
  display: none;
}

/* excerpt */
.cnn-news-list .wp-block-latest-posts__post-excerpt {
  margin-top: 10px;
  font-size: 15px;
  line-height: 1.5;
  color: #555;
}

/* 태블릿 */
@media (max-width: 1023px) {
  .cnn-news-list.wp-block-latest-posts {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 24px !important;
  }
}

/* 모바일 */
@media (max-width: 768px) {
  .cnn-news-list.wp-block-latest-posts {
    grid-template-columns: 1fr !important;
    gap: 24px !important;
    padding-left: 12px !important;
    padding-right: 12px !important;
    box-sizing: border-box;
  }

  .cnn-news-list.wp-block-latest-posts li {
    width: 100%;
  }

  .cnn-news-list.wp-block-latest-posts li:nth-child(n+3) {
    display: none;
  }

  .cnn-news-list .wp-block-latest-posts__featured-image {
    width: 100%;
  }

  .cnn-news-list .wp-block-latest-posts__post-title {
    font-size: 24px;
  }
}
/*====================================================
[End] Updates page > News
======================================================*/

/*====================================================
[Start] Updates page > Promotion
======================================================*/
/* 전체 리스트 */
.cnn-promo-list.wp-block-latest-posts {
  list-style: none;
  padding: 0 !important;
  margin: 0 auto !important;
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 24px !important;
  max-width: 1200px !important;
  width: 100% !important;
}

/* 각 포스트 카드 */
.cnn-promo-list.wp-block-latest-posts li {
  margin: 0;
  padding: 0 0 18px 0;
  border-bottom: none;
  text-align: center;
}

/* 모든 카드에 같은 높이의 뱃지 영역 확보 */
.cnn-promo-list.wp-block-latest-posts li::before {
  content: "LATEST PROMO";
  display: inline-block;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.06em;
  color: transparent;
  background: transparent;
  padding: 4px 10px;
  border-radius: 999px;
  margin-bottom: 10px;
  visibility: hidden;
}

/* 첫 번째 글만 실제 보이게 */
.cnn-promo-list.wp-block-latest-posts li:first-child::before {
  color: #fff;
  background: #cc0000 !important;
  visibility: visible;
}

/* 첫 번째 글 hover 시 뱃지 색 변경 */
.cnn-promo-list.wp-block-latest-posts li:first-child:hover::before {
  background: #990000 !important;
}

/* 마지막 글 */
.cnn-promo-list.wp-block-latest-posts li:last-child {
  border-bottom: none;
}

/* 썸네일 래퍼 */
.cnn-promo-list .wp-block-latest-posts__featured-image {
  margin: 0 auto;
  overflow: hidden;
  width: 100%;
  border-radius: 10px;
}

/* 썸네일 이미지 */
.cnn-promo-list .wp-block-latest-posts__featured-image img {
  width: 100%;
  display: block;
  aspect-ratio: 16 / 9;
  object-fit: cover;
  border-radius: 10px;
  transition: all 0.3s ease;
}

/* 이미지 hover */
.cnn-promo-list li:hover .wp-block-latest-posts__featured-image img {
  filter: blur(2px) brightness(0.9);
  transform: scale(1.02);
}

/* 제목 */
.cnn-promo-list .wp-block-latest-posts__post-title {
  font-size: 25px;
  line-height: 1.08;
  letter-spacing: -0.02em;
  text-align: center;
  margin-top: 12px;
  margin-right: 8px;
}

/* 제목 hover */
.cnn-promo-list .wp-block-latest-posts__post-title:hover {
  color: #000;
  text-decoration: underline;
  text-underline-offset: 3px;
}

/* author만 숨김 */
.cnn-promo-list .wp-block-latest-posts__post-author {
  display: none;
}

/* excerpt */
.cnn-promo-list .wp-block-latest-posts__post-excerpt {
  margin-top: 10px;
  font-size: 15px;
  line-height: 1.5;
  color: #555;
}

/* 태블릿 */
@media (max-width: 1023px) {
  .cnn-promo-list.wp-block-latest-posts {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 24px !important;
  }
}

/* 모바일 */
@media (max-width: 768px) {
  .cnn-promo-list.wp-block-latest-posts {
    grid-template-columns: 1fr !important;
    gap: 24px !important;
    padding-left: 12px !important;
    padding-right: 12px !important;
    box-sizing: border-box;
  }

  .cnn-promo-list.wp-block-latest-posts li {
    width: 100%;
  }

  .cnn-promo-list.wp-block-latest-posts li:nth-child(n+3) {
    display: none;
  }

  .cnn-promo-list .wp-block-latest-posts__featured-image {
    width: 100%;
  }

  .cnn-promo-list .wp-block-latest-posts__post-title {
    font-size: 24px;
  }
}
/*====================================================
[End] Updates page > Promotion
======================================================*/

/*====================================================
[Start] Updates page: Nav bar
======================================================*/
.top-simple-nav {
  max-width: 1200px;
  margin: 0 auto;
}

.top-simple-nav .wp-block-navigation {
  display: flex;
  justify-content: center;
}

.top-simple-nav .wp-block-navigation__container {
  display: flex;
  justify-content: center;
  gap: 24px;
  padding: 10px 20px;
  width: fit-content;
  box-sizing: border-box;
  border-bottom: 2px solid #111;
}

.top-simple-nav .wp-block-navigation-item__content {
  font-size: 16px;
  color: #111;
  text-decoration: none;
  font-weight: 700;
  transition: all 0.2s ease;
}

/* News, Promotions hover */
.top-simple-nav .wp-block-navigation-item:nth-child(1) .wp-block-navigation-item__content:hover,
.top-simple-nav .wp-block-navigation-item:nth-child(2) .wp-block-navigation-item__content:hover {
  color: #111;
  text-decoration: underline;
  text-decoration-color: #e31b23;
  text-underline-offset: 3px;
  text-decoration-thickness: 2px;
}

/* 3~8번째 메뉴를 아이콘형으로 */
.top-simple-nav .wp-block-navigation-item:nth-child(3) .wp-block-navigation-item__content,
.top-simple-nav .wp-block-navigation-item:nth-child(4) .wp-block-navigation-item__content,
.top-simple-nav .wp-block-navigation-item:nth-child(5) .wp-block-navigation-item__content,
.top-simple-nav .wp-block-navigation-item:nth-child(6) .wp-block-navigation-item__content,
.top-simple-nav .wp-block-navigation-item:nth-child(7) .wp-block-navigation-item__content,
.top-simple-nav .wp-block-navigation-item:nth-child(8) .wp-block-navigation-item__content {
  font-size: 0;
  text-decoration: none !important;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 38px;
  height: 38px;
  border-radius: 999px;
  border: 2.8px solid #111;
  padding: 0;
  background: transparent;
  position: relative;
}

/* Instagram */
.top-simple-nav .wp-block-navigation-item:nth-child(3) .wp-block-navigation-item__content::before {
  content: "\f16d";
  font-family: "Font Awesome 5 Brands";
  font-size: 18px;
  line-height: 1;
  color: #111;
}

/* Facebook */
.top-simple-nav .wp-block-navigation-item:nth-child(4) .wp-block-navigation-item__content::before {
  content: "\f39e";
  font-family: "Font Awesome 5 Brands";
  font-size: 18px;
  line-height: 1;
  color: #111;
}

/* LinkedIn */
.top-simple-nav .wp-block-navigation-item:nth-child(5) .wp-block-navigation-item__content::before {
  content: "\f0e1";
  font-family: "Font Awesome 5 Brands";
  font-size: 18px;
  line-height: 1;
  color: #111;
}

/* YouTube */
.top-simple-nav .wp-block-navigation-item:nth-child(6) .wp-block-navigation-item__content::before {
  content: "\f167";
  font-family: "Font Awesome 5 Brands";
  font-size: 18px;
  line-height: 1;
  color: #111;
}

/* WorldNet TV */
.top-simple-nav .wp-block-navigation-item:nth-child(7) .wp-block-navigation-item__content::before {
  content: "TV";
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 22px;
  height: 16px;
  border: 2px solid #111;
  border-radius: 6px;
  color: #111;
  font-size: 10px;
  font-weight: 800;
  line-height: 1;
  font-family: Arial, sans-serif;
  box-sizing: border-box;
}

/* LittleRedBook */
.top-simple-nav .wp-block-navigation-item:nth-child(8) .wp-block-navigation-item__content::before {
  content: "\f02d";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  font-size: 17px;
  line-height: 1;
  color: #111;
}

/* 데스크톱 아이콘 hover */
.top-simple-nav .wp-block-navigation-item:nth-child(3) .wp-block-navigation-item__content:hover,
.top-simple-nav .wp-block-navigation-item:nth-child(4) .wp-block-navigation-item__content:hover,
.top-simple-nav .wp-block-navigation-item:nth-child(5) .wp-block-navigation-item__content:hover,
.top-simple-nav .wp-block-navigation-item:nth-child(6) .wp-block-navigation-item__content:hover,
.top-simple-nav .wp-block-navigation-item:nth-child(7) .wp-block-navigation-item__content:hover,
.top-simple-nav .wp-block-navigation-item:nth-child(8) .wp-block-navigation-item__content:hover {
  background: linear-gradient(
    to bottom,
    #c9242b 0%,
    #991d23 45%,
    #32080a 74%,
    #111 75%,
    #111 100%
  );
  border-color: #111;
  text-decoration: none !important;
}

.top-simple-nav .wp-block-navigation-item:nth-child(3) .wp-block-navigation-item__content:hover::before,
.top-simple-nav .wp-block-navigation-item:nth-child(4) .wp-block-navigation-item__content:hover::before,
.top-simple-nav .wp-block-navigation-item:nth-child(5) .wp-block-navigation-item__content:hover::before,
.top-simple-nav .wp-block-navigation-item:nth-child(6) .wp-block-navigation-item__content:hover::before,
.top-simple-nav .wp-block-navigation-item:nth-child(8) .wp-block-navigation-item__content:hover::before {
  color: #fff;
}

.top-simple-nav .wp-block-navigation-item:nth-child(7) .wp-block-navigation-item__content:hover::before {
  color: #fff !important;
  border-color: #fff !important;
}

/* Tablet & Mobile: desktop style nav, smaller only */
@media (max-width: 1024px) {
  .top-simple-nav .wp-block-navigation__responsive-container-open,
  .top-simple-nav .wp-block-navigation__responsive-container-close {
    display: none !important;
  }

  .top-simple-nav .wp-block-navigation__responsive-container {
    display: flex !important;
    position: static !important;
    background: transparent !important;
    width: 100% !important;
    height: auto !important;
    padding: 0 !important;
    overflow: visible !important;
  }

  .top-simple-nav .wp-block-navigation__responsive-container-content {
    display: flex !important;
    padding: 0 !important;
  }

  .top-simple-nav .wp-block-navigation__container {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 10px !important;
    padding: 8px 10px !important;
    width: fit-content !important;
    margin: 0 auto !important;
  }
	.top-simple-nav .wp-block-navigation__container {
  position: relative !important;
  border-bottom: none !important;
}

.top-simple-nav .wp-block-navigation__container::after {
  content: "" !important;
  position: absolute !important;
  left: 24px !important;
  right: 24px !important;
  bottom: 0 !important;
  height: 2px !important;
  background: #111 !important;
}

  .top-simple-nav .wp-block-navigation-item:nth-child(1) .wp-block-navigation-item__content,
  .top-simple-nav .wp-block-navigation-item:nth-child(2) .wp-block-navigation-item__content {
    font-size: 13px !important;
    width: auto !important;
    height: auto !important;
    border: none !important;
    padding: 0 !important;
  }

  .top-simple-nav .wp-block-navigation-item:nth-child(n+3) .wp-block-navigation-item__content {
    font-size: 0 !important;
    width: 28px !important;
    height: 28px !important;
    min-width: 28px !important;
    min-height: 28px !important;
    border: 2px solid #111 !important;
    border-radius: 999px !important;
    padding: 0 !important;
  }

  .top-simple-nav .wp-block-navigation-item:nth-child(n+3) .wp-block-navigation-item__content::before {
    font-size: 13px !important;
  }

  .top-simple-nav .wp-block-navigation-item:nth-child(7) .wp-block-navigation-item__content::before {
    font-size: 6px !important;
  }
}

/* Small mobile */
@media (max-width: 480px) {
  .top-simple-nav .wp-block-navigation__container {
    gap: 6px !important;
    padding: 6px 8px !important;
  }

  .top-simple-nav .wp-block-navigation-item:nth-child(1) .wp-block-navigation-item__content,
  .top-simple-nav .wp-block-navigation-item:nth-child(2) .wp-block-navigation-item__content {
    font-size: 10px !important;
  }

  .top-simple-nav .wp-block-navigation-item:nth-child(n+3) .wp-block-navigation-item__content {
    width: 24px !important;
    height: 24px !important;
    min-width: 24px !important;
    min-height: 24px !important;
  }

  .top-simple-nav .wp-block-navigation-item:nth-child(n+3) .wp-block-navigation-item__content::before {
    font-size: 11px !important;
  }
	
	.top-simple-nav .wp-block-navigation-item:nth-child(7) .wp-block-navigation-item__content::before {
    font-size: 6px !important;
  }
}
/*====================================================
[End] Updates page: Nav bar
======================================================*/

/*====================================================
[Start] Address Checker CSS
======================================================*/
.wn-address-checker {
  max-width: 720px;
  margin: 24px auto;
}

#wn-address-search {
  display: block;
  width: 100%;
  margin: 0 auto;
}

.wn-address-checker label {
  display: block;
  margin-bottom: 10px;
  font-size: 15px;
  font-weight: 700;
  color: #0f172a;
  text-align: center;
}

.wn-address-checker input[type="text"] {
  width: 100%;
  padding: 14px 16px;
  font-size: 15px;
  line-height: 1.4;
  border: 1px solid #cbd5e1;
  border-radius: 14px;
  background: #fff;
  box-sizing: border-box;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.wn-address-checker input[type="text"]:focus {
  outline: none;
  border-color: #2563eb;
  box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.12);
}

#wn-address-results {
  margin-top: 10px;
  border-radius: 12px;
  overflow: hidden;
  background: #fff;
  border: 1px solid #e2e8f0;
}

#wn-address-results:empty,
#wn-service-result:empty {
  display: none;
}

.wn-address-result-item {
  display: block;
  width: 100%;
  padding: 12px 14px;
  text-align: left;
  font-size: 14px;
  color: #1e293b;
  background: #fff;
  border: 0;
  border-bottom: 1px solid #e2e8f0;
  cursor: pointer;
  transition: background 0.2s ease, color 0.2s ease;
}

.wn-address-result-item:last-child {
  border-bottom: 0;
}

.wn-address-result-item:hover,
.wn-address-result-item:focus {
  background: #f1f5f9;
  color: #0f172a;
  outline: none;
}

.wn-search-status {
  padding: 12px 14px;
  font-size: 14px;
  line-height: 1.4;
  color: #475569;
  background: #f8fafc;
  border: 1px solid #d9dee7;
  border-radius: 12px;
  box-sizing: border-box;
}

#wn-service-result {
  margin-top: 12px;
  padding: 16px 18px;
  font-size: 14px;
  color: #0f172a;
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-radius: 12px;
}

.wn-service-title {
  margin-bottom: 10px;
  font-size: 15px;
  font-weight: 700;
}

.wn-service-list {
  display: grid;
  gap: 10px;
}

.wn-service-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 10px 12px;
  background: #ffffff;
  border: 1px solid #e2e8f0;
  border-radius: 10px;
}

.wn-service-name {
  font-weight: 600;
}

.wn-badge {
  display: inline-block;
  padding: 4px 10px;
  font-size: 12px;
  font-weight: 700;
  border-radius: 999px;
}

.wn-badge.available {
  color: #166534;
  background: #dcfce7;
}

.wn-badge.unavailable {
  color: #991b1b;
  background: #fee2e2;
}

.wn-checking-status {
  color: #475569;
}

.wn-service-note {
  margin-top: 10px;
  padding-left: 4px;
  font-size: 13px;
  line-height: 1.5;
  color: #64748b;
}
/*====================================================
[End] Address Checker CSS
======================================================*/

/*====================================================
[Start] Updates > News & Promotion Page Blogs with Tag
======================================================*/
/* 전체 목록 */
.blog-query-list .wp-block-post-template {
  margin: 0;
  padding: 0;
}

/* 각 글 */
.blog-query-list .wp-block-post {
  list-style: none;
  margin: 0;
  padding: 16px 0;
}

/* 내부 레이아웃 */
.blog-query-list .wp-block-post > .wp-block-columns {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-start !important;
  gap: 20px !important;
}

/* 컬럼 기본 */
.blog-query-list .wp-block-post > .wp-block-columns > .wp-block-column {
  margin: 0 !important;
  min-width: 0;
}

/* 텍스트 컬럼 */
.wp-block-columns > .wp-block-column:first-child {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

/* 이미지 컬럼 */
.blog-query-list .wp-block-post > .wp-block-columns > .wp-block-column:last-child {
  flex: 0 0 340px;
  min-width: 340px;
}

/* 이미지 */
.blog-query-list .wp-block-post-featured-image {
  margin: 0 !important;
  text-align: right !important;
}

.blog-query-list .wp-block-post-featured-image a {
  display: block;
}

.blog-query-list .wp-block-post-featured-image img {
  display: block;
  width: 340px;
  height: auto !important;
  max-height: none !important;
  object-fit: contain !important;
  object-position: center;
  margin-left: auto;
  border: 1px solid #d9d9d9;
  border-radius: 8px;
  background: #fff;
}

/* 날짜 */
.blog-query-list .wp-block-post-date {
  margin: 0 0 6px 0 !important;
  font-size: 14px;
  line-height: 1.4;
  color: #777;
}

/* 제목 */
.blog-query-list .wp-block-post-title {
  margin: 0 0 8px 0 !important;
  line-height: 1.25;
  font-weight: 700;
}

.blog-query-list .wp-block-post-title a {
  font-size: 32px !important;
  line-height: 1.25 !important;
  font-weight: 700;
  color: #1f1f1f;
  text-decoration: none;
}

.blog-query-list .wp-block-post-title a:hover {
  text-decoration: underline;
}

/* excerpt */
.blog-query-list .wp-block-post-excerpt {
  margin: 0 0 12px 0 !important;
  font-size: 15px;
  line-height: 1.75;
  color: #666;
  max-width: 680px !important;
}

.blog-query-list .wp-block-post-excerpt p,
.blog-query-list .wp-block-post-excerpt__excerpt {
  margin: 0 !important;
}

/* excerpt 한 줄 */
.blog-query-list .wp-block-post-excerpt__excerpt,
.blog-query-list .wp-block-post-excerpt p {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/* Read more */
.blog-query-list .wp-block-post-excerpt__more-link {
  display: inline-block;
  margin-left: 6px;
  color: #444;
  text-decoration: none;
  font-weight: 500;
}

.blog-query-list .wp-block-post-excerpt__more-link:hover {
  text-decoration: underline;
}

/* 태그 */
.blog-query-list .wp-block-post-terms {
  margin: 0;
  font-size: 13px;
  line-height: 1.5;
}

.blog-query-list .wp-block-post-terms__separator {
  display: none;
}

.blog-query-list .wp-block-post-terms a {
  display: inline-block;
  margin: 0 8px 8px 0;
  padding: 5px 10px;
  border: 1px solid #d8d8d8;
  border-radius: 999px;
  background: #f7f7f7;
  color: #555;
  text-decoration: none;
  font-size: 12px;
  line-height: 1.2;
}

.blog-query-list .wp-block-post-terms a:hover {
  background: #efefef;
  color: #222;
}

/* 태그 없을 때 */
.blog-query-list .wp-block-post-terms:not(:has(a)) {
  color: #666;
  font-size: 13px;
}

/* 모바일 */
@media (max-width: 768px) {
  .blog-query-list .wp-block-post {
    padding: 20px 0;
  }
	
	.blog-query-list .wp-block-post-date,
  .blog-query-list .wp-block-post-title,
  .blog-query-list .wp-block-post-excerpt,
  .blog-query-list .wp-block-post-terms {
    padding-left: 10px;
    padding-right: 10px;
    box-sizing: border-box;
  }

  .blog-query-list .wp-block-post > .wp-block-columns {
    display: block !important;
  }

.blog-query-list .wp-block-post-featured-image {
  text-align: center !important;
  margin: 0 0 14px 0 !important;
}

.blog-query-list .wp-block-post-featured-image a {
  display: flex !important;
  justify-content: center !important;
}

.blog-query-list .wp-block-post-featured-image img {
  width: 100%;
  max-width: 340px;
  margin-left: auto !important;
  margin-right: auto !important;
}

  .blog-query-list .wp-block-post > .wp-block-columns > .wp-block-column:last-child {
    min-width: 0;
  }

  .blog-query-list .wp-block-post-title a {
    font-size: 20px !important;
  }

  .blog-query-list .wp-block-post-excerpt {
    max-width: 100% !important;
  }
	
	.blog-query-list .wp-block-separator,
  .blog-query-list hr {
    margin-left: 10px !important;
    margin-right: 10px !important;
    width: auto !important;
  }
}
/*====================================================
[End] Updates > News & Promotion Page Blogs with Tag
======================================================*/

/*====================================================
[Start] Updates > News & Promotion Page Pagination
======================================================*/
.blog-query-list .wp-block-query-pagination {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 20px;
  margin-bottom: 32px;
  font-size: 14px;
}

.blog-query-list .wp-block-query-pagination a,
.blog-query-list .wp-block-query-pagination span {
  text-decoration: none;
  color: #444;
  font-size: 14px;
  line-height: 1.4;
}

/* Prev / Next */
.blog-query-list .wp-block-query-pagination-previous,
.blog-query-list .wp-block-query-pagination-next {
  display: inline-block;
  margin: 0 6px 0 0;
}

/* 숫자 묶음 */
.blog-query-list .wp-block-query-pagination-numbers {
  display: inline-flex;
  flex-wrap: wrap;
  gap: 8px;
}

/* 숫자 링크 */
.blog-query-list .wp-block-query-pagination-numbers .page-numbers {
  display: inline-block;
  min-width: auto;
  padding: 0;
  border: none;
  background: transparent;
  color: #444;
  text-decoration: none;
}

/* 숫자 앞뒤 대괄호 */
.blog-query-list .wp-block-query-pagination-numbers .page-numbers::before {
  content: "[";
}

.blog-query-list .wp-block-query-pagination-numbers .page-numbers::after {
  content: "]";
}

/* 현재 페이지 */
.blog-query-list .wp-block-query-pagination-numbers .page-numbers.current {
  font-weight: 700;
  color: #d71920;
}

/* hover */
.blog-query-list .wp-block-query-pagination a:hover {
  text-decoration: underline;
}
/*====================================================
[End] Updates > News & Promotion Page Pagination
======================================================*/

/*====================================================
[Start] Updates Page: Promo Banner
======================================================*/
.promo-banner {
  position: relative;
  background: #ffffff;
  border-radius: 18px;
  overflow: hidden;
  box-shadow: 0 10px 28px rgba(0, 0, 0, 0.10);
  transition: transform 0.25s ease, box-shadow 0.25s ease;
  padding: 0 !important;
}

.promo-banner:hover {
  transform: translateY(-6px);
  box-shadow: 0 16px 36px rgba(0, 0, 0, 0.16);
}

/* 최신 프로모션 뱃지 */
.promo-banner::before {
  content: "LATEST PROMO";
  position: absolute;
  top: 16px;
  left: 16px;
  z-index: 5;
  background: #cc0000;
  color: #ffffff;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.08em;
  padding: 7px 12px;
  border-radius: 999px;
  box-shadow: 0 4px 12px rgba(215, 58, 58, 0.25);
}

/* hover 시 뱃지 색 */
.promo-banner:hover::before {
  background: #990000;
}

/* 리스트 구조 여백 제거 */
.promo-banner .wp-block-latest-posts__list,
.promo-banner ul,
.promo-banner li {
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

/* 이미지 wrapper 여백 제거 */
.promo-banner .wp-block-latest-posts__featured-image {
  margin: 0 !important;
  line-height: 0 !important;
}

/* 이미지 */
.promo-banner img {
  display: block;
  width: 100%;
  height: auto;
  margin: 0 !important;
  transition: transform 0.35s ease;
}

.promo-banner:hover img {
  transform: scale(1.03);
}

/* 제목/날짜/excerpt 완전히 제거 */
.promo-banner .wp-block-latest-posts__post-title,
.promo-banner .wp-block-latest-posts__post-date,
.promo-banner .wp-block-latest-posts__post-excerpt {
  display: none !important;
  margin: 0 !important;
  padding: 0 !important;
  height: 0 !important;
  line-height: 0 !important;
}
/*====================================================
[End] Updates Page: Promo Banner
======================================================*/

/*====================================================
[Start] Form Button
======================================================*/
.signup-form-wrapper button,
.signup-form-wrapper input[type="submit"],
.signup-form-wrapper .srfm-btn,
.signup-form-wrapper .srfm-button {
  border-radius: 30px !important;
  overflow: hidden !important;
}

.signup-form-wrapper button:hover,
.signup-form-wrapper input[type="submit"]:hover,
.signup-form-wrapper .srfm-btn:hover,
.signup-form-wrapper .srfm-button:hover {
  background-color: #990000 !important;
}

.contact-form-wrapper button,
.contact-form-wrapper input[type="submit"],
.contact-form-wrapper .srfm-btn,
.contact-form-wrapper .srfm-button {
  border-radius: 30px !important;
  overflow: hidden !important;
}

.contact-form-wrapper button:hover,
.contact-form-wrapper input[type="submit"]:hover,
.contact-form-wrapper .srfm-btn:hover,
.contact-form-wrapper .srfm-button:hover {
  background-color: #990000 !important;
}

/*====================================================
[End] Form Button
======================================================*/

/*====================================================
  [START] Fix mobile horizontal overflow safely
======================================================*/

html,
body {
  width: 100%;
  max-width: 100%;
  overflow-x: clip;
  overflow-y: auto;
}

#page {
 max-width: 100%;
  overflow-x: clip;
  overflow-y: visible;
}

img,
video,
iframe,
svg {
  max-width: 100%;
  height: auto;
}

@media (max-width: 768px) {
  .wp-site-blocks,
  .site,
  .site-content,
  .entry-content,
  .wp-block-group,
  .wp-block-cover,
  .wp-block-columns,
  .wp-block-column {
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
  }

  .wp-block-cover__inner-container,
  .wp-block-group__inner-container {
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
  }

  .wp-block-cover h1,
  .wp-block-cover h2,
  .wp-block-cover h3,
  .wp-block-cover p,
  .wp-block-group h1,
  .wp-block-group h2,
  .wp-block-group h3,
  .wp-block-group p {
    max-width: 100% !important;
    min-width: 0 !important;
    overflow-wrap: break-word;
    word-break: normal;
  }

  *[style*="100vw"] {
    width: 100% !important;
    max-width: 100% !important;
  }
}

/*====================================================
  [END] Fix mobile horizontal overflow safely
======================================================*/
/*====================================================
[Start] Help Articles - Heading Size Fix
======================================================*/
.page .entry-content h1 {
    font-size: 2.4rem !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    margin-bottom: 1rem !important;
}
.page .entry-content h2 {
    font-size: 1.8rem !important;
    font-weight: 700 !important;
    line-height: 1.3 !important;
    margin-top: 1.5rem !important;
    margin-bottom: 0.75rem !important;
}
.page .entry-content h3 {
    font-size: 1.2rem !important;
    font-weight: 600 !important;
    line-height: 1.4 !important;
    margin-top: 1rem !important;
    margin-bottom: 0.5rem !important;
}
/*====================================================
[End] Help Articles - Heading Size Fix
======================================================*/