/* =====================================================================
   ForGamblers — Footer (TOP-SITE v3: tighter + mobile reorder)
   RU: Что изменено vs v2:
       1) Меньше “воздуха” на ПК и мобилке (margin/padding/gaps).
       2) На мобилке сначала 2 колонки ссылок (WHAT WE DO + ABOUT US),
          а дисклеймер + лого уходят ниже (как у современных сайтов).
       3) Заголовки правых колонок реально по центру относительно списка:
          колонка центр, список inline-block + text-align:left.
   EN: Tighter spacing + mobile links-first order + titles centered over lists.
   ===================================================================== */

/* ==========================
   0) Scope
   ========================== */
.site-footer .fg-footer-main{
  max-width: 1120px;
  margin: 28px auto 18px;     /* RU: было слишком много воздуха сверху */
  padding: 20px 20px 24px;    /* RU: компактнее, но не “зажато” */
}

/* ==========================
   1) Grid layout (desktop)
   ========================== */
.site-footer .fg-footer-main .fg-footer-grid{
  display: grid !important;
  grid-template-columns: minmax(0, 2fr) minmax(0, 1fr) minmax(0, 1fr);
  gap: 24px;                  /* RU: меньше, чем 32px */
  align-items: start;
}

/* База: колонки без сюрпризов темы */
.site-footer .fg-footer-main .fg-footer-col{
  min-width: 0;
  text-align: left !important;
}

/* ==========================
   2) Left column (note + logo)
   ========================== */
.site-footer .fg-footer-main .fg-footer-col--note{
  max-width: 560px;
  justify-self: start;
  text-align: center !important;
}

.site-footer .fg-footer-main .fg-footer-note{
  margin: 0;
  font-size: 14px;
  line-height: 1.6;
  opacity: 0.92;
}

.site-footer .fg-footer-main .fg-footer-brand--below{
  margin-top: 10px;           /* RU: меньше воздуха перед лого */
  display: flex;
  justify-content: center;
}

.site-footer .fg-footer-main .fg-footer-brand__link{
  display: inline-flex;
  align-items: center;
  text-decoration: none;
}

.site-footer .fg-footer-main .fg-footer-brand__img{
  display: block;
  width: 100%;
  max-width: 220px;
  height: auto;
  filter: drop-shadow(0 10px 22px rgba(0,0,0,.18));
}

/* ==========================
   3) Right columns: LEFT align (recommended)
   ========================== */
.site-footer .fg-footer-main .fg-footer-grid > .fg-footer-col:not(.fg-footer-col--note){
  text-align: left !important;
}

.site-footer .fg-footer-main .fg-footer-grid > .fg-footer-col:not(.fg-footer-col--note) .fg-footer-list{
  display: block;     /* вместо inline-block */
  text-align: left;
}


/* ==========================
   4) Lists: remove bullets HARD
   ========================== */
