/* Caligola visual identity for every page under /. */
:root {
  --sf-bg: #ffffff;
  --sf-bg-deep: #f7f2eb;
  --sf-bg-surface: #ffffff;
  --sf-bg-surface-elevated: #fbf8f4;
  --sf-bg-surface-highlight: #f5eee6;
  --sf-bg-surface-inset: #f7f2eb;
  --sf-border: #e7ded4;
  --sf-border-bright: #d8c8b8;
  --sf-border-gold: #bd8b5e;
  --sf-text: #625b53;
  --sf-text-secondary: #756d64;
  --sf-text-muted: #81786f;
  --sf-text-dark: #4b453f;
  --sf-accent: #bd8b5e;
  --sf-accent-text: #ffffff;
  --sf-accent-hover: #a87348;
  --sf-gold: #bd8b5e;
  --sf-gold-glow: rgba(189, 139, 94, 0.16);
  --sf-emerald: #72845e;
  --sf-ruby: #a95e56;
  --sf-header-bg: #ffffff;
  --sf-header-text: #756d64;
  --sf-header-accent: #bd8b5e;
  --sf-header-accent-text: #ffffff;
  --sf-header-panel: #ffffff;
  --sf-header-panel-text: #625b53;
  --sf-footer-bg: #514b45;
  --sf-footer-text: #eee6de;
  --sf-radius-sm: 2px;
  --sf-radius-md: 4px;
  --sf-radius-lg: 6px;
  --sf-shadow-sm: 0 1px 3px rgba(70, 58, 47, 0.07);
  --sf-shadow-md: 0 8px 28px rgba(70, 58, 47, 0.08);
  --sf-shadow-lg: 0 18px 50px rgba(70, 58, 47, 0.12);
  --sf-shadow-bevel: 0 8px 28px rgba(70, 58, 47, 0.09);
}

html,
body {
  color: var(--sf-text) !important;
  background: #ffffff !important;
  font-family: "Source Sans Pro", Arial, sans-serif !important;
  font-weight: 300;
  line-height: 1.65;
}

body::before,
body::after {
  display: none !important;
}

h1,
h2,
h3,
h4,
h5,
h6,
.section-header,
.sf-footer__title {
  color: #625b53;
  font-family: "Roboto Condensed", "Arial Narrow", Arial, sans-serif !important;
  font-weight: 300 !important;
  letter-spacing: 0;
  text-transform: none;
  text-shadow: none !important;
}

h1 { font-size: clamp(2rem, 4vw, 3.15rem); line-height: 1.08; }
h2 { font-size: clamp(1.65rem, 3vw, 2.35rem); line-height: 1.15; }
h3 { font-size: clamp(1.25rem, 2.2vw, 1.6rem); line-height: 1.25; }

p,
li,
td,
th,
.text-muted {
  color: var(--sf-text-secondary) !important;
}

a {
  color: #a87348;
}

a:hover,
a:focus-visible {
  color: #8d5d36;
}

.container {
  width: min(1180px, calc(100% - 40px));
}

.caligola-contactbar {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 0.45rem 2.2rem;
  min-height: 36px;
  padding: 7px 20px;
  color: #8b8178;
  background: #fbfaf8;
  border-bottom: 1px solid #eee8e2;
  font-size: 0.78rem;
  font-weight: 300;
  letter-spacing: 0.01em;
}

.caligola-contactbar a,
.caligola-contactbar span {
  color: #8b8178 !important;
  text-decoration: none;
}

.caligola-contactbar__home {
  font-family: "Roboto Condensed", "Arial Narrow", Arial, sans-serif;
  color: #bd8b5e !important;
}

.sf-header {
  position: relative;
  z-index: 40;
  color: #756d64 !important;
  background: #ffffff !important;
  border: 0 !important;
  box-shadow: 0 2px 12px rgba(70, 58, 47, 0.05) !important;
}

.sf-header__note {
  order: 3;
  padding: 7px 20px !important;
  color: #857a70 !important;
  background: #f6f1eb !important;
  border: 0 !important;
  font-size: 0.76rem !important;
  line-height: 1.4 !important;
  text-align: center;
}

.sf-header__note a {
  color: #a87348 !important;
}

.sf-header .sf-header__bar {
  min-height: 94px;
  max-width: 1210px !important;
  margin: 0 auto;
  padding: 12px 24px !important;
  gap: 28px;
  background: #ffffff !important;
}

