/*
Theme Name: BizVektor子テーマ
Theme URI: http://bizvektor.com
Template: biz-vektor
Version: 0.1.0
*/
@charset "utf-8";

/* ------------------------------------------------------------
   BizVektor の gMenu / assistive-text を完全無効化
------------------------------------------------------------ */

/* 旧 gMenu の背景・枠・レイアウトを殺す */
#gMenu,
#gMenu .menu,
#gMenu .assistive-text {
    border: none !important;
}

/* assistive-text の中身を完全に非表示 */
.assistive-text,
.assistive-text span {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* PC用の横並びメニューを完全に無効化 */
@media (min-width:770px) {
    #gMenu .menu {
        display: none !important;
    }
    #gMenu .menu li {
        float: none !important;
        width: auto !important;
    }
}
#gMenu .menu li a span{display:none;}
/* ------------------------------------------------------------
   ハンバーガーアイコン（右上固定）
------------------------------------------------------------ */
.hamburger {
    position: fixed;
    top: 0;
    right: 0;
    width: 38px;
    height: 34px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    background: #dd3333;
    border: none;
    padding: 8px;
    gap: 5px;
    cursor: pointer;
    z-index: 10000;
}

.hamburger span {
    background: #fff !important;
    width: 100%;
    height: 2px;
    transition: 0.3s;
}

/* ハンバーガー → × */
.hamburger.open span:nth-child(1) {
    transform: translateY(7px) rotate(45deg);
}
.hamburger.open span:nth-child(2) {
    opacity: 0;
}
.hamburger.open span:nth-child(3) {
    transform: translateY(-7px) rotate(-45deg);
}

/* ------------------------------------------------------------
   背景オーバーレイ
------------------------------------------------------------ */
.gmenu-overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: rgba(0,0,0,0.6);
    z-index: 9998;
}
#gMenu.itemOpen ~ .gmenu-overlay {
    display: block;
}

/* ------------------------------------------------------------
   ドロワーメニュー本体（右スライド）
------------------------------------------------------------ */
#gMenu {
    position: fixed;
    top: 0;
    right: -100%;
    width: 86%;
    max-width: 340px;
    height: 100vh;
    background: #fff;
    overflow-y: auto;
    transition: right .35s ease;
    z-index: 9999;
    padding-top: 60px;
    border: none;
}

#gMenu.itemOpen {
    right: 0;
}

/* ------------------------------------------------------------
   メニュー項目
------------------------------------------------------------ */
#gMenu .menu {
    display: block !important;
    border: none;
}

#gMenu .menu li a {
    padding: 18px 20px;
    border-bottom: 1px solid #ddd;
    background: none !important;
    text-align:left;
}

/* ------------------------------------------------------------
   WPログイン中の admin-bar 対応
------------------------------------------------------------ */
@media (min-width:770px) {
    body.logged-in .hamburger {
        top: 34px;
    }
}

@media screen and (max-width:782px) {
    body.logged-in .hamburger {
        top: 46px;
    }
}