:root {
  --altezza-smartbanner: 84px;
  --altezza-header: 44px;
  --altezza-betslip-bottom-bar: 40px;
  --altezza-footer: 58px;

  /* CARRELLO */
  --altezza-container-carrello-mobile_intestazione: 40px;
  --altezza-container-menu-navigazione-schedina: 26px;

  --top-carrello-mobile-intestazione: ;
}

/* html {
    height: calc(100vh - var(--altezza-smartbanner)) !important;
} */

.smartbanner {
  z-index: 100000;
}

/* .smartbanner ~ #cg_exa-mobileSportAppContainer {
  --top-carrello-mobile-intestazione: var(--altezza-smartbanner) !important;
} */

.smartbanner ~ #cg_exa-mobileSportAppContainer {
  padding-top: calc(var(--altezza-header) + var(--altezza-smartbanner));
}

.smartbanner ~ #cg_exa-mobileSportAppContainer .nav-slider-container {
  top: calc(var(--altezza-header) + var(--altezza-smartbanner));
}

.smartbanner ~ .cg-promo-body,
.smartbanner ~ #cg-iframe-body,
.smartbanner ~ .cg-other-body,
.smartbanner ~ #cg-lotterie-section,
.smartbanner ~ #cg-poker-body,
.smartbanner ~ #cg-bingo-body,
.smartbanner ~ #cg-external-body,
.smartbanner ~ .cg-info-body.cg-info-section,
.smartbanner ~ .cg-loader-container {
  top: calc(var(--altezza-header) + var(--altezza-smartbanner));
  height: calc(
    100% - var(--altezza-smartbanner) - var(--altezza-header) -
      var(--altezza-footer)
  );
}

.smartbanner ~ #cg-info-select-showed {
  top: calc(var(--altezza-header) + var(--altezza-smartbanner) + 52px);
}

/* PAGINA CARRELLO */
.smartbanner
  ~ #cg_exa-mobileSportAppContainer
  .container-carrello-mobile_intestazione {
  top: var(--altezza-smartbanner);
}

.smartbanner ~ #cg_exa-mobileSportAppContainer .scAggiuntive {
  top: calc(
    var(--altezza-smartbanner) +
      var(--altezza-container-carrello-mobile_intestazione)
  );
}

.smartbanner:has(~ #cg_exa-mobileSportAppContainer) .container-menu-navigazione-schedina {
    top: calc( var(--altezza-smartbanner) 
    + var(--altezza-container-carrello-mobile_intestazione) 
    + var(--altezza-sc-aggiuntive) )
}

/* PAGINA LOGIN */

.smartbanner ~ .cg-top-header .cg-tabLayerMobile {
  top: calc(var(--altezza-smartbanner) + var(--altezza-header));
  height: calc(
    100% - var(--altezza-smartbanner) - var(--altezza-header) -
      var(--altezza-betslip-bottom-bar) - var(--altezza-footer)
  );
}

body#cg-pagina-sport .smartbanner ~ .cg-top-header #cg-tabContainer,
body#cg-pagina-sport
  .smartbanner
  ~ .cg-top-header
  #cg-tabContainer
  #cg-login-section,
body#cg-pagina-live .smartbanner ~ .cg-top-header #cg-tabContainer,
body#cg-pagina-live
  .smartbanner
  ~ .cg-top-header
  #cg-tabContainer
  #cg-login-section {
  height: calc(
    100vh - var(--altezza-smartbanner) - var(--altezza-header) -
      var(--altezza-betslip-bottom-bar) - var(--altezza-footer)
  ) !important;
}

/* MODAL */
.smartbanner ~ .modal {
  top: var(--altezza-smartbanner);
}

/* FIX LANDING */
.smartbanner ~ #cg-landing-body {
  top: calc(var(--altezza-smartbanner) + var(--altezza-header));
}

/* FIX CARRELLO */
.smartbanner ~ #cg_exa-mobileSportAppContainer .carrello-mobile,
.smartbanner ~ #cg_exa-mobileSportAppContainer #tab-prenotazioni {
  height: calc(100vh - var(--altezza-smartbanner)) !important;
}

/* FIX CARRELLO - MENU BOTTONE INGRANAGGIO */