.sf-header .sf-header__brand,
.sf-footer .sf-footer__brand {
  flex: 0 0 auto;
  color: #756d64 !important;
  text-decoration: none;
}

.sf-header [data-sf-brand-logo],
.sf-footer [data-sf-brand-logo] {
  width: 205px !important;
  height: auto !important;
  min-width: 0 !important;
  max-width: 205px !important;
  max-height: 70px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  object-fit: contain !important;
}

.sf-brand-wordmark {
  display: none !important;
}

.sf-header .sf-header__nav {
  flex: 1 1 auto;
}

.sf-header .sf-menu {
  justify-content: center;
  gap: 0.1rem;
}

.sf-header .sf-menu__link,
.sf-header .sf-menu__label {
  padding: 0.8rem 0.85rem !important;
  color: #a77a52 !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  font-family: "Roboto Condensed", "Arial Narrow", Arial, sans-serif !important;
  font-size: 1rem !important;
  font-weight: 300 !important;
  letter-spacing: 0;
  text-transform: none;
}

.sf-header .sf-menu__link::before {
  content: "›";
  display: inline-block;
  margin-right: 0.38rem;
  color: #bd8b5e;
  transform: translateY(-0.02em);
}

.sf-header .sf-menu__label::before {
  content: "›";
  margin-right: 0.38rem;
  color: #bd8b5e;
}

.sf-header .sf-menu__link:hover,
.sf-header .sf-menu__link:focus-visible,
.sf-header .sf-menu__link[aria-current="page"] {
  color: #7d5d43 !important;
  background: #fbf7f2 !important;
}

.sf-header .sf-menu__more,
.sf-header .sf-drawer__more {
  color: #a77a52 !important;
}

.sf-header .sf-menu__panel,
.sf-header .sf-drawer {
  color: #625b53 !important;
  background: rgba(255, 255, 255, 0.99) !important;
  border: 1px solid #e7ded4 !important;
  border-radius: 2px !important;
  box-shadow: 0 18px 50px rgba(70, 58, 47, 0.14) !important;
}

.sf-header .sf-menu__sub a,
.sf-header .sf-drawer a,
.sf-header .sf-drawer span {
  color: #756d64 !important;
  font-weight: 300 !important;
}

.sf-header .sf-menu__sub a:hover,
.sf-header .sf-drawer a:hover {
  color: #8d5d36 !important;
  background: #f8f3ed !important;
}

.sf-header .sf-drawer .sf-header__cta {
  color: #ffffff !important;
  background: #bd8b5e !important;
}

.sf-header .sf-drawer .sf-header__cta--quiet {
  color: #a87348 !important;
  background: transparent !important;
}

.sf-header .sf-header__actions {
  gap: 8px;
}

.sf-header .sf-header__cta,
.btn,
.btn--primary,
.btn--secondary,
.btn--outline,
.btn--ghost,
.btn--gradient,
.btn--cta,
.cta-button {
  color: #ffffff !important;
  background: #bd8b5e !important;
  border: 1px solid #bd8b5e !important;
  border-radius: 2px !important;
  box-shadow: none !important;
  font-family: "Source Sans Pro", Arial, sans-serif !important;
  font-weight: 600 !important;
  text-transform: none !important;
  text-shadow: none !important;
}

.sf-header .sf-header__cta--quiet,
.btn--outline,
.btn--ghost {
  color: #a87348 !important;
  background: transparent !important;
}

.sf-header .sf-header__cta:hover,
.btn:hover,
.btn--primary:hover,
.btn--secondary:hover,
.btn--outline:hover,
.btn--ghost:hover,
.btn--gradient:hover,
.btn--cta:hover,
.cta-button:hover {
  color: #ffffff !important;
  background: #a87348 !important;
  border-color: #a87348 !important;
  transform: translateY(-1px);
  box-shadow: 0 6px 18px rgba(168, 115, 72, 0.18) !important;
}

.sf-header .sf-header__toggle {
  color: #a87348 !important;
  border-color: #d7c5b5 !important;
  border-radius: 2px !important;
  background: #fff !important;
}

.sf-header .sf-header__toggle span {
  background: #a87348 !important;
}

