/*
 * Dropdown Menu Arrow Fix for EXCIA Theme
 * FontAwesomeが正しく表示されない場合の対応
 */

/* ドロップダウンメニューの矢印を追加 */
.znav-container .has-dropdown > a {
    position: relative;
    padding-right: 20px !important;
}

.znav-container .has-dropdown > a:after {
    content: '▼';
    font-family: inherit;
    font-size: 0.7em;
    position: absolute;
    right: 3px;
    top: 50%;
    transform: translateY(-50%);
    opacity: 0.7;
}

/* モバイル表示での矢印調整 */
@media (max-width: 991.99px) {
    .znav-container .has-dropdown > a:after {
        right: 10px;
    }
}

/* ホバー時の矢印のアニメーション */
.znav-container .has-dropdown:hover > a:after,
.znav-container .has-dropdown.z-active > a:after {
    opacity: 1;
    transform: translateY(-50%) translateY(2px);
}

/* サブメニュー内のドロップダウン矢印（右向き） */
.znav-container ul.navbar-nav > li.has-dropdown ul.dropdown .has-dropdown > a:after {
    content: '▶';
    right: 10px;
}

.znav-container ul.navbar-nav li.has-dropdown .has-dropdown > a:after {
    content: '▶';
    font-size: 0.6em;
}

.znav-container ul.navbar-nav li.has-dropdown .has-dropdown:hover > a:after,
.znav-container ul.navbar-nav li.has-dropdown .has-dropdown:active > a:after,
.znav-container ul.navbar-nav li.has-dropdown .has-dropdown:focus > a:after {
    transform: translateY(-50%) translateX(2px);
}

/* Font Awesomeが正しく読み込まれている場合は、そちらを優先 */
.fa-loaded .znav-container .has-dropdown > a:after {
    content: '\f107';
    font-family: 'FontAwesome';
}

.fa-loaded .znav-container ul.navbar-nav li.has-dropdown .has-dropdown > a:after {
    content: '\f105';
    font-family: 'FontAwesome';
}