@charset "UTF-8";
/**
 * enn-shop-override.css
 * SWELLテーマのスタイルを上書きし、ショップ専用デザインを適用
 * 
 * 配置先: assets/css/enn-shop-override.css
 */

/* ============================================================
   SWELL ヘッダーの上書き — ショップ専用ヘッダー化
   ============================================================ */

/* SWELLのデフォルトヘッダーロゴをショップ風に */
.l-header {
  background: #fff !important;
  border-bottom: 1px solid var(--enn-color-border, #E8E4DF) !important;
  box-shadow: none !important;
}

/* ロゴテキストの調整 */
.l-header .c-headLogo a,
.l-header .c-headLogo__txt {
  font-family: var(--enn-font-latin, 'EB Garamond', serif) !important;
  font-weight: 400 !important;
  letter-spacing: 2px !important;
  color: var(--enn-color-accent, #B08B6E) !important;
}

/* ナビゲーションをダーク化 */
.l-header .c-gnav,
.l-header__gnav,
header .c-gnav {
  background: var(--enn-color-ink, #1A1A1A) !important;
}

.l-header .c-gnav a,
.c-gnav__link,
.c-gnav .c-gnav__link {
  color: rgba(255,255,255,0.82) !important;
  font-family: var(--enn-font-sans, sans-serif) !important;
  font-size: 12px !important;
  font-weight: 400 !important;
  letter-spacing: 0.7px !important;
  transition: color 0.3s, background 0.3s !important;
}

.l-header .c-gnav a:hover,
.c-gnav__link:hover,
.c-gnav .c-gnav__link:hover {
  color: #fff !important;
  background: rgba(255,255,255,0.05) !important;
}

/* ナビのアンダーライン */
.c-gnav__link::after,
.c-gnav .c-gnav__link::after {
  background: var(--enn-color-accent, #B08B6E) !important;
}

/* ヘッダーの固定表示時も統一 */
.l-fixHeader .l-header,
.l-header.-fixed {
  background: #fff !important;
  box-shadow: 0 1px 8px rgba(0,0,0,0.04) !important;
}


/* ============================================================
   SWELL 見出しスタイルの解除 — ショートコード内
   ============================================================ */

/* enn_shop_home ショートコード内のH2/H3に
   SWELLの装飾（背景色ボックス等）が当たらないようにする */
.enn-section__title,
.enn-section .enn-section__title,
.enn-info-card__title,
.enn-brand-card__name,
.enn-magazine-main__title,
.enn-magazine-side__title,
.enn-footer-info__title {
  /* SWELLの見出し装飾をすべてリセット */
  background: none !important;
  background-color: transparent !important;
  border: none !important;
  border-left: none !important;
  border-bottom: none !important;
  padding: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  position: relative !important;
  color: var(--enn-color-ink, #1A1A1A) !important;
}

/* SWELLの見出し疑似要素（装飾線など）を非表示 */
.enn-section__title::before,
.enn-section__title::after,
.enn-info-card__title::before,
.enn-info-card__title::after,
.enn-footer-info__title::before,
.enn-footer-info__title::after {
  display: none !important;
  content: none !important;
}

/* INFORMATIONセクションのタイトルスタイル */
.enn-section__title {
  font-family: var(--enn-font-sans, sans-serif) !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  letter-spacing: 0.8px !important;
  line-height: 1.4 !important;
}

.enn-section__title small {
  display: block !important;
  font-size: 11.5px !important;
  font-weight: 400 !important;
  color: var(--enn-color-ink-muted, #8C8680) !important;
  margin-top: 3px !important;
  letter-spacing: 0 !important;
  background: none !important;
  border: none !important;
  padding: 0 !important;
}


/* ============================================================
   スライダーの改善 — より華やかに
   ============================================================ */

/* スライド1: メイン（ウォームゴールド） */
.enn-slider__slide--1 {
  background: linear-gradient(
    135deg,
    #F5EDE3 0%,
    #EBE0D2 25%,
    #D9CABB 50%,
    #C4A984 75%,
    #B89B78 100%
  ) !important;
}

/* スライド2: セール（ローズ） */
.enn-slider__slide--2 {
  background: linear-gradient(
    135deg,
    #F8ECE7 0%,
    #EDD5CC 25%,
    #DEB9AB 50%,
    #C89888 75%,
    #B8786A 100%
  ) !important;
}

/* スライド3: 新作（クールベージュ） */
.enn-slider__slide--3 {
  background: linear-gradient(
    135deg,
    #EEEAE6 0%,
    #DDD6CE 25%,
    #C8BEB4 50%,
    #B0A496 75%,
    #9A8E80 100%
  ) !important;
}

/* スライドタイトルをより印象的に */
.enn-slider__title {
  font-family: var(--enn-font-latin, 'EB Garamond', serif) !important;
  font-weight: 300 !important;
  text-shadow: 0 2px 20px rgba(0,0,0,0.04) !important;
}

/* MEMBERS ONLYバッジ */
.enn-slider__tag {
  background: var(--enn-color-accent, #B08B6E) !important;
  border-radius: 0 !important;
  font-size: 10px !important;
  padding: 5px 18px !important;
  letter-spacing: 2px !important;
}

/* CTAボタンの改善 */
.enn-slider__cta {
  background: var(--enn-color-ink, #1A1A1A) !important;
  border: none !important;
  border-radius: 0 !important;
  padding: 14px 40px !important;
  font-size: 11px !important;
  letter-spacing: 2.5px !important;
  position: relative !important;
  overflow: hidden !important;
}

.enn-slider__cta::before {
  content: '' !important;
  position: absolute !important;
  top: 0 !important;
  left: -100% !important;
  width: 100% !important;
  height: 100% !important;
  background: var(--enn-color-accent, #B08B6E) !important;
  transition: left 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
  z-index: 0 !important;
}

.enn-slider__cta:hover::before {
  left: 0 !important;
}

.enn-slider__cta:hover {
  background: var(--enn-color-ink, #1A1A1A) !important;
}

/* CTAのテキストを前面に */
.enn-slider__cta span,
.enn-slider__cta {
  position: relative !important;
  z-index: 1 !important;
}


/* ============================================================
   カテゴリナビの改善
   ============================================================ */
.enn-cat-nav__item {
  border-radius: 0 !important;
  border: 1px solid var(--enn-color-border, #E8E4DF) !important;
  transition: all 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
  position: relative !important;
  overflow: hidden !important;
}

.enn-cat-nav__item::before {
  content: '' !important;
  position: absolute !important;
  bottom: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 2px !important;
  background: var(--enn-color-accent, #B08B6E) !important;
  transform: scaleX(0) !important;
  transition: transform 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
}

.enn-cat-nav__item:hover::before {
  transform: scaleX(1) !important;
}


/* ============================================================
   ブランドカードの改善
   ============================================================ */
.enn-brand-card {
  border-radius: 0 !important;
  border: none !important;
  overflow: hidden !important;
  position: relative !important;
}

/* ホバー時のオーバーレイ */
.enn-brand-card::after {
  content: '' !important;
  position: absolute !important;
  inset: 0 !important;
  background: rgba(176, 139, 110, 0) !important;
  transition: background 0.4s !important;
  pointer-events: none !important;
  z-index: 1 !important;
}

.enn-brand-card:hover::after {
  background: rgba(176, 139, 110, 0.06) !important;
}

.enn-brand-card__name {
  font-family: var(--enn-font-latin, 'EB Garamond', serif) !important;
  font-weight: 400 !important;
  letter-spacing: 4px !important;
}


/* ============================================================
   お知らせカードの改善
   ============================================================ */
.enn-info-card {
  border-radius: 0 !important;
  border-left: 3px solid var(--enn-color-accent, #B08B6E) !important;
  background: var(--enn-color-bg, #FAFAF8) !important;
}


/* ============================================================
   商品横スクロールの改善
   ============================================================ */
.enn-product-card-h__img {
  border-radius: 0 !important;
}

.enn-product-card-h__name {
  font-family: var(--enn-font-sans, sans-serif) !important;
  font-weight: 500 !important;
}

.enn-product-card-h__price {
  font-family: var(--enn-font-latin, 'EB Garamond', serif) !important;
  color: var(--enn-color-ink, #1A1A1A) !important;
}


/* ============================================================
   SNSバーの改善
   ============================================================ */
.enn-sns-bar__item {
  position: relative !important;
  padding-bottom: 2px !important;
}

.enn-sns-bar__item::after {
  content: '' !important;
  position: absolute !important;
  bottom: 0 !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  width: 0 !important;
  height: 1px !important;
  background: var(--enn-color-accent, #B08B6E) !important;
  transition: width 0.3s !important;
}

.enn-sns-bar__item:hover::after {
  width: 100% !important;
}


/* ============================================================
   フッター情報の改善
   ============================================================ */
.enn-footer-info__title {
  font-family: var(--enn-font-sans, sans-serif) !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  color: var(--enn-color-ink, #1A1A1A) !important;
  padding-bottom: 10px !important;
  border-bottom: 1px solid var(--enn-color-border, #E8E4DF) !important;
  margin-bottom: 14px !important;
}


/* ============================================================
   SWELL固有のコンテンツ幅リセット
   ============================================================ */

/* ショートコード出力がSWELLの記事幅に制限されないようにする */
.post_content .enn-slider,
.post_content .enn-cat-nav,
.post_content .enn-section,
.post_content .enn-sns-bar,
.post_content .enn-footer-info {
  margin-left: calc(-50vw + 50%) !important;
  margin-right: calc(-50vw + 50%) !important;
  max-width: 100vw !important;
  width: 100vw !important;
}

/* 内部コンテンツの最大幅を維持 */
.post_content .enn-cat-nav {
  max-width: 1320px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  width: auto !important;
}

.post_content .enn-section__inner {
  max-width: 1320px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

.post_content .enn-footer-info__grid {
  max-width: 1320px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}


/* ============================================================
   ページタイトル非表示（ショップトップ）
   ============================================================ */

/* 固定ページの「ホーム」タイトルを非表示 */
.home .l-mainContent__inner > .c-pageTitle,
.home .l-mainContent .post_ttl,
.page .l-mainContent__inner > .c-pageTitle,
.home .c-pageTitle {
  display: none !important;
}

/* パンくずリストも非表示 */
.home .p-breadcrumb,
.page .p-breadcrumb {
  display: none !important;
}


/* ============================================================
   全体のページ背景
   ============================================================ */
body.home,
body.page {
  background-color: #fff !important;
}

.home .l-mainContent,
.home .l-main,
.home .l-content {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

/* SWELLのpost_contentの上下余白を消す */
.home .post_content,
.home .l-mainContent__inner {
  padding: 0 !important;
  max-width: 100% !important;
}

/* ============================================================
   スライダー内の見出し — SWELLスタイル完全解除
   ============================================================ */
.enn-slider__title,
.enn-slider .enn-slider__title,
.enn-slider__slide h2,
.enn-slider__slide .enn-slider__title,
.post_content .enn-slider__title,
.post_content .enn-slider__slide h2 {
  background: none !important;
  background-color: transparent !important;
  border: none !important;
  border-left: none !important;
  border-bottom: none !important;
  padding: 0 !important;
  margin: 0 0 10px !important;
  display: block !important;
  color: var(--enn-color-ink, #1A1A1A) !important;
  font-family: var(--enn-font-latin, 'EB Garamond', serif) !important;
  font-size: clamp(26px, 4vw, 48px) !important;
  font-weight: 300 !important;
  letter-spacing: 5px !important;
  line-height: 1.35 !important;
  text-align: center !important;
  box-shadow: none !important;
  outline: none !important;
}

.enn-slider__title::before,
.enn-slider__title::after,
.enn-slider__slide h2::before,
.enn-slider__slide h2::after,
.post_content .enn-slider__title::before,
.post_content .enn-slider__title::after {
  display: none !important;
  content: none !important;
}