/*
Theme Name: HiroClinic Thema - Tolsapo Custom
Description: 合同会社とるさぽ向けカスタマイズテーマ
Template: HiroClinic_Thema
Version: 1.0.0
Author: Tolsapo Development Team
*/

@import url("../HiroClinic_Thema/style.css");

/* ==========================================================================
   合同会社とるさぽ カスタムスタイル
   ========================================================================== */

/* カラーパレット変更 */
:root {
    --tolsapo-primary: #1e3a8a;     /* ネイビーブルー */
    --tolsapo-secondary: #3b82f6;   /* ブルー */
    --tolsapo-accent: #10b981;      /* グリーン */
    --tolsapo-text: #1f2937;        /* ダークグレー */
    --tolsapo-light: #f9fafb;       /* ライトグレー */
}

/* ヒロクリニックの色を上書き */
.site-header,
.main-navigation,
.btn-primary {
    background-color: var(--tolsapo-primary) !important;
}

.text-accent,
.btn-secondary {
    color: var(--tolsapo-accent) !important;
}

/* 医療脱毛関連要素を非表示 */
.hair-removal-section,
.treatment-menu,
.medical-equipment,
.clinic-reservation,
.beauty-treatment {
    display: none !important;
}

/* とるさぽ専用スタイル */
.tolsapo-services {
    padding: 4rem 0;
    background-color: var(--tolsapo-light);
}

.service-card {
    background: white;
    padding: 2rem;
    border-radius: 8px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    margin-bottom: 2rem;
    transition: transform 0.3s ease;
}

.service-card:hover {
    transform: translateY(-5px);