.section {
  color: var(--sf-text) !important;
  background: #ffffff !important;
  padding-block: clamp(3rem, 6vw, 5.5rem);
}

.section--dark,
.section:nth-of-type(even):not(.section--hero) {
  color: var(--sf-text) !important;
  background: #f7f2eb !important;
  background-image: none !important;
}

.section--hero {
  color: #ffffff !important;
  background: #847b70 !important;
}

.section--hero > .container > .hero__inner > .hero__content > :is(h1, h2, h3, p, small),
.section--hero > .container > .breadcrumb,
.section--hero > .container > .breadcrumb :is(a, span) {
  color: #ffffff !important;
  text-shadow: none !important;
}

[data-sf-hero-host] {
  color: #ffffff !important;
  min-height: clamp(320px, 39vw, 530px) !important;
  border-radius: 0 !important;
}

[data-sf-hero-host]::before {
  background: linear-gradient(90deg, rgba(67, 59, 51, 0.82) 0%, rgba(80, 70, 61, 0.72) 52%, rgba(112, 98, 84, 0.55) 100%) !important;
}

[data-sf-hero-host] :is(h1, h2, h3, p, li, small, .breadcrumb, .breadcrumb a, .breadcrumb span, .text-muted) {
  color: #ffffff !important;
  text-shadow: none !important;
}

[data-sf-hero-host] h1 {
  max-width: 820px;
  font-size: clamp(2.25rem, 5vw, 4rem);
}

[data-sf-hero-host] [data-sf-hero-extra="facts"] li,
[data-sf-hero-host] [data-review-fact] {
  color: #ffffff !important;
  background: rgba(255, 255, 255, 0.11) !important;
  border-color: rgba(255, 255, 255, 0.38) !important;
  border-radius: 2px !important;
}

[data-sf-hero-host] [data-sf-hero-extra="cta"] a {
  color: #ffffff !important;
  background: #bd8b5e !important;
  border-color: #d5b493 !important;
  border-radius: 2px !important;
}

.breadcrumb,
.breadcrumb a,
.breadcrumb span {
  color: #a87348 !important;
  font-size: 0.84rem;
}

.section-header {
  max-width: 820px;
  margin-bottom: clamp(1.8rem, 4vw, 3rem);
}

.section-header::after {
  content: "";
  display: block;
  width: 56px;
  height: 1px;
  margin-top: 1rem;
  background: #bd8b5e;
}

.card,
.casino-row,
.faq-card,
.verdict-panel,
.pros,
.cons,
.review-hero-panel,
.disclosure-box,
.rg-banner {
  color: var(--sf-text) !important;
  background: rgba(255, 255, 255, 0.97) !important;
  background-image: none !important;
  border: 1px solid #e7ded4 !important;
  border-radius: 4px !important;
  box-shadow: 0 8px 28px rgba(70, 58, 47, 0.07) !important;
}

.card:hover,
.casino-row:hover {
  border-color: #cfb59d !important;
  box-shadow: 0 14px 38px rgba(70, 58, 47, 0.11) !important;
  transform: translateY(-2px);
}

.card::before,
.card::after,
.casino-row::before,
.casino-row::after {
  display: none !important;
}

.card--light,
.card--light h1,
.card--light h2,
.card--light h3,
.card--light h4,
.card--light p,
.card--light li,
.card--light .text-muted {
  color: #625b53 !important;
}

[data-sf-hero-host] .card--light :is(h1, h2, h3, h4, p, li, .text-muted) {
  color: #625b53 !important;
  text-shadow: none !important;
}

.casino-row {
  overflow: hidden;
}

.casino-row__rank {
  color: #ffffff !important;
  background: #bd8b5e !important;
  border: 0 !important;
  border-radius: 50% !important;
  box-shadow: none !important;
}

.casino-row__logo {
  background: #ffffff !important;
  border: 1px solid #eee6de !important;
  border-radius: 2px !important;
}

.badge,
.tag,
.chip,
.score-pill,
.casino-row__bonus-title {
  color: #8d5d36 !important;
  background: #f3e8dd !important;
  border: 1px solid #dfcab6 !important;
  border-radius: 2px !important;
  box-shadow: none !important;
}

.badge--verified {
  color: #60704f !important;
  background: #edf1e9 !important;
  border-color: #cfd8c8 !important;
}

