/*
Theme Name: LOVETOK
Theme URI: https://lovetok.jp/
Author: 株式会社LINKBANK
Author URI: https://lovetok.jp/legal/company/
Description: 縦動画型恋愛マッチングWebサービス「LOVETOK」公式サイト用の軽量ブロックテーマ。外部リクエストを排し、Core Web Vitals（LCP/INP/CLS）とSEOを重視した高速表示テーマです。
Requires at least: 6.5
Tested up to: 6.6
Requires PHP: 7.4
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: lovetok
Tags: full-site-editing, block-patterns, blog, custom-colors, editor-style
*/

/* 本テーマの見た目は theme.json で定義しています。ここには補助的な最小限のCSSのみ。 */

.skip-link{position:absolute;left:-9999px;top:0;z-index:1000;background:#fff;color:#111;padding:.6rem 1rem}
.skip-link:focus{left:0}
img{max-width:100%;height:auto}
.lovetok-cta{border:1px solid var(--wp--preset--color--accent,#e5507a);border-radius:12px;padding:1.25rem 1.5rem;margin:2rem 0;background:var(--wp--preset--color--surface,#fff6f8)}
.lovetok-breadcrumb{font-size:.85rem;opacity:.8;margin:0 0 1rem}
.lovetok-breadcrumb a{color:inherit}
table{border-collapse:collapse;width:100%;display:block;overflow-x:auto}
th,td{border:1px solid var(--wp--preset--color--border,#e6e0e2);padding:.5rem .7rem;text-align:left}

/* CTAボタン */
.lovetok-cta-wrap{text-align:center;margin:2rem 0}
.lovetok-cta-wrap small{display:inline-block;margin-top:.5rem;opacity:.75;font-size:.8rem}
.lovetok-btn{
	display:inline-block;padding:.9rem 2rem;border-radius:999px;
	background:var(--wp--preset--color--accent,#e5507a);color:#fff!important;
	font-weight:700;text-decoration:none;line-height:1.4;
	box-shadow:0 2px 8px rgba(184,54,92,.25);transition:background .15s ease
}
.lovetok-btn:hover,.lovetok-btn:focus{background:var(--wp--preset--color--accent-2,#b8365c)}
.lovetok-btn--sub{
	background:transparent;color:var(--wp--preset--color--accent-2,#b8365c)!important;
	border:1px solid var(--wp--preset--color--accent,#e5507a);box-shadow:none
}
.lovetok-btn--sub:hover,.lovetok-btn--sub:focus{background:var(--wp--preset--color--surface,#fff6f8)}