/*
Theme Name: Maidream Heart & Ribbon
Description: ご主人様・お嬢様を温かくお迎えするための、可愛さと使いやすさを両立したメイドカフェ特化型テーマ。キャスト紹介やメニュー表、イベントカレンダーを魅力的にレイアウトし、集客とリピート率を高めます。
Author: AI Theme Builder Pro
Version: 1.2.0
Text Domain: maidream-heart-ribbon
*/

:root {
    --primary-color: #ff85a1;
    --secondary-color: #fbb6ce;
    --accent-color: #ff4d6d;
    --text-color: #5f4b4b;
    --bg-color: #fff5f7;
    --card-bg-color: #ffffff;
}

body {
    font-family: 'M PLUS Rounded 1c', 'Kosugi Maru', sans-serif;
    background-color: var(--bg-color);
    color: var(--text-color);
    margin: 0;
    padding: 0;
}

/* 入力補助ショートコード用デザイン (SEO & 装飾) */
.ai-balloon { display: flex; align-items: flex-start; margin-bottom: 2rem; }
.ai-balloon-icon { width: 60px; height: 60px; border-radius: 50%; background: var(--secondary-color); margin-right: 20px; flex-shrink: 0; display: flex; align-items: center; justify-content: center; color: white; font-weight: bold; }
.ai-balloon-content { background: var(--card-bg-color); padding: 1.25rem 1.5rem; border-radius: 12px; position: relative; box-shadow: 0 4px 6px rgba(0,0,0,0.05); flex-grow: 1; border: 1px solid #e5e7eb; }
.ai-balloon-content::before { content: ''; position: absolute; left: -12px; top: 20px; border: 6px solid transparent; border-right-color: #e5e7eb; }
.ai-balloon-content::after { content: ''; position: absolute; left: -10px; top: 21px; border: 5px solid transparent; border-right-color: var(--card-bg-color); }

.ai-box { border: 2px solid var(--primary-color); padding: 2rem 1.5rem 1.5rem; border-radius: 8px; margin: 2.5rem 0 1.5rem; background: var(--card-bg-color); position: relative; }
.ai-box-title { position: absolute; top: -1rem; left: 1.5rem; background: var(--primary-color); color: #fff; padding: 0.25rem 1rem; border-radius: 9999px; font-weight: bold; font-size: 0.875rem; }

.ai-marker { background: linear-gradient(transparent 60%, var(--accent-color) 60%); font-weight: bold; padding: 0 0.2rem; }
.ai-button { display: inline-block; background-color: var(--accent-color); color: white; padding: 0.75rem 1.5rem; text-decoration: none; border-radius: 9999px; font-weight: bold; transition: opacity 0.3s; }
.ai-button:hover { opacity: 0.9; color: white; }

/* WP Core Adjustments */
img { max-width: 100%; height: auto; }
.aligncenter { display: block; margin: 0 auto; }