.table-wrapper,
.table-wrap,
.table-responsive {
  border-radius: 4px !important;
  box-shadow: 0 8px 28px rgba(70, 58, 47, 0.07) !important;
}

.comparison-table,
.comparison-table tbody,
.comparison-table tr,
.comparison-table td {
  color: #625b53 !important;
  background: #ffffff !important;
  border-color: #e7ded4 !important;
}

.comparison-table th,
.comparison-table thead {
  color: #ffffff !important;
  background: #756b61 !important;
  border-color: #8b8178 !important;
}

.comparison-table tbody tr:hover td {
  background: #fbf7f2 !important;
}

.accordion-header {
  color: #625b53 !important;
  background: #ffffff !important;
  border-color: #e7ded4 !important;
  font-family: "Roboto Condensed", "Arial Narrow", Arial, sans-serif !important;
  font-weight: 400 !important;
}

.accordion-body {
  color: #756d64 !important;
  background: #fbf8f4 !important;
  border-color: #e7ded4 !important;
}

.pros,
.cons {
  border-top: 3px solid #bd8b5e !important;
}

.pros__title,
.cons__title,
.verdict-panel__title {
  color: #625b53 !important;
}

[data-sf-hero-host] .review-hero-panel :is(h1, h2, h3, h4, p, li, small, .hero__desc) {
  color: #625b53 !important;
  text-shadow: none !important;
}

[data-sf-hero-host] .review-hero-panel :is([data-review-fact], .chip) {
  color: #7d5d43 !important;
  background: #f3e8dd !important;
  border-color: #dfcab6 !important;
  border-radius: 2px !important;
  box-shadow: none !important;
}

body main [data-sf-hero-host] .review-hero-panel [data-review-fact][data-review-fact],
body main [data-sf-hero-host] .review-hero-panel .filter-bar a.chip.chip {
  color: #7d5d43 !important;
  background: #f3e8dd !important;
  border-color: #dfcab6 !important;
}

html body main [data-sf-hero-host] .review-hero-panel [data-review-facts][data-review-facts]
  > [data-review-fact][data-review-fact][data-review-fact][data-review-fact] {
  color: #7d5d43 !important;
  background: #f3e8dd !important;
  border-color: #dfcab6 !important;
}

[data-sf-hero-host] .review-hero-panel .btn--cta {
  color: #ffffff !important;
  background: #bd8b5e !important;
  border-color: #bd8b5e !important;
}

.sf-footer {
  color: #eee6de !important;
  background: #514b45 !important;
  background-image: none !important;
  border: 0 !important;
}

.sf-footer .sf-footer__inner {
  max-width: 1210px !important;
}

.sf-footer [data-sf-brand-logo] {
  filter: brightness(0) invert(1);
  opacity: 0.9;
}

.sf-footer h2,
.sf-footer h3,
.sf-footer .sf-footer__title,
.sf-footer p,
.sf-footer li,
.sf-footer a,
.sf-footer .sf-footer__copy {
  color: #eee6de !important;
}

.sf-footer a:hover {
  color: #d9b38f !important;
}

.sf-footer__notes,
.sf-footer__copy {
  border-color: rgba(255, 255, 255, 0.14) !important;
}

.caligola-footer .sf-footer__inner {
  padding: clamp(3rem, 6vw, 5rem) 28px 1.5rem !important;
}

.caligola-footer__top {
  display: grid;
  grid-template-columns: minmax(240px, 0.9fr) minmax(0, 2.1fr);
  gap: clamp(2.5rem, 6vw, 5.5rem);
  align-items: start;
}

.caligola-footer__about {
  max-width: 330px;
}

.caligola-footer__about [data-sf-brand-logo] {
  width: 185px !important;
  max-width: 185px !important;
  margin-bottom: 1.35rem;
}

.caligola-footer__about p {
  margin: 0;
  color: #d8d0c8 !important;
  font-size: 0.96rem;
  line-height: 1.65;
}

.caligola-footer__restaurant {
  display: inline-flex;
  gap: 0.5rem;
  align-items: center;
  margin-top: 1.35rem;
  color: #d9b38f !important;
  font-family: "Roboto Condensed", "Arial Narrow", Arial, sans-serif;
  font-size: 1rem;
  text-decoration: none;
}

.caligola-footer__restaurant span {
  transition: transform 0.2s ease;
}

.caligola-footer__restaurant:hover span {
  transform: translateX(3px);
}

