/*
Theme Name: サロンド シャムリー LP
Theme URI: https://syamry.com/
Author: Syamry
Author URI: https://syamry.com/
Description: 熊本・並木坂の体質改善サロン「サロンド シャムリー」向けランディングページ用テーマ。固定ページの「テンプレート」で『サロンLP』を選択すると全画面LPが表示されます。
Version: 2.2.0
Requires at least: 5.9
Tested up to: 6.5
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: syamry-lp
*/

/* ===== リセット ===== */
html, body { margin: 0; padding: 0; background: #F6F2EB; scroll-behavior: smooth; }
* { box-sizing: border-box; }
body.syamry-lp {
  font-family: 'Zen Kaku Gothic New', sans-serif;
  color: #2E2B26;
  line-height: 1.9;
  letter-spacing: 0.02em;
  --accent: #B39A63;
}
.syamry-lp img { max-width: 100%; }
.syamry-lp .br-mobile { display: none; }
.syamry-lp .promo-line { display: inline; }
.syamry-lp .pipe-pc { display: inline; }

/* ===== ホバー（インライン不可のためここに記述） ===== */
.syamry-lp .nav-link:hover { color: #B39A63 !important; }
.syamry-lp .btn-dark:hover { background: #1E232A !important; }
.syamry-lp .btn-outline:hover { background: rgba(179,154,99,0.12) !important; }
.syamry-lp .btn-outline-light:hover { background: rgba(216,192,138,0.15) !important; }

/* ===== レスポンシブ ===== */
@media (max-width: 1200px) {
  .syamry-lp [data-rsp="nav-links"] { display: none !important; }
  .syamry-lp [data-rsp="burger"] { display: flex !important; }
  .syamry-lp [data-rsp="hero"] { grid-template-columns: 1fr !important; min-height: auto !important; background: linear-gradient(90deg, rgba(246,242,235,0.97) 0%, rgba(246,242,235,0.9) 32%, rgba(246,242,235,0.5) 66%, rgba(246,242,235,0.12) 88%, rgba(246,242,235,0) 100%), url('assets/img/hero-mobile.png') right center / cover no-repeat !important; }
  .syamry-lp [data-rsp="hero-copy"] { padding: 64px 24px 56px !important; }
  .syamry-lp [data-rsp="hero-h1"] { font-size: 34px !important; }
  .syamry-lp section { padding: 72px 20px !important; }
  .syamry-lp h2 { font-size: 26px !important; }
  .syamry-lp [data-rsp="access-h2"] { font-size: clamp(15px, 5vw, 26px) !important; }
  .syamry-lp [data-rsp="trust-h2"] { font-size: clamp(17px, 5.2vw, 34px) !important; }
  .syamry-lp [data-rsp="access-grid"] { grid-template-columns: 1fr !important; }
  .syamry-lp [data-rsp="access-info"] { grid-column: 1 !important; grid-row: auto !important; order: 1 !important; }
  .syamry-lp [data-rsp="access-map"] { grid-column: 1 !important; grid-row: auto !important; order: 2 !important; }
  .syamry-lp [data-rsp="access-btn"] { grid-column: 1 !important; grid-row: auto !important; order: 3 !important; }
  .syamry-lp [data-rsp="g1"] { grid-template-columns: 1fr !important; }
  .syamry-lp [data-rsp="g2"] { grid-template-columns: 1fr !important; }
  .syamry-lp [data-rsp="menu-row"] { grid-template-columns: 1fr !important; gap: 10px !important; }
  .syamry-lp [data-rsp="machine-row"] { grid-template-columns: 1fr !important; }
  .syamry-lp [data-rsp="machine-row"] > div:last-child { padding: 26px !important; }
  .syamry-lp [data-rsp="cta-btn"] { font-size: 15px !important; padding: 18px 28px !important; }
  .syamry-lp #reserve { background: linear-gradient(rgba(246,242,235,0.68), rgba(246,242,235,0.68)), url('assets/img/cta-mobile.png') center / cover no-repeat !important; }
  .syamry-lp [data-rsp="leaf-tl"] { top: -30px !important; left: -80px !important; width: 300px !important; transform: rotate(6deg) !important; opacity: 0.18 !important; }
  .syamry-lp [data-rsp="leaf-mid"] { top: auto !important; bottom: -160px !important; left: auto !important; right: -100px !important; width: 720px !important; transform: rotate(165deg) !important; opacity: 0.13 !important; }
  .syamry-lp [data-rsp="leaf-br"] { top: 44% !important; bottom: auto !important; left: auto !important; right: -430px !important; width: 600px !important; transform: rotate(14deg) !important; opacity: 0.16 !important; }
  .syamry-lp [data-rsp="leaf-tl"], .syamry-lp [data-rsp="leaf-mid"], .syamry-lp [data-rsp="leaf-br"] { display: none !important; }
  .syamry-lp [data-rsp="leaf-m1"] { display: block !important; top: -26px !important; left: -46px !important; width: 400px !important; opacity: 0.2 !important; transform: rotate(-3deg) !important; }
  .syamry-lp [data-rsp="leaf-m4"] { display: block !important; top: auto !important; bottom: -40px !important; right: -110px !important; left: auto !important; width: 360px !important; opacity: 0.17 !important; transform: rotate(-8deg) !important; }
  .syamry-lp [data-rsp="leaf-m3"] { display: block !important; top: 43% !important; bottom: auto !important; left: -120px !important; width: 320px !important; opacity: 0.16 !important; transform: rotate(4deg) !important; }
  .syamry-lp .br-mobile { display: inline !important; }
  .syamry-lp .promo-line { display: block !important; }
  .syamry-lp .pipe-pc { display: none !important; }
  .syamry-lp [data-rsp="sp-reserve"] { display: block !important; }
}