.smartbanner
  ~ #cg_exa-mobileSportAppContainer
  .carrello-mobile
  .container-carrello-mobile_intestazione_settings-dropdown {
  position: fixed;
  top: calc(
    var(--altezza-smartbanner) +
      (var(--altezza-container-carrello-mobile_intestazione) / 2)
  ) !important;
}

/* FIX PAGINA CERCA */
.smartbanner ~ .cg-menuTabMobile #cg-cercaButton .cg-tabLayerMobile,
.smartbanner ~ .cg-menuTabMobile #cg-casinoCercaTabLayerMobile {
  height: calc(
    100% - var(--altezza-header) - var(--altezza-smartbanner) -
      var(--altezza-footer)
  ) !important;
  top: calc(var(--altezza-header) + var(--altezza-smartbanner));
  z-index: 999;
}

.smartbanner ~ .cg-menuTabMobile .cg-tabLayerMobile,
.smartbanner ~ .cg-menuTabMobile #cg-categorieButton .cg-tabLayerMobile,
.smartbanner ~ .cg-menuTabMobile #cg-casinoCategorieTabLayerMobile,
.smartbanner ~ .cg-menuTabMobile #cg-casinoLancioTabLayerMobile,
.smartbanner ~ .cg-menuTabMobile #lancioRapidoButton .cg-tabLayerMobile {
  height: calc(
    100% - var(--altezza-header) - var(--altezza-smartbanner) -
      var(--altezza-footer)
  ) !important;
  top: calc(var(--altezza-header) + var(--altezza-smartbanner));
}

.smartbanner ~ .cg-top-header #cg-tabContainer {
  height: calc(
    100vh - var(--altezza-smartbanner) - var(--altezza-header) -
      var(--altezza-footer)
  ) !important;
}

/* LE MIE GIOCATE SPORT */
.smartbanner ~ .cg-menuTabMobile #cg-mybetTabLayerMobile,
.smartbanner ~ .cg-menuTabMobile #cg-mybetTabLayerMobile {
  top: calc(var(--altezza-smartbanner) + var(--altezza-header));
  height: calc(
    100% - var(--altezza-smartbanner) - var(--altezza-header) -
      var(--altezza-footer)
  );
}

body#cg-pagina-live .smartbanner ~ .cg-menuTabMobile #cg-mybetTabLayerMobile,
body#cg-pagina-sport .smartbanner ~ .cg-menuTabMobile #cg-mybetTabLayerMobile {
  top: calc(var(--altezza-smartbanner) + var(--altezza-header));
  height: calc(
    100% - var(--altezza-smartbanner) - var(--altezza-header) -
      var(--altezza-betslip-bottom-bar) - var(--altezza-footer)
  );
}

/* PAGINA LE MIE GIOCATE CASIN  */
#cg-pagina-xcasino .smartbanner ~ .cg-top-header #cg-tabContainer,
#cg-pagina-xcasino
  .smartbanner
  ~ .cg-top-header
  #cg-tabContainer
  #cg-login-section {
  height: calc(
    100vh - var(--altezza-smartbanner) - var(--altezza-header) -
      var(--altezza-footer)
  ) !important;
  max-height: unset;
}

#cg-login-section {
  border-radius: 0 !important;
}

/* FIX FOOTER  */
.betslip-bottom-bar,
.cg-menuTabMobile,
.cg-buttons-row {
  z-index: 100000 !important;
}

.smartbanner__info__price {
  display: none;
}

.smartbanner__info__title {
  font-size: 18px;
  font-weight: 800;
}

.smartbanner__button__label {
  filter: unset !important;
  height: unset !important;
}

.smartbanner__exit{
	top: calc(50% - 9px);
    width: 18px;
    height: 18px;
    left: 6px;
}

.smartbanner__exit::before, .smartbanner__exit::after{
	height: 18px;
}

/* fix smartbanner ios */
html {
  margin-top: unset !important;
}

body {
  position: relative !important;
}

.smartbanner ~ .cg-top-header {
  top: calc(var(--altezza-smartbanner));
}
.smartbanner ~ #cg_exa-mobileSportAppContainer {
  top: calc(var(--altezza-smartbanner) + var(--altezza-header-contogioco));
}
/* fix smartbanner ios */