/**
 * 広告スタイル
 *
 * テーマのデザインシステムに調和する広告スロット。
 * グラスモーフィズム調和、ホバーエフェクト統一。
 *
 * @since 42.0.0
 */

/* --- Ad Slot Wrapper --- */
.ad-slot {
    padding: 2rem 0;
}

.ad-slot__container {
    max-width: 970px;
    margin: 0 auto;
    padding: 0 1rem;
    text-align: center;
}

/* --- Banner Link --- */
.ad-banner {
    display: inline-block;
    padding: 4px;
    background: var(--card-bg, #ffffff);
    border-radius: 12px;
    overflow: hidden;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    box-shadow:
        var(--glass-shadow, 0 8px 32px rgba(0, 0, 0, 0.06)),
        inset 0 0 0 1px var(--glass-border, rgba(255, 255, 255, 0.2));
    text-decoration: none;
}

.ad-banner:hover {
    transform: translateY(-2px);
    box-shadow:
        0 12px 40px rgba(0, 0, 0, 0.1),
        inset 0 0 0 1px var(--glass-border, rgba(255, 255, 255, 0.2));
}

.ad-banner:focus-visible {
    outline: 2px solid var(--primary, #3b82f6);
    outline-offset: 2px;
}

/* --- Banner Image --- */
.ad-banner__image {
    display: block;
    width: 100%;
    height: auto;
    border-radius: 8px;
}

/* --- Label --- */
.ad-slot__label {
    display: block;
    margin-top: 6px;
    font-size: 0.625rem;
    color: var(--text-sub, #9ca3af);
    letter-spacing: 0.05em;
}

/* --- Slot-specific backgrounds --- */
.ad-slot--front_after_hero {
    background: linear-gradient(180deg, #ffffff, #f8fafc);
}

.ad-slot--front_after_featured {
    background: #ffffff;
}

.ad-slot--front_before_footer {
    background: linear-gradient(180deg, #ffffff, #f8fafc);
}

/* Phase 3: アーカイブページ */
.ad-slot--archive_after_hero {
    background: linear-gradient(180deg, #ffffff, #f8fafc);
}

.ad-slot--archive_before_footer {
    background: linear-gradient(180deg, #f8fafc, #ffffff);
}

/* Phase 3: カテゴリーページ */
.ad-slot--category_after_hero {
    background: linear-gradient(180deg, #ffffff, #f8fafc);
}

.ad-slot--category_recommend_mid {
    background: #ffffff;
}

.ad-slot--category_recommend_bottom {
    background: linear-gradient(180deg, #f8fafc, #ffffff);
}

.ad-slot--category_tab_top {
    background: #ffffff;
}

.ad-slot--category_tab_bottom {
    background: linear-gradient(180deg, #f8fafc, #ffffff);
}

/* Phase 3: 学校詳細 */
.ad-slot--school_after_details {
    background: #ffffff;
}

.ad-slot--school_after_content {
    background: linear-gradient(180deg, #f8fafc, #ffffff);
}

/* --- AdSense --- */
.ad-adsense {
    display: block;
    text-align: center;
}

/* ノーフィルで空の場合は親ごと非表示 */
.ad-slot--adsense-empty {
    display: none !important;
}

/* --- Responsive --- */

/* Tablet */
@media (max-width: 1023px) {
    .ad-slot__container {
        max-width: 728px;
    }
}

/* Mobile */
@media (max-width: 767px) {
    .ad-slot {
        padding: 1.5rem 0;
    }

    .ad-slot__container {
        max-width: 320px;
        padding: 0 1rem;
    }

    .ad-banner {
        border-radius: 8px;
    }

    .ad-banner__image {
        border-radius: 4px;
    }
}