.site-footer .fg-footer-main ul,
.site-footer .fg-footer-main .fg-footer-list{
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

.site-footer .fg-footer-main ul li,
.site-footer .fg-footer-main .fg-footer-list li{
  margin: 0;
  padding: 0;
}

.site-footer .fg-footer-main ul li::marker,
.site-footer .fg-footer-main .fg-footer-list li::marker{
  content: "" !important;
}

.site-footer .fg-footer-main .fg-footer-list li + li{
  margin-top: 5px;
}

/* ==========================
   5) Links
   ========================== */
.site-footer .fg-footer-main .fg-footer-note a,
.site-footer .fg-footer-main .fg-footer-list a,
.site-footer .fg-footer-main .fg-footer-terms a{
  font-size: 14px;
  font-weight: 500;
  text-decoration: underline;
  text-underline-offset: 0.18em;
  text-decoration-thickness: 1px;
  transition: opacity .15s ease, text-decoration-thickness .15s ease;
}

.site-footer .fg-footer-main .fg-footer-note a:hover,
.site-footer .fg-footer-main .fg-footer-list a:hover,
.site-footer .fg-footer-main .fg-footer-terms a:hover{
  opacity: 0.95;
  text-decoration-thickness: 2px;
}

.site-footer .fg-footer-main .fg-footer-note a:focus-visible,
.site-footer .fg-footer-main .fg-footer-list a:focus-visible,
.site-footer .fg-footer-main .fg-footer-terms a:focus-visible{
  outline: 2px solid rgba(229, 231, 243, 0.95);
  outline-offset: 2px;
}

/* ==========================
   6) Bottom row
   ========================== */
.site-footer .fg-footer-main .fg-footer-bottom{
  margin-top: 18px;                /* RU: было 24px */
  padding-top: 12px;
  border-top: 1px solid rgba(148, 163, 184, 0.5);
  text-align: center;
}

.site-footer .fg-footer-main .fg-footer-copy,
.site-footer .fg-footer-main .fg-footer-terms{
  display: inline-block;
  color: rgba(226, 232, 240, 0.80);
}

.site-footer .fg-footer-main .fg-footer-sep{
  opacity: .6;
  margin: 0 8px;
}

/* Facebook */
.site-footer .fg-footer-main .fg-footer-terms a.fg-footer-social{
  display: inline-flex;
  align-items: center;
  gap: 8px;
  text-decoration: none;
}

.site-footer .fg-footer-main .fg-footer-terms a.fg-footer-social--fb,
.site-footer .fg-footer-main .fg-footer-terms a.fg-footer-social--fb:visited{
  color: #1877F2;
}

.site-footer .fg-footer-main .fg-footer-social-ico{
  width: 24px;
  height: 24px;
  flex: 0 0 24px;
  position: relative;
  top: 1px;
}

.site-footer .fg-footer-main .fg-footer-terms a.fg-footer-social--fb:hover{
  filter: brightness(1.08);
}

/* ==========================
   7) Responsive
   ========================== */

/* Tablet: 2 columns, note full width */
@media (max-width: 900px){
  .site-footer .fg-footer-main{
    margin: 22px auto 16px;
    padding: 18px 18px 22px;
  }
  .site-footer .fg-footer-main .fg-footer-grid{
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 18px;
  }
  .site-footer .fg-footer-main .fg-footer-col--note{
    grid-column: 1 / -1 !important;
    max-width: 720px;
    margin: 0 auto;
  }
}

/* Mobile: links FIRST in 2 columns, note+logo below */
@media (max-width: 560px){
  .site-footer .fg-footer-main{
    margin: 18px auto 14px;
    padding: 16px 16px 20px;
  }

  .site-footer .fg-footer-main .fg-footer-grid{
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 14px;
    /* RU: Переупорядочиваем: сначала 2 колонки ссылок, потом дисклеймер */
    grid-template-areas:
      "col2 col3"
      "note note";
  }

  /* RU: Порядок по DOM: 1) note, 2) what we do, 3) about us
     EN: DOM order: 1) note, 2) what we do, 3) about us */
  .site-footer .fg-footer-main .fg-footer-grid > :nth-child(1){ grid-area: note; }
  .site-footer .fg-footer-main .fg-footer-grid > :nth-child(2){ grid-area: col2; }
  .site-footer .fg-footer-main .fg-footer-grid > :nth-child(3){ grid-area: col3; }

  /* RU: Чуть компактнее типографика на мобилке */
  .site-footer .fg-footer-main .fg-footer-note,
  .site-footer .fg-footer-main .fg-footer-note a,
  .site-footer .fg-footer-main .fg-footer-list a{
    font-size: 13px;
  }

  .site-footer .fg-footer-main .fg-footer-brand__img{
    max-width: 190px;
  }
}

/* Very narrow: single column, keep links first, note last */
@media (max-width: 380px){
  .site-footer .fg-footer-main .fg-footer-grid{
    grid-template-columns: 1fr;
    gap: 14px;
    grid-template-areas:
      "col2"
      "col3"
      "note";
  }
}

/* Hide “Facebook” text on narrow screens */
@media (max-width: 520px){
  .site-footer .fg-footer-main .fg-footer-social-txt{ display: none; }
}


/* 1) Нормально прячем screen-reader-text (чтобы не “ломал” вёрстку) */
.screen-reader-text {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  clip-path: inset(50%) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

/* Если “Skip to content” должен появляться при фокусе */
.skip-link:focus {
  position: fixed !important;
  width: auto !important;
  height: auto !important;
  clip: auto !important;
  clip-path: none !important;
  margin: 0 !important;
  padding: 12px 16px !important;
  top: 12px;
  left: 12px;
  z-index: 999999;
}

/* 2) Делаем кликабельные зоны нормального размера на мобилке */
@media (max-width: 768px) {
  .fg-langflags__btn {
    min-width: 44px;
    min-height: 44px;
    padding: 8px 10px;
  }
  .cr-btn,
  .cr-btn.cr-btn--ghost {
    min-height: 44px;
    padding: 12px 14px;
    line-height: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
  }

  /* 3) Длинные номера/строки не должны рвать контейнер */
  .cr-disclaimer, .cr-footer, .site-footer {
    overflow-wrap: anywhere;
    word-break: break-word;
  }
}
/* =========================================================
   FG — Hub homepage polish (DE + CA)
   ========================================================= */
.entry-content :is(.fg-home-de, .fg-home-ca){
  --fg-bg: #0b1220;
  --fg-surface: rgba(255,255,255,.04);
  --fg-surface-2: rgba(255,255,255,.06);
  --fg-border: rgba(255,255,255,.10);
  --fg-border-2: rgba(255,255,255,.14);
  --fg-text: rgba(255,255,255,.88);
  --fg-muted: rgba(255,255,255,.68);
  --fg-accent: #47A7FF;
  --fg-accent-2: #9ad1ff;
  --fg-shadow: 0 18px 50px rgba(0,0,0,.35);
  --fg-shadow-soft: 0 12px 35px rgba(0,0,0,.25);
  --fg-focus: 0 0 0 3px rgba(71,167,255,.28);
}

/* base */
.entry-content :is(.fg-home-de, .fg-home-ca) p,
.entry-content :is(.fg-home-de, .fg-home-ca) li{
  font-size: 18px;
  line-height: 1.72;
}

.entry-content :is(.fg-home-de, .fg-home-ca) a{
  text-underline-offset: 3px;
  text-decoration-thickness: 1px;
}

/* hero */
.entry-content :is(.fg-home-de__hero, .fg-home-ca__hero){
  background:
    radial-gradient(circle at top right, rgba(71,167,255,.18), transparent 28%),
    radial-gradient(circle at bottom left, rgba(71,167,255,.12), transparent 24%),
    linear-gradient(180deg, #0b1220 0%, #10192b 100%);
  color: rgba(255,255,255,.88);
}

.entry-content :is(.fg-home-de__hero, .fg-home-ca__hero) h1,
.entry-content :is(.fg-home-de__hero, .fg-home-ca__hero) h2,
.entry-content :is(.fg-home-de__hero, .fg-home-ca__hero) p{
  color: rgba(255,255,255,.88);
}

.entry-content :is(.fg-home-de__hero-image, .fg-home-ca__hero-image){
  margin: 0;
}

.entry-content :is(.fg-home-de__hero-image, .fg-home-ca__hero-image) img{
  display: block;
  width: 100%;
  border: 1px solid rgba(255,255,255,.10);
  box-shadow: 0 18px 50px rgba(0,0,0,.35);
}

/* sections */
.entry-content :is(.fg-home-de__section, .fg-home-ca__section){
  position: relative;
}

.entry-content :is(.fg-home-de__section, .fg-home-ca__section)::before{
  content: "";
  position: absolute;
  left: 24px;
  right: 24px;
  top: 0;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,.08), transparent);
}

.entry-content :is(.fg-home-de__card, .fg-home-ca__card){
  border: 1px solid rgba(255,255,255,.10);
  border-radius: 18px;
  background: linear-gradient(180deg, rgba(255,255,255,.035), rgba(255,255,255,.02));
  box-shadow: 0 12px 35px rgba(0,0,0,.25);
  backdrop-filter: blur(6px);
}

/* bullets */
.entry-content :is(.fg-home-de__bullets, .fg-home-ca__bullets){
  margin: 18px 0 0;
  padding-left: 1.25em;
}

.entry-content :is(.fg-home-de__bullets, .fg-home-ca__bullets) li + li{
  margin-top: 12px;
}

/* buttons */
.entry-content :is(.fg-home-de__buttons, .fg-home-ca__buttons){
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
}

.entry-content :is(.fg-home-de__buttons, .fg-home-ca__buttons) .wp-block-button__link{
  font-weight: 700;
  letter-spacing: .01em;
  min-height: 50px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  box-shadow: 0 10px 24px rgba(0,0,0,.18);
  transition: transform .14s ease, box-shadow .14s ease, border-color .14s ease;
}

.entry-content :is(.fg-home-de__buttons, .fg-home-ca__buttons) .wp-block-button__link:hover{
  transform: translateY(-1px);
  box-shadow: 0 14px 28px rgba(0,0,0,.24);
}

.entry-content :is(.fg-home-de__buttons, .fg-home-ca__buttons) .wp-block-button__link:focus{
  outline: none;
  box-shadow: 0 0 0 3px rgba(71,167,255,.28), 0 14px 28px rgba(0,0,0,.24);
}

.entry-content :is(.fg-home-de__buttons, .fg-home-ca__buttons) .is-style-outline .wp-block-button__link{
  border: 1px solid rgba(255,255,255,.22);
  background: rgba(255,255,255,.02);
}

/* FAQ */
.entry-content :is(.fg-home-de__faq, .fg-home-ca__faq) details{
  border: 1px solid rgba(255,255,255,.10);
  border-radius: 14px;
  background: rgba(255,255,255,.025);
  padding: 16px 18px;
}

.entry-content :is(.fg-home-de__faq, .fg-home-ca__faq) details + details{
  margin-top: 12px;
}

.entry-content :is(.fg-home-de__faq, .fg-home-ca__faq) summary{
  cursor: pointer;
  font-weight: 700;
  list-style: none;
}

.entry-content :is(.fg-home-de__faq, .fg-home-ca__faq) summary::-webkit-details-marker{
  display: none;
}

.entry-content :is(.fg-home-de__faq, .fg-home-ca__faq) summary::after{
  content: "+";
  float: right;
  font-size: 22px;
  line-height: 1;
  opacity: .7;
}

.entry-content :is(.fg-home-de__faq, .fg-home-ca__faq) details[open] summary::after{
  content: "–";
}

.entry-content :is(.fg-home-de__faq, .fg-home-ca__faq) details p{
  margin-top: 12px;
}

/* mobile */
@media (max-width: 781px){
  .entry-content :is(.fg-home-de__card, .fg-home-ca__card){
    padding: 22px !important;
  }

  .entry-content :is(.fg-home-de__hero, .fg-home-ca__hero){
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }

  .entry-content :is(.fg-home-de, .fg-home-ca) p,
  .entry-content :is(.fg-home-de, .fg-home-ca) li{
    font-size: 16px;
    line-height: 1.65;
  }

  .entry-content :is(.fg-home-de__buttons, .fg-home-ca__buttons) .wp-block-button{
    width: 100%;
  }

  .entry-content :is(.fg-home-de__buttons, .fg-home-ca__buttons) .wp-block-button__link{
    width: 100%;
  }
}