/* Searlo theme — トップページ（index）専用 */

html.theme-searlo-preview body.page-index .home-hero {
    background: linear-gradient(145deg, #0f172a 0%, #1e293b 45%, #1e3a8a 100%);
    border: 1px solid var(--border-color);
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.45);
}

html.theme-searlo-preview body.page-index .home-hero-hint,
html.theme-searlo-preview body.page-index .home-hero-hint:hover {
    color: rgba(255, 255, 255, 0.78) !important;
}

html.theme-searlo-preview body.page-index .notice-section {
    background: rgba(255, 255, 255, 0.04) !important;
    border-color: var(--border-color) !important;
    box-shadow: none !important;
}

html.theme-searlo-preview body.page-index .notice-heading,
html.theme-searlo-preview body.page-index .notice-title {
    color: #e2e8f0 !important;
}

html.theme-searlo-preview body.page-index .notice-content {
    color: var(--text-secondary) !important;
}

html.theme-searlo-preview body.page-index .notice-date {
    background: rgba(255, 255, 255, 0.06) !important;
    border-color: var(--border-color) !important;
    color: var(--text-muted) !important;
}

html.theme-searlo-preview body.page-index .home-search-card {
    background: rgba(15, 23, 42, 0.85) !important;
    border: 1px solid var(--border-color) !important;
    box-shadow: 0 16px 48px rgba(0, 0, 0, 0.4) !important;
    color: var(--text-secondary);
}

html.theme-searlo-preview body.page-index .home-search-card::before {
    opacity: 0.35;
}

html.theme-searlo-preview body.page-index .home-search-usage-bar {
    background: rgba(255, 255, 255, 0.05) !important;
    border: 1px solid var(--border-color);
}

html.theme-searlo-preview body.page-index .home-search-usage-title {
    color: var(--text-muted) !important;
}

html.theme-searlo-preview body.page-index .home-search-card .form-control,
html.theme-searlo-preview body.page-index .home-search-card .form-select {
    background: rgba(255, 255, 255, 0.06);
    border-color: var(--border-color);
    color: var(--text-primary);
}

html.theme-searlo-preview body.page-index .home-search-card .form-control::placeholder {
    color: var(--text-muted);
    opacity: 1;
}

html.theme-searlo-preview body.page-index .home-search-card .home-search-keyword-input.form-control-lg {
    background-color: rgba(255, 255, 255, 0.12);
    border: 2px solid #ffffff;
    color: var(--text-primary);
    box-shadow: inset 0 1px 3px rgb(0 0 0 / 0.2);
}

html.theme-searlo-preview body.page-index .home-search-card .home-search-keyword-input.form-control-lg::placeholder {
    color: var(--text-muted);
    opacity: 1;
}

html.theme-searlo-preview body.page-index .home-search-card .home-search-keyword-input.form-control-lg:hover {
    background-color: rgba(255, 255, 255, 0.14);
    border-color: #ffffff;
    color: var(--text-primary);
}

html.theme-searlo-preview body.page-index .home-search-card .home-search-keyword-input.form-control-lg:focus {
    background-color: rgba(255, 255, 255, 0.16);
    border-color: #ffffff;
    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.35);
    color: #ffffff;
}

html.theme-searlo-preview body.page-index .home-search-mode-tabs .nav-link {
    color: var(--text-secondary);
    border-color: var(--border-color);
    background: rgba(255, 255, 255, 0.04);
}

html.theme-searlo-preview body.page-index .home-search-mode-tabs .nav-link:hover {
    color: var(--text-primary);
    border-color: var(--border-color);
}

html.theme-searlo-preview body.page-index .home-search-mode-tabs .nav-link.active {
    background: rgba(59, 130, 246, 0.2);
    color: #93c5fd;
    border-color: rgba(59, 130, 246, 0.45);
}

html.theme-searlo-preview body.page-index .home-search-card .btn-primary.btn-lg {
    background: linear-gradient(135deg, #2563eb 0%, #3b82f6 100%);
    border: none;
    border-radius: 999px;
}

html.theme-searlo-preview body.page-index #homeSearchRecencyRow {
    background: rgba(45, 212, 191, 0.1) !important;
    border: 1px solid rgba(45, 212, 191, 0.4) !important;
}

html.theme-searlo-preview body.page-index #homeSearchRecencyRow .form-check-label {
    color: var(--standard-color) !important;
}

html.theme-searlo-preview body.page-index #homeSearchRecencyRow .form-check-input {
    border-color: rgba(45, 212, 191, 0.55);
    background-color: rgba(255, 255, 255, 0.06);
}