.caligola-footer__nav {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 2rem;
}

.caligola-footer__col .sf-footer__title {
  margin: 0 0 1.15rem;
  color: #d9b38f !important;
  font-size: 0.9rem;
  font-weight: 400 !important;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.caligola-footer__col ul {
  display: grid;
  gap: 0.62rem;
  margin: 0;
  padding: 0;
  list-style: none;
}

.caligola-footer__col li {
  margin: 0;
  padding: 0;
}

.caligola-footer__col a {
  color: #d8d0c8 !important;
  font-size: 0.9rem;
  line-height: 1.35;
  text-decoration: none;
}

.caligola-footer__col a:hover {
  color: #ffffff !important;
}

.caligola-footer__responsible {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 1rem;
  align-items: center;
  margin-top: clamp(2.6rem, 5vw, 4.25rem);
  padding: 1.15rem 1.25rem;
  background: rgba(255, 255, 255, 0.045);
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 4px;
}

.caligola-footer__age {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  color: #f2d1b2;
  border: 1px solid #c99a70;
  border-radius: 50%;
  font-family: "Roboto Condensed", "Arial Narrow", Arial, sans-serif;
  font-size: 1.15rem;
  font-weight: 400;
}

.caligola-footer__responsible p,
.caligola-footer__disclosure {
  margin: 0;
  color: #cfc6bd !important;
  font-size: 0.82rem;
  line-height: 1.55;
}

.caligola-footer__responsible strong {
  color: #f2eae2;
  font-weight: 600;
}

.caligola-footer__responsible a,
.caligola-footer__disclosure a {
  color: #d9b38f !important;
}

.caligola-footer__disclosure {
  max-width: 980px;
  margin-top: 1rem;
}

.caligola-footer__bottom {
  display: flex;
  justify-content: space-between;
  gap: 1rem 2rem;
  align-items: center;
  margin-top: 1.4rem;
  padding-top: 1.35rem;
  border-top: 1px solid rgba(255, 255, 255, 0.12);
}

.caligola-footer__bottom p {
  margin: 0;
  color: #bcb2a9 !important;
  font-size: 0.8rem;
}

.caligola-footer__bottom div {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
}

.caligola-footer__bottom a {
  color: #cfc6bd !important;
  font-size: 0.8rem;
  text-decoration: none;
}

@media (max-width: 980px) {
  .sf-header .sf-header__bar {
    min-height: 78px;
    padding-inline: 18px !important;
  }

  .sf-header [data-sf-brand-logo] {
    width: 170px !important;
    max-width: 170px !important;
  }

  .sf-header .sf-header__nav,
  .sf-header .sf-header__actions > a {
    display: none !important;
  }

  .sf-header .sf-header__toggle {
    display: inline-flex !important;
  }

  .caligola-footer__top {
    grid-template-columns: 1fr;
    gap: 2.5rem;
  }

  .caligola-footer__about {
    max-width: 620px;
  }

  .caligola-footer__nav {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 640px) {
  .container {
    width: min(100% - 28px, 1180px);
  }

  .caligola-contactbar {
    justify-content: flex-start;
    gap: 0.2rem 1rem;
    padding-inline: 14px;
  }

  .caligola-contactbar span:nth-child(2),
  .caligola-contactbar span:nth-child(3) {
    display: none;
  }

  .sf-header [data-sf-brand-logo] {
    width: 145px !important;
    max-width: 145px !important;
  }

  .sf-header__note {
    font-size: 0.7rem !important;
  }

  [data-sf-hero-host] {
    min-height: 0 !important;
    padding-block: 2.5rem !important;
  }

  [data-sf-hero-host]::before {
    background: rgba(67, 59, 51, 0.79) !important;
  }

  .section {
    padding-block: 2.8rem;
  }

  .caligola-footer .sf-footer__inner {
    padding-inline: 20px !important;
  }

  .caligola-footer__nav {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1.8rem 1.25rem;
  }

  .caligola-footer__col a {
    font-size: 0.84rem;
  }

  .caligola-footer__responsible {
    grid-template-columns: 1fr;
  }

  .caligola-footer__bottom {
    align-items: flex-start;
    flex-direction: column;
  }
}

@media (max-width: 340px) {
  .caligola-footer__nav {
    grid-template-columns: 1fr;
  }
}