/*
Theme Name: 삐에로모바일
Author: 삐에로모바일
Description: 삐에로모바일 전용 반응형 워드프레스 테마. 선불폰·알뜰폰 요금제, 유심, 온라인 개통, 지역 및 상담 안내.
Version: 1.1.1
Requires at least: 6.1
Requires PHP: 7.4
Text Domain: piero-mobile
*/

.ddm-menu { display: flex; align-items: center; gap: 20px; margin: 0; padding: 0; }
.ddm-menu li { list-style: none; }
.nav .current-menu-item > a { color: #f24d70; }
.hero h1 { word-break: keep-all; overflow-wrap: normal; }
.hero h1,
.guide-hero h1,
.plans-intro h1,
.self-intro h1,
.section-head h2,
.network-title h2,
.method-card h3,
.delivery-card h3,
.wizard-stage h2,
.answer b { word-break: keep-all; overflow-wrap: normal; }
.header-cta,
.btn,
.network-jump a,
.method-card > a,
.wizard-top > a,
.result-actions a,
.delivery-card a,
.notice-actions a { white-space: nowrap; }
.plan-table-wrap table { table-layout: auto; }
.plan-table-wrap th,
.plan-table-wrap td { word-break: keep-all; }
.footer-policy { margin-top: 12px; }
.footer-policy a { color: inherit; font-size: 13px; opacity: .8; }
.navigation.pagination { margin: 36px 0; text-align: center; }
.navigation.pagination .page-numbers { display: inline-block; margin: 3px; padding: 8px 12px; border-radius: 10px; background: #fff; color: #183b60; }
.navigation.pagination .current { background: #183b60; color: #fff; }

/* Compact two-level primary navigation. */
.nav>.ddm-menu>li{position:relative;display:flex;align-items:center}
.nav>.ddm-menu>li>a{display:flex;align-items:center;min-height:46px;white-space:nowrap}
.nav>.ddm-menu>.menu-item-has-children>a:after{content:'⌄';margin-left:6px;color:#7a8490;font-size:12px;transform:translateY(-1px)}
.nav .sub-menu{position:absolute;z-index:40;top:calc(100% - 2px);left:50%;display:none;min-width:178px;margin:0;padding:10px;border:1px solid #e6eaf0;border-radius:16px;background:#fff;box-shadow:0 18px 42px rgba(20,37,58,.14);transform:translateX(-50%)}
.nav .sub-menu:before{content:'';position:absolute;left:0;right:0;top:-12px;height:12px}
.nav .sub-menu li{display:block}
.nav .sub-menu a{display:block;padding:10px 12px;border-radius:10px;color:#354252;font-size:14px;font-weight:700;white-space:nowrap}
.nav .sub-menu a:hover,.nav .sub-menu .current-menu-item>a{color:#f24d70;background:#fff1f4}
.nav .menu-item-has-children:hover>.sub-menu,.nav .menu-item-has-children:focus-within>.sub-menu{display:block}
.nav .current-menu-ancestor>a{color:#f24d70}
.nav .menu-startup>a{min-height:38px!important;padding:0 13px;border:1px solid #f5a7b8;border-radius:99px;color:#e83f64}
.nav .menu-startup>a:hover,.nav .menu-startup.current-menu-item>a{border-color:#f24d70;background:#fff0f3;color:#db3157}
.submenu-toggle{display:none}
.footer-policy{display:flex;flex-wrap:wrap;gap:8px 18px}

@media(max-width:1220px){
  .header>.nav>.ddm-menu{width:100%;align-items:stretch;gap:3px;flex-direction:column}
  .header>.nav>.ddm-menu>li{display:grid;grid-template-columns:minmax(0,1fr) 46px;width:100%}
  .header>.nav>.ddm-menu>li:not(.menu-item-has-children){display:block}
  .header>.nav>.ddm-menu>li>a{min-height:48px;padding:0 12px}
  .header>.nav>.ddm-menu>.menu-item-has-children>a:after{display:none}
  .header>.nav .submenu-toggle{display:grid;place-items:center;width:42px;height:42px;margin:auto;border:0;border-radius:12px;background:#f4f6f8;color:#123357;font-weight:900;cursor:pointer}
  .header>.nav .submenu-toggle:after{content:'+';font-size:21px}
  .header>.nav .submenu-open>.submenu-toggle:after{content:'–'}
  .header>.nav .sub-menu{position:static;grid-column:1/-1;display:none;min-width:0;margin:2px 0 8px;padding:7px 8px 7px 18px;border:0;border-left:3px solid #f24d70;border-radius:0 12px 12px 0;background:#f7f9fb;box-shadow:none;transform:none}
  .header>.nav .submenu-open>.sub-menu{display:block}
  .header>.nav .menu-item-has-children:hover>.sub-menu:not(:focus-within){display:none}
  .header>.nav .menu-item-has-children.submenu-open:hover>.sub-menu{display:block}
  .header>.nav .menu-startup>a{display:inline-flex;width:max-content;margin:6px 0;min-height:42px!important;padding:0 16px}
}

/* Entry point for the optional regional directory. */
.ddmr-home-entry{display:flex;justify-content:space-between;align-items:center;gap:28px;background:#f6f8fb;border:1px solid #e1e8ef;border-radius:20px;padding:30px 34px;margin-top:24px;margin-bottom:35px}
.ddmr-home-entry small{display:block;color:#f24d70;font-weight:900;font-size:11px;letter-spacing:.1em}.ddmr-home-entry h2{margin:8px 0;font-size:25px;letter-spacing:-.04em;color:#123357}.ddmr-home-entry p{margin:0;font-size:13px;color:#5e6d7c;line-height:1.8}.ddmr-home-entry>a{flex-shrink:0;display:inline-flex;gap:20px;align-items:center;padding:15px 20px;border-radius:11px;background:#123357;color:white;font-size:14px;font-weight:800}
@media(max-width:1220px) and (min-width:981px){.header>.nav{display:none;position:absolute;top:82px;left:0;right:0;padding:20px 24px;background:#fff;flex-direction:column;align-items:flex-start;border-bottom:1px solid #e3e8ee}.header>.nav.open{display:flex}.header>.menu-btn{display:block;margin-left:auto}.header>.header-cta{display:none}}
@media(max-width:680px){.ddmr-home-entry{width:calc(100% - 36px);padding:24px;flex-direction:column;align-items:stretch;gap:18px}.ddmr-home-entry h2{font-size:23px}.ddmr-home-entry>a{justify-content:space-between}}

/* 1.6.0 simplified header: 요금제 | 유심 | 개통방법 | 지역찾기 | 상담 */
.nav>.ddm-menu>li{position:relative;display:flex;align-items:center}.nav>.ddm-menu>li>a{white-space:nowrap}.nav>.ddm-menu>li>a:after{display:none!important}.nav .menu-startup{display:none!important}
@media(max-width:1220px){.header>.nav>.ddm-menu>li{display:block}.header>.nav>.ddm-menu>li>a{padding:0 12px}.header>.nav .submenu-toggle{display:none!important}}
@media(max-width:1220px){
  .header>.menu-btn{display:block!important;order:1;margin-left:auto!important}
  .header>.header-kakao{display:inline-flex!important;order:2}
  .header>.header-cta{display:inline-flex!important;order:3}
  .header>.brand{order:0}
}
@media(max-width:640px){
  .header>.header-kakao{width:36px;min-width:36px;padding:0;font-size:0}
  .header>.header-cta{min-height:36px;padding:0 11px;font-size:12px}
}
@media(max-width:1220px){.header>.nav{top:72px!important}}
@media(max-width:640px){.header>.nav{top:64px!important}}

/* 1.8.0: restore full navigation/dropdowns and corrected Kakao header control. */
.nav>.ddm-menu>.menu-item-has-children>a:after{display:inline-block!important;content:'⌄'!important;margin-left:6px;color:#7a8490;font-size:12px;transform:translateY(-1px)}
.nav .menu-startup{display:flex!important}
@media(max-width:1220px){
  .header>.nav>.ddm-menu>li.menu-item-has-children{display:grid;grid-template-columns:minmax(0,1fr) 46px;width:100%}
  .header>.nav>.ddm-menu>.menu-item-has-children>a:after{display:none!important}
  .header>.nav .submenu-toggle{display:grid!important;place-items:center;width:42px;height:42px;margin:auto;border:0;border-radius:12px;background:#f4f6f8;color:#123357;font-weight:900;cursor:pointer}
  .header>.nav .submenu-toggle:after{content:'+';font-size:21px}
  .header>.nav .submenu-open>.submenu-toggle:after{content:'–'}
  .header>.nav .sub-menu{position:static;grid-column:1/-1;display:none;min-width:0;margin:2px 0 8px;padding:7px 8px 7px 18px;border:0;border-left:3px solid #f24d70;border-radius:0 12px 12px 0;background:#f7f9fb;box-shadow:none;transform:none}
  .header>.nav .submenu-open>.sub-menu{display:block}
}
@media(max-width:640px){
  .header>.header-kakao{width:40px!important;min-width:40px!important;height:40px!important;min-height:40px!important;padding:0!important;font-size:0!important}
}