@charset "UTF-8";
/*
    Template: swell
    Theme Name: SWELL CHILD
    Theme URI: https://swell-theme.com/
    Description: SWELLの子テーマ
    Version: 1.0.0
    Author: LOOS WEB STUDIO
    Author URI: https://loos-web-studio.com/

    License: GNU General Public License
    License URI: http://www.gnu.org/licenses/gpl.html
*/

/* ======== GOLD BUTTON – LUXE EDITION ======== */
.gold-btn{
  /* レイアウト */
  display:inline-flex;
  align-items:center;
  gap:0.7em;
  padding:0.9em 1.8em;
  border-radius:9999px;
  position:relative;          /* 擬似要素用の基準 */

  /* ゴールドグラデーション – 3 段階 + 微ローカルハイライト */
  background:linear-gradient(135deg,
             #f2d38a  0%,   /* 淡いトップライト */
             #e0b854 40%,   /* リッチゴールド */
             #caa23e 60%,   /* 影側の深み */
             #e9c56a 100%); /* リフレクション */

  /* 外周に 1px の繊細なライン（inner border）*/
  box-shadow:
       0 0 0 1px rgba(255,255,255,.28) inset,   /* ハイライト縁 */
       0 0 0 2px rgba(0,0,0,.12) inset,         /* 影縁 */
       0 3px 6px rgba(0,0,0,.22);               /* 立体落影 */

  /* タイポグラフィ */
  color:#fff;
  font-weight:700;
  font-size:15px;
  letter-spacing:0.04em;
  text-decoration:none;
  line-height:1;
  transition:transform .25s cubic-bezier(.4,0,.2,1),
             box-shadow .25s cubic-bezier(.4,0,.2,1),
             filter .25s ease;
}

/* 光沢の“すじ”を走らせる */
.gold-btn::after{
  content:'';
  position:absolute;
  top:0; left:-75%;
  width:50%; height:100%;
  background:linear-gradient(90deg,
             transparent  0%,
             rgba(255,255,255,.35) 50%,
             transparent 100%);
  transform:skewX(-25deg);
  transition:left .7s cubic-bezier(.45,.05,.55,.95);
  pointer-events:none;
}

/* ホバー：少し持ち上げ＋光沢スライド＋輝度アップ */
.gold-btn:hover{
  transform:translateY(-3px);
  filter:brightness(1.12);
  box-shadow:
       0 0 0 1px rgba(255,255,255,.32) inset,
       0 0 0 2px rgba(0,0,0,.15) inset,
       0 6px 12px rgba(0,0,0,.28);
}
.gold-btn:hover::after{
  left:130%;        /* 光沢が左→右へ走り抜ける */
}

/* アイコン：白化＋わずかに発光 */
.gold-btn__icon{
  width:1.25em;
  height:auto;
  flex-shrink:0;
  filter:brightness(0) invert(1) drop-shadow(0 0 2px rgba(255,255,255,.3));
}
/* 競合に負けないよう !important & より具体的に */
header button.c-menuBtn.c-iconBtn {
  position: relative !important;
}

/* ラベル */
header button.c-menuBtn.c-iconBtn::after{
  content: "MENU";
  position: absolute;
  left: 50%;
  top: 100%;
  transform: translate(-50%, 6px);
  font: 600 10px/1 "Noto Serif JP","Hiragino Mincho ProN",serif;
  letter-spacing: .08em;
  color: #caa23e;
  text-transform: uppercase;
  pointer-events: none;
}