/*
 * Load key images from Internet Archive (Wayback) so they display when online.
 * Fight button, header/body background, top bar, logo and main banner use these URLs.
 */
:root {
  --archive-im: https://web.archive.org/web/20250203173651im_/https://cybertankz.eu/wp-content/themes/newest/images;
  --archive-im52: https://web.archive.org/web/20250203173652im_/https://cybertankz.eu/wp-content/themes/newest/images;
  --archive-uploads: https://web.archive.org/web/20250203173653im_/https://cybertankz.eu/wp-content/uploads/2025/january;
}

body,
body.custom-background {
  background-image: url("https://web.archive.org/web/20250203173651im_/https://cybertankz.eu/wp-content/themes/newest/images/bg/body.jpg") !important;
  background-color: #0e0904 !important;
  background-repeat: no-repeat !important;
  background-position: center top !important;
}

.page-wrapper {
  background-image: url("https://web.archive.org/web/20250203173652im_/https://cybertankz.eu/tankionline.com/en/wp-content/themes/newest/images/bg/body5e1f.html") !important;
  background-color: transparent !important;
  background-repeat: no-repeat !important;
  background-position: top center !important;
}

.top-line {
  background-image: url("https://web.archive.org/web/20250203173651im_/https://cybertankz.eu/wp-content/themes/newest/images/bg/top_line.jpg") !important;
  background-color: #252525 !important;
  background-repeat: repeat-x !important;
  background-position: center top !important;
}

/* Fight button and all nav sprites use the English sprite sheet */
.sprite,
.sprite_top1, .sprite_top2, .sprite_top3, .sprite_top4, .sprite_top5,
.sprite_top6, .sprite_top7, .sprite_top8,
.sprite_fight-button,
.sprite_custom-select-arrow,
.sprite_dc, .sprite_fb, .sprite_ig, .sprite_yt, .sprite_tt, .sprite_tg,
.sprite_prev-arrow, .sprite_next-arrow,
.download {
  background-image: url("https://web.archive.org/web/20250203173652im_/https://cybertankz.eu/wp-content/themes/newest/images/bg/sprite_en.png") !important;
  background-repeat: no-repeat !important;
}

/* Language selector arrow (next to EN flag) - correct sprite position */
.custom-select__arrow.sprite_custom-select-arrow,
.top-line__langs .sprite_custom-select-arrow {
  background-position: -340px 0 !important;
}
.custom-select.active .custom-select__arrow.sprite_custom-select-arrow,
.active .sprite_custom-select-arrow {
  background-position: -340px -11px !important;
}

/* Footer social media buttons - correct sprite positions (32x40 icons in sheet) */
.main-footer__socials .sprite_dc,
.main-footer .sprite_dc { background-position: -420px -200px !important; }
.main-footer__socials .sprite_fb,
.main-footer .sprite_fb { background-position: -420px -80px !important; }
.main-footer__socials .sprite_ig,
.main-footer .sprite_ig { background-position: -420px -160px !important; }
.main-footer__socials .sprite_yt,
.main-footer .sprite_yt { background-position: -420px -120px !important; }
.main-footer__socials .sprite_tt,
.main-footer .sprite_tt { background-position: -420px -40px !important; }
.main-footer__socials .sprite_tg,
.main-footer .sprite_tg { background-position: -420px 0 !important; }

/* Default (non-highlighted) nav icon positions - only when not hovered/active */
.top-line__nav .elems .elem a:not(:hover):not(.active) .sprite_top1 { background-position: -360px 0; }
.top-line__nav .elems .elem a:not(:hover):not(.active) .sprite_top2 { background-position: -360px -30px; }
.top-line__nav .elems .elem a:not(:hover):not(.active) .sprite_top3 { background-position: -358px -60px; }
.top-line__nav .elems .elem a:not(:hover):not(.active) .sprite_top4 { background-position: -360px -90px; }
.top-line__nav .elems .elem a:not(:hover):not(.active) .sprite_top5 { background-position: -357px -119px; }
.top-line__nav .elems .elem a:not(:hover):not(.active) .sprite_top8 { background-position: -358px -214px; }

/* Language flags (EN, RU, DE, etc.) - use flags.png from archive */
.top-line__lang .flag {
  background-image: url("https://web.archive.org/web/20250203173652im_/https://cybertankz.eu/wp-content/themes/newest/images/bg/flags.png") !important;
  background-repeat: no-repeat !important;
}
.top-line__lang .flag_en { background-position: -24px 0 !important; }
.top-line__lang .flag_ru { background-position: 0 0 !important; }
.top-line__lang .flag_de { background-position: -48px 0 !important; }
.top-line__lang .flag_pl { background-position: -120px 0 !important; }
.top-line__lang .flag_pt { background-position: -96px 0 !important; }
.top-line__lang .flag_es { background-position: -144px 0 !important; }
.top-line__lang .flag_fa { background-position: -168px 1px !important; }
.top-line__lang .flag_zh { background-position: -72px 0 !important; }

/* Logo: ensure the link and the logo image are visible (theme hides .main-header__logo by default) */
a.main-header__logo { display: block !important; }
.main-header__logo.logo_png { display: block !important; }

/* Remove padding above the download/fight button */
.main-header .container { padding-top: 0 !important; }
.main-header__fight-button { top: 0 !important; }
.main-header__server-active { padding-top: 0 !important; margin-top: 0 !important; }
