Japan-guide.com Tweaks by thany

/* ==UserStyle==
@name         Japan-guide.com Tweaks
@version      20211113.19.18
@namespace    userstyles.world/user/thany
@description  Declutter the site and tweak colors and measurements a little bit for more comfortable reading.

Advertisements are NOT removed.  
Sponsored teasers are removed. (like "find a hotel")

Also includes some tweaks for darkmode, when using together with Dark Reader.  
Works well combined with uBlock Origin, without any custom filters.
@author       thany
@license      No License
==/UserStyle== */

@-moz-document domain("japan-guide.com") {
/* Less intrusive site alert */

.alert--site .alert__text {
  margin-top: .25rem;
  margin-bottom: .25rem;
}

}

@-moz-document domain("japan-guide.com") {
/* More legible links */

[data-darkreader-scheme=dark] .s-typography > a,
[data-darkreader-scheme=dark] .s-typography p a,
[data-darkreader-scheme=dark] .s-typography ul a,
[data-darkreader-scheme=dark] .s-typography table a {
  color: white;
}
.s-typography > a,
.s-typography p a,
.s-typography ul a,
.s-typography table a {
  text-decoration: .75px underline !important;
}
.s-typography a font {
  color: inherit !important;
}
}

@-moz-document domain("japan-guide.com") {
/* Darkmode links */

[data-darkreader-scheme=dark] .s-typography > a,
[data-darkreader-scheme=dark] .s-typography p a,
[data-darkreader-scheme=dark] .s-typography ul a,
[data-darkreader-scheme=dark] .s-typography table a {
  color: white;
}

}

@-moz-document domain("japan-guide.com") {
/* Forum layout */

body[data-page-id^='/forum'] .page_section__body > table > tbody > tr:first-child td td:first-child {
  display: none;
}
body[data-page-id^='/forum'] .page_section__body > table > tbody > tr:first-child {
  background: none !important;
}

}

@-moz-document domain("japan-guide.com") {
/* Remove teasers */

aside.booking,
#section_hotels,
#section_tours {
  display: none;
}

}

@-moz-document domain("japan-guide.com") {
/* Remove sidebars */

.site_sidebar {
  display: none !important;
}
.page_body {
  width: 100% !important;
}
.s-typography > * {
  max-width: none !important;
}

/* Images without weird margins */
.image--ratio .image__img {
  position: static;
}
.image--ratio .image__mask {
  padding-top: 0 !important;
  background: none;
}
.image--ratio .image__mask::before,
.image--ratio .image__mask::after {
  content: none;
}
.image--ratio img {
  height: auto;
}
.homepage_top_story figure {
  max-width: none !important;
}
.link_gallery__link--overlay .image,
.link_gallery__link--card .image {
  max-width: none !important;
}
.link_gallery--carousel-itinerary_teasers .link_gallery__links {
  height: auto;
}

/* Travel news fullwidth */
.homepage_top_stories .story_list {
  max-width: none;
}
}

@-moz-document domain("japan-guide.com") {
/* Homepage: Remove feature map carousel */

header.feature_map__header {
  display: none;
}
.feature_map .map {
  margin-top: -7rem;
}

}

@-moz-document domain("japan-guide.com") {
/* Legibility of white text on top of pictures */

.link_gallery__link--overlay .link_gallery__link__text {
  text-shadow: 0 0 4px #000;
}

}

@-moz-document domain("japan-guide.com") {
/* Feedback button: Less empty space */

.site_content_bottom {
  margin-top: 1rem;
}

}

@-moz-document domain("japan-guide.com") {
/* Darkmode maps */

[data-darkreader-scheme=dark] img[usemap] {
  filter: invert() saturate(0.5) contrast(0.75);
}
}