<?php
/*
 * style.css
 * テーマの情報をWordPressに伝えるためのファイルです。
 */
?>
/*
Theme Name: KAWAII STAGE Official Theme
Author: PandaUsagi
Description: 「KAWAII STAGE」の公式サイト専用オリジナルテーマです。
Version: 3.2
*/

/* ------------------------------------------- */
/* Basic Styles & Variables
/* ------------------------------------------- */
:root {
    --emerald-green: #66cdaa;
    --light-pink: #fce4ec;
    --dark-text: #333;
    --light-text: #555;
    --bg-pattern-color-1: <?php echo get_theme_mod('bg_color_1', '#fef9fb'); ?>;
    --bg-pattern-color-2: <?php echo get_theme_mod('bg_color_2', '#f0faf6'); ?>;
}
body {
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 300;
    letter-spacing: 0.075em;
    padding-bottom: 80px; /* ▼▼▼ NEW: スマホ用フッターメニューのスペース確保 ▼▼▼ */
}
@media (min-width: 768px) {
    body {
        padding-bottom: 0;
    }
}
h1, h2, h3, .font-poppins {
    font-family: 'Poppins', sans-serif;
    letter-spacing: 0.05em;
}
.bg-pattern-1 {
    background-color: #ffffff;
    background-image: 
        linear-gradient(45deg, var(--bg-pattern-color-1) 25%, transparent 25%), 
        linear-gradient(-45deg, var(--bg-pattern-color-1) 25%, transparent 25%),
        linear-gradient(45deg, transparent 75%, var(--bg-pattern-color-1) 75%),
        linear-gradient(-45deg, transparent 75%, var(--bg-pattern-color-1) 75%);
    background-size: 20px 20px;
}
.bg-pattern-2 {
    background-color: var(--bg-pattern-color-2);
}
h2.section-title {
    font-weight: 100 !important;
}

/* ------------------------------------------- */
/* Header & Logo
/* ------------------------------------------- */
.custom-logo-link img {
    max-height: 40px;
    width: auto;
}

/* ------------------------------------------- */
/* Page Layout & Editor Styles
/* ------------------------------------------- */
.page-content { padding: 4rem 1rem; }
.prose { max-width: 100%; }
.prose h2 { font-size: 1.5em; font-weight: 700; margin-top: 2em; margin-bottom: 1em; border-bottom: 1px solid #eee; padding-bottom: 0.5em; }
.prose h3 { font-size: 1.25em; font-weight: 700; margin-top: 1.5em; margin-bottom: 1em; }
.prose p { line-height: 1.8; margin-bottom: 1em; }
.prose a { color: var(--emerald-green); text-decoration: underline; }
.prose ul, .prose ol { margin-left: 1.5em; margin-bottom: 1em; }
.prose li { margin-bottom: 0.5em; }

/* ------------------------------------------- */
/* Profile & News List
/* ------------------------------------------- */
.profile-archive-item img { aspect-ratio: 3 / 4; object-fit: cover; width: 100%; }
.profile-slider .slide { display: none; }
.profile-slider .slide.active { display: block; }

/* ------------------------------------------- */
/* Main Visual Slider
/* ------------------------------------------- */
.main-visual-section {
    height: calc(100vh - 80px);
    max-height: 700px;
}
@media (max-width: 767px) {
    .main-visual-section, .main-visual-section .ml-slider {
        height: auto !important;
        aspect-ratio: 4 / 3;
        max-height: none;
    }
}

/* ------------------------------------------- */
/* Movie Section
/* ------------------------------------------- */
.movie-widget-item {
    position: relative;
    width: 100%;
    padding-top: 56.25%; /* 16:9 Aspect Ratio */
}
.movie-widget-item iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}