/*
Theme Name: Pet Senior
Theme URI: https://food4senior.online/
Author: MONSTAR Design
Author URI: https://monstar-design.com/
Description: シニアペット診断システム専用テーマ - A8netアフィリエイト最適化
Version: 2.0.0
License: GPL v2 or later
Text Domain: pet-senior
*/

/* Tailwind CSS CDN は functions.php で読み込み */

/* テーマ固有のカスタムスタイル */
:root {
    --pet-primary: #4ade80;
    --pet-secondary: #60a5fa;
    --pet-danger: #f87171;
    --pet-warning: #fbbf24;
    --pet-dark: #1f2937;
    --pet-light: #f9fafb;
}

/* 診断フォームのカスタムスタイル */
.diagnosis-container {
    @apply max-w-4xl mx-auto p-6;
}

.diagnosis-step {
    @apply mb-8 p-6 bg-white rounded-lg shadow-md;
}

.diagnosis-button {
    @apply px-6 py-3 bg-green-500 text-white rounded-lg hover:bg-green-600 transition-colors;
}

/* 商品カードのスタイル */
.product-card {
    @apply bg-white rounded-lg shadow-md p-6 hover:shadow-lg transition-shadow;
}

.product-score {
    @apply inline-flex items-center px-3 py-1 rounded-full text-sm font-medium;
}

/* レスポンシブ対応 */
@media (max-width: 768px) {
    .diagnosis-container {
        @apply p-4;
    }
    
    .diagnosis-step {
        @apply p-4;
    }
}