/* Visual and archive-cleanup fixes for restored Jimdo pages */

/* Hide broken Jimdo nav / breadcrumb; use .dr-navigation instead */
.jtpl-navigation,
.jtpl-navigation__label,
.jtpl-breadcrumb,
.j-admin-links,
.cc-powr-embed-placeholder,
.j-htmlCode:empty,
.j-module.j-htmlCode:has(.cc-powr-embed-placeholder) {
  display: none !important;
}
#jtpl-navigation__checkbox {
  display: none !important;
}

/* Compact brand header */
.jtpl-header {
  padding: 14px 16px 10px !important;
  box-sizing: border-box;
  min-height: 0 !important;
}
@media (min-width: 768px) {
  .jtpl-header {
    padding: 18px 20px 12px !important;
  }
  .jtpl-header .jtpl-title {
    padding-bottom: 4px !important;
  }
}
.jtpl-header__inner {
  max-width: 640px;
  margin: 0 auto !important;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6px;
}
.jtpl-title .j-website-title-content,
#cc-website-title .j-website-title-content {
  font-size: clamp(0.95rem, 1.8vw, 1.25rem) !important;
  line-height: 1.2 !important;
}
.jtpl-logo,
#cc-website-logo {
  margin: 0 !important;
  padding: 0 !important;
}
.jtpl-logo img,
#cc-website-logo img,
.jtpl-logo img[style],
#cc-website-logo img[style] {
  max-width: 72px !important;
  width: 72px !important;
  height: auto !important;
}
@media (min-width: 768px) {
  .jtpl-logo img,
  #cc-website-logo img,
  .jtpl-logo img[style],
  #cc-website-logo img[style] {
    max-width: 88px !important;
    width: 88px !important;
  }
}
body .jtpl-header,
html body .jtpl-header {
  padding: 12px 16px 8px !important;
}
@media (min-width: 768px) {
  body .jtpl-header,
  html body .jtpl-header {
    padding: 14px 20px 10px !important;
  }
}

/* Readable content rhythm: less stacked padding */
#content_area .j-module.n {
  padding: 0 0 10px !important;
}
#content_area .cc-m-spacer {
  height: auto !important;
  max-height: 18px !important;
}
#content_area .j-module.j-spacing {
  margin: 0 !important;
}
#content_area h1 {
  margin: 0 0 0.6em !important;
  line-height: 1.2 !important;
  font-size: clamp(1.7rem, 3.5vw, 2.6rem) !important;
}
#content_area h2 {
  margin: 1.1em 0 0.45em !important;
  line-height: 1.25 !important;
  font-size: clamp(1.25rem, 2.4vw, 1.85rem) !important;
}
#content_area p {
  line-height: 1.65 !important;
  margin: 0 0 0.9em !important;
  max-width: 68ch;
}
#content_area .j-hgrid,
#content_area .cc-m-hgrid {
  display: flex !important;
  flex-wrap: wrap;
  gap: 1rem 1.25rem;
  align-items: flex-start;
  margin: 0 0 1.25rem;
  clear: both;
}
#content_area .j-hgrid > .cc-m-hgrid-column,
#content_area .cc-m-hgrid-column {
  float: none !important;
  width: auto !important;
  max-width: 100% !important;
  flex: 1 1 200px;
  min-width: 0;
  box-sizing: border-box;
}
@media (min-width: 700px) {
  #content_area .j-hgrid > .cc-m-hgrid-column {
    flex: 1 1 28%;
  }
}
#content_area .j-hgrid img,
#content_area .cc-m-hgrid-column img {
  max-width: 100% !important;
  height: auto !important;
}
#content_area .cc-m-hgrid-separator,
#content_area .cc-m-hgrid-overlay {
  display: none !important;
}
#content_area .j-hgrid > br.cc-clear,
#content_area .cc-m-hgrid > br.cc-clear {
  display: none !important;
}

/* Primary restored navigation — centered, submenus not clipped */
.dr-navigation[data-dr-placement="header-fallback"] {
  position: sticky;
  top: 0;
  z-index: 200;
  background: rgba(255, 255, 255, 0.96);
  border-bottom: 1px solid #d9e6e3;
  padding: 6px 16px;
  backdrop-filter: blur(6px);
  overflow: visible !important;
}
.dr-navigation[data-dr-placement="header-fallback"] > .dr-menu {
  justify-content: center !important;
  flex-wrap: wrap;
  width: 100% !important;
  max-width: 1100px;
  margin: 0 auto !important;
  gap: 2px 4px;
  overflow: visible !important;
}
.dr-navigation[data-dr-placement="header-fallback"] > .dr-menu > li > a,
.dr-navigation[data-dr-placement="header-fallback"] .dr-casino-toggle {
  color: #2f5f58 !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  padding: 10px 12px !important;
  min-height: 40px !important;
}
.dr-navigation[data-dr-placement="header-fallback"] .dr-casino {
  position: relative !important;
}
.dr-navigation[data-dr-placement="header-fallback"] .dr-submenu {
  left: 0 !important;
  right: auto !important;
  min-width: 260px !important;
  width: max-content !important;
  max-width: min(340px, calc(100vw - 32px)) !important;
  border-color: #cfe0dc;
  border-radius: 6px;
  z-index: 300;
  box-shadow: 0 10px 28px rgba(0, 0, 0, 0.12);
}
/* Keep trailing dropdowns inside the viewport */
.dr-navigation[data-dr-placement="header-fallback"] > .dr-menu > li:nth-last-child(-n+2) .dr-submenu {
  left: auto !important;
  right: 0 !important;
}
.dr-navigation[data-dr-placement="header-fallback"] .dr-submenu a {
  color: #243833 !important;
  white-space: normal;
}
.dr-navigation[data-dr-placement="header-fallback"] .dr-mobile-toggle {
  border-color: #9dbdb6;
  color: #2f5f58;
  margin: 0 auto;
  display: none;
}
.dr-navigation a.dr-current {
  color: #1ca594 !important;
  text-decoration: underline;
  text-underline-offset: 3px;
}
@media (max-width: 800px) {
  .dr-navigation[data-dr-placement="header-fallback"] .dr-mobile-toggle {
    display: block !important;
  }
  .dr-navigation[data-dr-placement="header-fallback"] > .dr-menu {
    justify-content: stretch !important;
  }
  .dr-navigation[data-dr-placement="header-fallback"] .dr-submenu {
    left: 0 !important;
    right: 0 !important;
    max-width: none !important;
    width: 100% !important;
    position: static !important;
  }
}

