/*
Theme Name: ystandard_OCEAN
Template: ystandard
Version: 1.0
*/

/*-------------------------------------------
  OCEAN：header_style.css（最小安全版）
  - モバイルメニュー背景
  - menu / close の縦並び
  - メニュー本文サイズ
  - ページタイトル非表示
-------------------------------------------*/

/* =========================================================
 * 00) 調整用（メニュー背景）
 * ========================================================= */
:root{
  --ocean-toggle-w: 56px;
  --ocean-toggle-gap: 8px;
  --ocean-header-icon: 28px;
  --mobile-nav-bg: rgba(91,118,52,0.80) !important;
}

/* =========================================================
 * 01) モバイルメニュー背景
 * ========================================================= */
body.wp-child-theme-ystandard_OCEAN .global-nav,
body.wp-child-theme-ystandard_OCEAN .global-nav__inner,
body.wp-child-theme-ystandard_OCEAN .global-nav__content{
  background-color: var(--mobile-nav-bg) !important;
}

body.wp-child-theme-ystandard_OCEAN .global-nav__overlay,
body.wp-child-theme-ystandard_OCEAN .global-nav::before{
  background-color: var(--mobile-nav-bg) !important;
}

/* =========================================================
 * 02) トグル（menu / close）
 * ========================================================= */
body.wp-child-theme-ystandard_OCEAN #global-nav__toggle{
  transform: none !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  width: var(--ocean-toggle-w) !important;
  height: var(--ocean-toggle-w) !important;
  padding: 4px !important;
  font-size: 0 !important;
  line-height: 1 !important;
  border: 0 !important;
  background: transparent !important;
  flex: 0 0 var(--ocean-toggle-w) !important;
}

body.wp-child-theme-ystandard_OCEAN #global-nav__toggle::after{
  content: attr(aria-label) !important;
  display: block !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  letter-spacing: 0 !important;
  text-transform: lowercase !important;
  margin-top: 0 !important;
}

body.wp-child-theme-ystandard_OCEAN #global-nav__toggle .ys-icon{
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 26px !important;
  height: 26px !important;
}

body.wp-child-theme-ystandard_OCEAN #global-nav__toggle .ys-icon svg{
  display: block !important;
  width: 26px !important;
  height: 26px !important;
  transform: none !important;
}

/* =========================================================
 * 03) モバイルメニュー本文
 * ========================================================= */
body.wp-child-theme-ystandard_OCEAN .global-nav__menu{
  padding-top: 18px !important;
}

body.wp-child-theme-ystandard_OCEAN .global-nav__menu > .menu-item > a{
  font-size: 16px !important;
  line-height: 1.9 !important;
  padding: 10px 0 !important;
  color: #ffffff !important;
}

body.wp-child-theme-ystandard_OCEAN .global-nav__menu > .menu-item{
  margin-top: .8em !important;
}

body.wp-child-theme-ystandard_OCEAN .global-nav__menu .sub-menu{
  margin-top: .35em !important;
  padding-left: 1em !important;
}

body.wp-child-theme-ystandard_OCEAN .global-nav__menu .sub-menu a{
  font-size: 16px !important;
  line-height: 1.9 !important;
  padding: 8px 0 !important;
  color: #ffffff !important;
}

/* hover / focus も白維持 */
body.wp-child-theme-ystandard_OCEAN .global-nav__menu > .menu-item > a:hover,
body.wp-child-theme-ystandard_OCEAN .global-nav__menu > .menu-item > a:focus,
body.wp-child-theme-ystandard_OCEAN .global-nav__menu .sub-menu a:hover,
body.wp-child-theme-ystandard_OCEAN .global-nav__menu .sub-menu a:focus{
  color:#ffffff !important;
}

/* =========================================================
 * 04) 固定ページ：ページタイトル非表示
 * ========================================================= */
body.page .c-page-header__title,
body.page .page-title,
body.page h1.entry-title,
body.page .entry-header .entry-title{
  display: none !important;
}

body.page .c-page-header,
body.page .entry-header{
  margin: 0 !important;
  padding: 0 !important;
}


/*-------------------------------------------
  OCEAN：header_style.css END
-------------------------------------------*/