/* =========================================================
   TOURIST PLACES — DARK MODE ONLY
   Does NOT affect Light Mode or any other block
   ========================================================= */

/* section headings / helper text */
html[data-theme="dark"] .crx .crx-place-list,
html[data-theme="dark"] .crx .crx-place-list article,
body[data-theme="dark"] .crx .crx-place-list,
body[data-theme="dark"] .crx .crx-place-list article,
html.dark .crx .crx-place-list,
html.dark .crx .crx-place-list article,
body.dark .crx .crx-place-list,
body.dark .crx .crx-place-list article {
    color:#ffffff !important;
}

/* all readable text inside the 3 Tourist Places cards */
html[data-theme="dark"] .crx .crx-place-list article h1,
html[data-theme="dark"] .crx .crx-place-list article h2,
html[data-theme="dark"] .crx .crx-place-list article h3,
html[data-theme="dark"] .crx .crx-place-list article h4,
html[data-theme="dark"] .crx .crx-place-list article p,
html[data-theme="dark"] .crx .crx-place-list article span,
html[data-theme="dark"] .crx .crx-place-list article small,
html[data-theme="dark"] .crx .crx-place-list article strong,
html[data-theme="dark"] .crx .crx-place-list article b,

body[data-theme="dark"] .crx .crx-place-list article h1,
body[data-theme="dark"] .crx .crx-place-list article h2,
body[data-theme="dark"] .crx .crx-place-list article h3,
body[data-theme="dark"] .crx .crx-place-list article h4,
body[data-theme="dark"] .crx .crx-place-list article p,
body[data-theme="dark"] .crx .crx-place-list article span,
body[data-theme="dark"] .crx .crx-place-list article small,
body[data-theme="dark"] .crx .crx-place-list article strong,
body[data-theme="dark"] .crx .crx-place-list article b,

html.dark .crx .crx-place-list article h1,
html.dark .crx .crx-place-list article h2,
html.dark .crx .crx-place-list article h3,
html.dark .crx .crx-place-list article h4,
html.dark .crx .crx-place-list article p,
html.dark .crx .crx-place-list article span,
html.dark .crx .crx-place-list article small,
html.dark .crx .crx-place-list article strong,
html.dark .crx .crx-place-list article b {
    color:#ffffff !important;
    -webkit-text-fill-color:#ffffff !important;
    opacity:1 !important;
    visibility:visible !important;
    text-shadow:none !important;
}

/* Open Maps outlined button = white text in dark mode */
html[data-theme="dark"] .crx .crx-place-list article a,
html[data-theme="dark"] .crx .crx-place-list article button,
body[data-theme="dark"] .crx .crx-place-list article a,
body[data-theme="dark"] .crx .crx-place-list article button,
html.dark .crx .crx-place-list article a,
html.dark .crx .crx-place-list article button {
    color:#ffffff !important;
    -webkit-text-fill-color:#ffffff !important;
}

/* green View on map button keeps its dark readable text */
html[data-theme="dark"] .crx .crx-place-list article .button-primary,
html[data-theme="dark"] .crx .crx-place-list article [class*="primary"],
body[data-theme="dark"] .crx .crx-place-list article .button-primary,
body[data-theme="dark"] .crx .crx-place-list article [class*="primary"] {
    color:#081712 !important;
    -webkit-text-fill-color:#081712 !important;
}