/* Related-links / SEO interlinking blocks */
.ak-related {
  margin: 2rem 0 1rem;
  padding: 1.25rem 1.35rem;
  background: linear-gradient(160deg, #f3faf8 0%, #eef6f4 55%, #f7fbfa 100%);
  border-left: 3px solid #5ab7a9;
}
.ak-related h2 {
  margin: 0 0 0.65rem !important;
  color: #2f5f58 !important;
  font-size: 1.25rem !important;
}
.ak-related ul {
  margin: 0;
  padding-left: 1.15rem;
}
.ak-related li {
  margin: 0.35rem 0;
  line-height: 1.45;
}
.ak-related a {
  color: #1ca594;
  text-decoration: none;
}
.ak-related a:hover,
.ak-related a:focus {
  text-decoration: underline;
}

/* Sidebar / dark footer band: side-by-side instead of stacked */
.jtpl-sidebar {
  clear: both;
}
.jtpl-sidebar .dr-unlinked {
  display: none;
}
.jtpl-sidebar .j-hgrid {
  display: flex !important;
  flex-wrap: wrap;
  gap: 1.5rem 2rem;
  align-items: flex-start;
  justify-content: space-between;
}
.jtpl-sidebar .j-hgrid > .cc-m-hgrid-column {
  float: none !important;
  width: auto !important;
  flex: 1 1 280px;
  min-width: 0;
  box-sizing: border-box;
}
.jtpl-sidebar .j-hgrid > .cc-m-hgrid-column.last {
  flex: 1 1 320px;
}
.jtpl-sidebar .cc-m-hgrid-separator,
.jtpl-sidebar .cc-m-hgrid-overlay,
.jtpl-sidebar .j-hgrid > br.cc-clear {
  display: none !important;
}
.jtpl-sidebar .ak-footer-links {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  gap: 1rem 1.5rem;
}
.jtpl-sidebar .ak-footer-links p {
  margin: 0 !important;
  max-width: none;
  line-height: 1.55 !important;
}
.jtpl-sidebar .ak-footer-links a {
  text-decoration: none;
}
.jtpl-sidebar .ak-footer-links a:hover,
.jtpl-sidebar .ak-footer-links a:focus {
  text-decoration: underline;
}
@media (max-width: 700px) {
  .jtpl-sidebar .j-hgrid {
    flex-direction: column;
  }
}

/* CTA style-2 is invisible as span.dr-unlinked (styles only apply to :link) */
.j-calltoaction-wrapper .j-calltoaction-link-style-2,
.j-calltoaction-wrapper .j-calltoaction-link-style-2.dr-unlinked,
.content-options .j-calltoaction-link-style-2,
.content-options .j-calltoaction-link-style-2.dr-unlinked {
  display: inline-block !important;
  background-color: #92817c !important;
  border: 2px solid #92817c !important;
  color: #f7f8f8 !important;
  font-size: 16px !important;
  font-family: "Arimo", sans-serif !important;
  padding: 12px 22px !important;
  text-decoration: none !important;
  cursor: pointer;
  line-height: 1.3;
  transition: background-color 0.2s ease, border-color 0.2s ease;
}
.j-calltoaction-wrapper .j-calltoaction-link-style-2:hover,
.j-calltoaction-wrapper .j-calltoaction-link-style-2:focus,
.j-calltoaction-wrapper .j-calltoaction-link-style-2.dr-unlinked:hover,
.j-calltoaction-wrapper .j-calltoaction-link-style-2.dr-unlinked:focus,
.content-options .j-calltoaction-link-style-2:hover,
.content-options .j-calltoaction-link-style-2:focus {
  background-color: #cd7e78 !important;
  border-color: #cd7e78 !important;
  color: #f7f8f8 !important;
}

.jtpl-footer .j-meta-links a {
  color: #555 !important;
  opacity: 0.9;
  margin: 0 0.15rem;
}
.jtpl-content__inner {
  padding-top: 12px !important;
}

/* Article pages created for restored/new content */
.ak-page {
  max-width: 760px;
  margin: 0 auto;
  padding: 8px 4px 2rem;
}
.ak-page .ak-lead {
  font-size: 1.05rem;
  color: #3d4f4a;
}
.ak-cta-row {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem 1rem;
  margin: 1.25rem 0 0.5rem;
}
.ak-cta-row a {
  display: inline-block;
  padding: 0.65rem 1rem;
  background: #5ab7a9;
  color: #fff !important;
  text-decoration: none !important;
  border-radius: 4px;
  font-weight: 600;
}
.ak-cta-row a.ak-cta-secondary {
  background: transparent;
  color: #2f5f58 !important;
  border: 1px solid #5ab7a9;
}