html.theme-searlo-preview body.page-index #homeSearchRecencyRow .form-check-input:checked {
    background-color: var(--standard-color);
    border-color: var(--standard-color);
}

html.theme-searlo-preview body.page-index #otherCountriesAccordion .home-other-country-btn {
    color: var(--text-secondary) !important;
    border-color: var(--border-color) !important;
}

html.theme-searlo-preview body.page-index #homeSearchCountryShell.sns-opinion-country-mode input:disabled + label,
html.theme-searlo-preview body.page-index #homeSearchCountryShell.sns-opinion-country-mode label.sns-opinion-country-disabled {
    background-color: rgba(255, 255, 255, 0.06) !important;
    border-color: var(--border-color) !important;
    color: var(--text-muted) !important;
    opacity: 1 !important;
}

html.theme-searlo-preview body.page-index #homeSearchCountryShell.sns-opinion-country-mode input:disabled:checked + label {
    background-color: rgba(255, 255, 255, 0.1) !important;
    border-color: var(--border-color) !important;
    color: var(--text-secondary) !important;
}

html.theme-searlo-preview body.page-index .home-hero + section h2,
html.theme-searlo-preview body.page-index section.mb-5 > h2.h4 {
    color: #f1f5f9;
}

html.theme-searlo-preview body.page-index section.mb-5 > .p-3.rounded-3[style*="f8f9fa"] {
    background: rgba(255, 255, 255, 0.04) !important;
    border-color: var(--border-color) !important;
    color: var(--text-secondary);
}

html.theme-searlo-preview body.page-index .support-callout-box {
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid var(--border-color);
}

html.theme-searlo-preview body.page-index .support-callout-title {
    color: #f1f5f9;
}

html.theme-searlo-preview body.page-index .support-callout-body {
    color: var(--text-muted);
}

html.theme-searlo-preview body.page-index .index-search-flow-alert {
    background: #e7f3ff !important;
    border-color: #b3d9ff !important;
}

/* トップ — AI / X 結果エリア */
html.theme-searlo-preview body.page-index #aiResearchResults > .border.bg-light,
html.theme-searlo-preview body.page-index #xOpinionResultsInner.bg-light,
html.theme-searlo-preview body.page-index #xOpinionResults .border.bg-light {
    background: rgba(255, 255, 255, 0.05) !important;
    border-color: var(--border-color) !important;
    color: var(--text-secondary);
}

html.theme-searlo-preview body.page-index #xOpinionBtn.btn-primary.btn-lg {
    background: linear-gradient(135deg, #2563eb 0%, #3b82f6 100%);
    border: none;
    color: #fff;
}

html.theme-searlo-preview body.page-index #xOpinionBtn.btn-primary.btn-lg:hover {
    background: linear-gradient(135deg, #1d4ed8 0%, #2563eb 100%);
    color: #fff;
}

/* AIリサーチ結果タブ（style.css の白背景を上書き） */
html.theme-searlo-preview body.page-index #aiResearchResultTabs.ai-research-result-tabs {
    border-bottom-color: var(--border-color);
}

html.theme-searlo-preview body.page-index #aiResearchResultTabs.ai-research-result-tabs .nav-link.ai-research-tab-link {
    background: rgba(255, 255, 255, 0.06) !important;
    color: var(--text-secondary) !important;
    border-color: var(--border-color) !important;
    box-shadow: none;
}

html.theme-searlo-preview body.page-index #aiResearchResultTabs.ai-research-result-tabs .nav-link.ai-research-tab-link:hover {
    background: rgba(255, 255, 255, 0.1) !important;
    color: var(--text-primary) !important;
    border-color: rgba(59, 130, 246, 0.45) !important;
}

html.theme-searlo-preview body.page-index #aiResearchResultTabs.ai-research-result-tabs .nav-link.ai-research-tab-link.active {
    background: linear-gradient(135deg, rgba(37, 99, 235, 0.95) 0%, rgba(59, 130, 246, 0.9) 100%) !important;
    color: #fff !important;
    border-color: rgba(59, 130, 246, 0.55) !important;
}

html.theme-searlo-preview body.page-index .ai-research-tab-panels .card .card-text {
    color: var(--text-secondary) !important;
}

html.theme-searlo-preview body.page-index .ai-research-hit-card .card-body .bg-light {
    background: rgba(255, 255, 255, 0.06) !important;
    color: var(--text-muted) !important;
}