@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Description: Cocoon専用の子テーマ
Theme URI: https://wp-cocoon.com/
Author: わいひら
Author URI: https://nelog.jp/
Template:   cocoon-master
Version:    1.1.3
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
}

/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
}

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
}
// 年齢確認ゲート
function sexotravel_age_gate() {
    if ( is_user_logged_in() ) return;
    ?>
    <div id="ag-overlay" style="position:fixed;top:0;left:0;width:100%;height:100%;background:#0a0a1a;z-index:99999;display:flex;align-items:center;justify-content:center;padding:20px;box-sizing:border-box;">
      <div style="background:#1a1a2e;border:1px solid #2a2a4e;border-radius:16px;padding:40px 24px;text-align:center;max-width:400px;width:100%;">
        <p style="color:#e94560;font-size:11px;letter-spacing:3px;font-weight:700;margin:0 0 14px;text-transform:uppercase;">AGE VERIFICATION</p>
        <h2 style="color:#fff;font-size:22px;font-weight:900;margin:0 0 14px;">年齢確認</h2>
        <p style="color:#c0c0d8;font-size:14px;line-height:1.8;margin:0 0 28px;">当サイトは18歳以上を対象とした<br>アダルトコンテンツを含みます。<br><strong style="color:#fff;">あなたは18歳以上ですか？</strong></p>
        <div style="display:flex;flex-direction:column;gap:12px;max-width:280px;margin:0 auto;">
          <button onclick="agYes()" style="background:#e94560;color:#fff;border:none;padding:15px;border-radius:8px;font-size:16px;font-weight:700;cursor:pointer;width:100%;">✅ 18歳以上です</button>
          <button onclick="agNo()" style="background:transparent;color:#888;border:1px solid #333;padding:15px;border-radius:8px;font-size:14px;cursor:pointer;width:100%;">18歳未満です</button>
        </div>
        <p style="color:#444466;font-size:11px;margin:20px 0 0;">30日間記憶します</p>
      </div>
    </div>
    <script>
    (function(){
      function getCookie(n){var m=document.cookie.match('(^| )'+n+'=([^;]+)');return m?m[2]:null;}
      function setCookie(n,v,d){var e=new Date();e.setTime(e.getTime()+d*864e5);document.cookie=n+'='+v+';expires='+e.toUTCString()+';path=/;SameSite=Lax';}
      if(getCookie('ag_ok')==='1'){document.getElementById('ag-overlay').style.display='none';return;}
      document.body.style.overflow='hidden';
      document.getElementById('ag-overlay').addEventListener('touchmove',function(e){e.preventDefault();},{passive:false});
    })();
    function agYes(){
      var e=new Date();e.setTime(e.getTime()+30*864e5);
      document.cookie='ag_ok=1;expires='+e.toUTCString()+';path=/;SameSite=Lax';
      document.body.style.overflow='';
      document.getElementById('ag-overlay').remove();
    }
    function agNo(){window.location.href='https://www.google.co.jp';}
    </script>
    <?php
}
add_action( 'wp_footer', 'sexotravel_age_gate' );
/* タグライン視認性修正 */
.tagline { color: #ffffff !important; text-shadow: 0 1px 4px rgba(0,0,0,0.9); }
/* XシェアボタンとSNSシェアバー非表示 */
.x-corp-button { display: none !important; }
/* サイト名・タグライン 全ページ共通色 */
.site-name-text{color:#ff6b8a!important;text-shadow:0 0 14px rgba(255,107,138,0.5)}
.site-name-text-link:hover .site-name-text{color:#ffaabf!important}
.tagline{color:#ffaabf!important;text-shadow:0 1px 6px rgba(0,0,0,0.9)}

/* ナビメニュー 全ページ共通色 */
#navi .item-label{color:#ff6b8a!important;font-weight:700;letter-spacing:.5px;transition:color .2s}
#navi a:hover .item-label{color:#ffaabf!important;text-shadow:0 0 8px rgba(255,107,138,0.6)}
#navi .sub-caption{color:#c09090!important;font-size:10px}
#navi .current-menu-item .item-label{color:#ff3a6e!important;border-bottom:2px solid #ff6b8a}