/*
Theme Name: Smart Lending
Theme URI: https://smartlending.local/
Author: senta
Author URI: https://smartlending.local/
Description: 暗号資産レンディングサービス Smart Lending のコーポレートサイト用テーマ。Next.js 静的サイトを WordPress テーマ化したもの。デザインは Tailwind ベース（コンパイル済みCSSを _next/static/css から読み込み）。
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.7
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: smartlending
*/

/*
  実際のスタイルはコンパイル済みTailwind（_next/static/css/*.css）を functions.php で
  エンキューしている。このファイルは WordPress のテーマ識別用ヘッダーとして必須。
  テーマ独自の微調整CSSはここに追記してよい。
*/

/* WordPress 標準コンテンツのページネーション余白など最小限の補助 */
.sl-pagination .page-numbers{display:inline-flex;align-items:center;justify-content:center;min-width:36px;height:36px;padding:0 10px;border-radius:8px;background:#f1f1f1;color:#464646;text-decoration:none;font-size:14px}
.sl-pagination .page-numbers.current{background:#4cb75d;color:#fff}

/* ヘッダーのプライマリナビ: 最後の項目の区切り線(border-r)を消す（項目数が変わっても崩れない） */
#sl-primary-nav > a:last-child{border-right-width:0}

/* FAQ回答(the_content の wpautop <p>)の余白を元デザインに合わせて抑制 */
.sl-faq-a > p{margin:0}
.sl-faq-a > p + p{margin-top:1em}

/* モーダルのスタイルは assets/css/modal.css（front-page / services でのみ読み込み） */

/* お知らせ一覧は元デザインのTailwindクラスをそのまま使用（template-parts/news-listing.php）。
   一覧専用の自前CSSは不要。 */

/* お知らせ本文（the_content）の基本タイポグラフィ。記事はクリーンなHTMLで書けばここで整う */
.sl-article{color:#464646;font-size:15px;line-height:1.9;word-break:break-word}
.sl-article > * + *{margin-top:1.2em}
.sl-article h2{font-size:22px;font-weight:700;color:#1a1a1a;line-height:1.5}
.sl-article h3{font-size:18px;font-weight:700;color:#1a1a1a;line-height:1.6;border-left:4px solid #4cb75d;padding-left:12px}
.sl-article h4{font-size:16px;font-weight:700;color:#1a1a1a;line-height:1.6}
.sl-article a{color:#4cb75d;text-decoration:underline}
.sl-article ul{list-style:disc;padding-left:1.4em}
.sl-article ol{list-style:decimal;padding-left:1.4em}
.sl-article li + li{margin-top:.4em}
.sl-article img{border-radius:8px;max-width:100%;height:auto}
.sl-article strong{color:#1a1a1a}
@media (min-width:1280px){.sl-article{font-size:18px}}

/* キャンペーン一覧ページのページネーション(参考: 丸ピル・primary配色)。記事数が per_page を超えたら表示 */
.sl-camp-pagination{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;align-items:center}
.sl-camp-pagination .page-numbers{display:inline-flex;align-items:center;justify-content:center;height:24px;padding:0 26px;border-radius:9999px;font-weight:700;font-size:12px;line-height:1;border:1px solid #00584c;color:#00584c;background:#fff;text-decoration:none;transition:all .2s}
.sl-camp-pagination .page-numbers.current{background:#00584c;color:#fff}
.sl-camp-pagination .page-numbers:hover:not(.current):not(.dots){background:rgba(0,88,76,.05)}
.sl-camp-pagination .page-numbers.dots{border:0;background:transparent;padding:0 4px;color:#00584c}
@media (min-width:1280px){.sl-camp-pagination{gap:16px}.sl-camp-pagination .page-numbers{height:32px;padding:0 34px;font-size:14px}}

/* SPメニュー(モバイル・カード型。参考サイト準拠。md以上は md:hidden で非表示) */
.sl-mmenu{position:fixed;inset:0;z-index:100}
.sl-mmenu__overlay{position:absolute;inset:0;background:rgba(70,70,70,0.75);mix-blend-mode:multiply}
.sl-mmenu__wrap{position:relative;padding:21px 16px 0}
.sl-mmenu__card{position:relative;background:#fff;border-radius:24px;box-shadow:0 20px 25px -5px rgba(0,0,0,.12),0 8px 10px -6px rgba(0,0,0,.1);overflow:hidden;animation:sl-mmenu-down .28s ease both}
.sl-mmenu__head{display:flex;align-items:center;justify-content:space-between;padding:6px 16px 10px}
.sl-mmenu__logo{display:inline-flex;align-items:center;height:22px}
.sl-mmenu__logo img{height:100%;width:auto;display:block}
.sl-mmenu__close{width:44px;height:30px;display:flex;align-items:center;justify-content:center;color:#4cb75d;background:none;border:0;padding:0;cursor:pointer}
.sl-mmenu__close svg{width:17px;height:10px}
.sl-mmenu__nav{display:flex;gap:30px;padding:16px 16px 20px}
.sl-mmenu__col{display:flex;flex-direction:column;gap:16px}
.sl-mmenu__link{display:flex;align-items:center;gap:8px;color:#464646;font-size:14px;font-weight:700;text-decoration:none;transition:opacity .2s}
.sl-mmenu__link:hover{opacity:.7}
.sl-mmenu__icon{width:20px;height:20px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;color:#4cb75d}
.sl-mmenu__icon svg{width:20px;height:20px}
.sl-mmenu__cta{background:rgba(217,230,211,0.76);padding:30px 26px;margin-top:8px;display:flex;gap:12px}
.sl-mmenu__btn{flex:1;display:flex;align-items:center;justify-content:center;padding:8px 16px;border-radius:4px;font-size:15px;font-weight:700;text-decoration:none;transition:background-color .2s}
.sl-mmenu__btn--login{background:#fff;color:#464646}
.sl-mmenu__btn--login:hover{background:#f3f4f6}
.sl-mmenu__btn--primary{background:#00584c;color:#fff}
.sl-mmenu__btn--primary:hover{background:#4cb75d}
@keyframes sl-mmenu-down{from{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}
@media (min-width:640px){.sl-mmenu__link{font-size:15px}}

/* 404ページ（ヒーロー下の本文。背景はヒーロー末尾のキャップ #f6f6f6 と連続させる） */
.sl-404{background:#f6f6f6;padding:8px 16px 64px}
.sl-404__inner{max-width:760px;margin:0 auto;text-align:center}
.sl-404__num{font-family:var(--font-dm-sans),system-ui,sans-serif;font-weight:900;line-height:1;font-size:88px;letter-spacing:.02em;background:linear-gradient(180deg,#4cb75d 0%,#00584c 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:#4cb75d;margin:0}
.sl-404__title{color:#1a1a1a;font-weight:700;font-size:20px;line-height:1.5;margin:16px 0 0}
.sl-404__lead{color:#464646;font-size:14px;line-height:1.9;margin:14px 0 0}
.sl-404__br{display:none}
/* 人気ページ導線カード */
.sl-404__links{display:grid;grid-template-columns:1fr;gap:12px;margin:32px 0 0}
.sl-404__card{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#fff;border:1px solid #e2e2e2;border-radius:14px;padding:16px 18px;text-decoration:none;box-shadow:0 1px 2px rgba(0,0,0,.04);transition:border-color .2s,box-shadow .2s,transform .2s}
.sl-404__card:hover{border-color:#4cb75d;box-shadow:0 8px 18px -8px rgba(0,88,76,.25);transform:translateY(-1px)}
.sl-404__card-body{display:flex;flex-direction:column;align-items:flex-start;gap:3px;text-align:left}
.sl-404__card-label{color:#00584c;font-weight:700;font-size:16px;line-height:1.4}
.sl-404__card-desc{color:#8a8a8a;font-size:12px;line-height:1.6}
.sl-404__card-arrow{flex-shrink:0;width:24px;height:24px;border-radius:9999px;background:#08594f;color:#fff;display:inline-flex;align-items:center;justify-content:center;transition:background-color .2s}
.sl-404__card-arrow svg{width:14px;height:14px}
.sl-404__card:hover .sl-404__card-arrow{background:#4cb75d}
/* トップへ戻る */
.sl-404__home{display:inline-flex;align-items:center;justify-content:center;gap:8px;margin:36px 0 0;background:#00584c;color:#fff;font-weight:700;font-size:16px;border-radius:9999px;padding:13px 30px;text-decoration:none;box-shadow:0 10px 15px -3px rgba(0,0,0,.1);transition:background-color .2s}
.sl-404__home:hover{background:#4cb75d}
.sl-404__home-icon{width:18px;height:18px}
@media (min-width:640px){
  .sl-404__br{display:inline}
  .sl-404__num{font-size:104px}
  .sl-404__title{font-size:24px}
  .sl-404__lead{font-size:15px}
}
@media (min-width:768px){
  .sl-404{padding:16px 0 80px}
  .sl-404__links{grid-template-columns:1fr 1fr;gap:16px}
  .sl-404__num{font-size:120px}
  .sl-404__title{font-size:28px}
}
@media (min-width:1280px){
  .sl-404{padding:24px 0 100px}
  .sl-404__inner{max-width:840px}
  .sl-404__num{font-size:140px}
  .sl-404__title{font-size:32px}
  .sl-404__lead{font-size:16px}
  .sl-404__card{padding:20px 22px;border-radius:16px}
  .sl-404__card-label{font-size:18px}
  .sl-404__card-desc{font-size:13px}
  .sl-404__home{font-size:18px;padding:15px 36px}
}