/* ==========================================================================
   Custom CSS fixes for botsforbetting.ru
   ========================================================================== */

/* Hide Tilda branding */
#tildacopy, .t-tildalabel, .t-tildalabel__link, .t-tildalabel__wrapper {
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
  height: 0 !important;
  pointer-events: none !important;
}

/* Global Fonts & Typography */
body, p, span, div, h1, h2, h3, h4, h5, h6 {
  font-family: 'TildaSans', Arial, sans-serif !important;
}

/* Button Defaults (.t-btn, .t-btn_md, etc.) */
.t-btn, .t-btnflex {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  text-decoration: none !important;
  font-family: 'TildaSans', Arial, sans-serif !important;
  font-weight: 700 !important;
  cursor: pointer !important;
  box-sizing: border-box !important;
  border-radius: 30px !important;
  transition: all 0.2s ease-in-out !important;
  white-space: nowrap !important;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05) !important;
}

/* Button size styles */
.t-btn_md, .t-btnflex_md {
  height: 55px !important;
  padding: 0 40px !important;
  font-size: 16px !important;
}

/* Button hover effects */
.t-btn:hover, .t-btnflex:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.1) !important;
  opacity: 0.95 !important;
}

/* Block T142 (Centering & Padding) */
.t142 {
  width: 100% !important;
  display: block !important;
  text-align: center !important;
  margin: 40px auto !important;
}
.t142__wrapone, .t142__wraptwo {
  display: inline-block !important;
  margin: 0 auto !important;
}

/* Block T1331 (Button row centering) */
.t1331 {
  width: 100% !important;
  display: block !important;
  margin: 40px auto !important;
}
.t1331__row {
  display: flex !important;
  width: 100% !important;
  justify-content: center !important;
  align-items: center !important;
}
.t1331__row_center {
  justify-content: center !important;
  align-items: center !important;
}

/* Block T004 (Standard text block centering/formatting) */
.t004 {
  padding-top: 50px !important;
  padding-bottom: 50px !important;
}
.t004 .t-container {
  max-width: 960px !important;
  margin: 0 auto !important;
  padding: 0 15px !important;
}
.t004 .t-text {
  font-size: 18px !important;
  line-height: 1.65 !important;
  color: #2c3e50 !important;
  font-weight: 300 !important;
}
.t004 .t-text strong {
  font-weight: 600 !important;
}

/* Block T022 (Centered text block) */
.t022 {
  padding-top: 30px !important;
  padding-bottom: 30px !important;
}
.t022 .t-container {
  max-width: 960px !important;
  margin: 0 auto !important;
  padding: 0 15px !important;
}
.t022__text {
  font-size: 18px !important;
  line-height: 1.65 !important;
  color: #2c3e50 !important;
  text-align: left !important;
  margin: 0 auto !important;
}

/* Block T482 (Predictions page main block) */
.t482 {
  padding-top: 100px !important;
  padding-bottom: 40px !important;
}
.t482 .t-container {
  max-width: 960px !important;
  margin: 0 auto !important;
  padding: 0 15px !important;
}
.t482__title {
  font-size: 28px !important;
  font-weight: 700 !important;
  line-height: 1.4 !important;
  color: #1a252f !important;
  margin-bottom: 35px !important;
  text-align: left !important;
}
.t482__descr {
  font-size: 18px !important;
  line-height: 1.65 !important;
  color: #34495e !important;
  font-weight: 300 !important;
  text-align: left !important;
}
.t482__descr strong {
  font-weight: 600 !important;
}

/* Link formatting inside description text */
.t-descr a, .t-text a {
  color: #000dff !important;
  text-decoration: none !important;
  border-bottom: 1px solid rgba(0, 13, 255, 0.2) !important;
  transition: all 0.2s ease !important;
}
.t-descr a:hover, .t-text a:hover {
  color: #1806f7 !important;
  border-bottom: 1px solid #1806f7 !important;
}

/* Center T107 images and make them look premium */
.t107 {
  text-align: center !important;
  width: 100% !important;
  margin: 30px auto !important;
}
.t107 .t-align_center {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
}
.t107 img {
  box-shadow: 0 10px 30px rgba(0,0,0,0.06) !important;
  border-radius: 12px !important;
  max-width: 100% !important;
  height: auto !important;
  border: 1px solid #eaeaea !important;
  transition: transform 0.3s ease !important;
}
.t107 img:hover {
  transform: scale(1.01) !important;
}