/*
Theme Name: Risultati LCFC
Theme URI: https://emmekweb.it
Author: Emmekweb
Author URI: https://emmekweb.it
Description: Tema risultati live per manifestazione LCFC - partite, classifiche, fase finale in tempo reale
Version: 0.7.2
Requires at least: 6.0
Tested up to: 6.9
Requires PHP: 8.2
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: risultati-lcfc
This theme, like WordPress, is licensed under the GPL.
*/

/* ! Reset */
body, html{ font-size: 16px; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif; box-sizing: border-box;margin: 0;padding: 0;}
*,*:before,*:after{ box-sizing: border-box; }
h1,h2,h3,h4,h5,h6, p, ol, ul{margin: 0;padding: 0;}
ol,ul{list-style-type: none;}
img{height: auto;}
a{text-decoration: none;}
hr{border:none; border-bottom: 1px solid #ddd}

a{text-decoration: none;color: #F75E47}
p{line-height: 1.3}

ul{list-style-type: circle; list-style-position: inside}
ul li{margin-bottom:10px}

.spacer{height: 170px;}


/* ! Title System */
.text-0{font-size: 5rem; line-height: 1;}
h1, .text-1{font-size: 3.4rem;}
h2, .text-2{font-size: 2.2rem; line-height: 2.2rem;}
h3, .text-3{font-size: 1.5rem;}
h4, p, .text-4{font-size: 1rem;}

h1, h2, h3, h4, p, ol, ul{margin-bottom: 1rem;}

@media (max-width: 768px) {
  .text-0{font-size: 4rem}
}

/* ! Colors */
/* BLU : #000000 */
/* ORO : #d9aa07 */

/* ! Button system */
.button,
.wp-block-button__link{font-size: 1.2rem; text-transform: uppercase; font-weight: bold; background: #333; color:#fff; padding: 14px 25px;display: inline-block;border-radius: 4px}
.button:hover,
.wp-block-button__link{background: #000;}

/* .button--small{  padding: 10px 20px;font-size: 1rem;}
.button--round{background: #fff; color:#000; padding: 15px 30px; border-radius: 100px; font-weight: bold;}
.button--round:hover{background: #000; color:#fff;}
.button--round-outline{background: transparent; color:#fff; padding: 15px 30px; border-radius: 100px; font-weight: bold;border: 1px solid #fff}
.button--round-outline:hover{background: #fff; color:#000;} */








/* ! Header */
/*----------------------------------------------------------------------------------- */
.header-container{position: fixed;background: #ffffff;top:0;left:0;z-index: 999999;width: 100%;}
/* .logged-in .header-container{top:30px} */
.header{ display: flex; justify-content: space-between; align-items: center; width: 100%;max-width: 1250px;margin: 0 auto; /*border: 1px solid red;*/ }
.header a{color:#fff; display: block; padding: 15px;}

.header__menu{margin-bottom: 0;}
.header__menu li{display: inline-block;}
.header a.header__logo{font-weight: bold;padding: 0;}
.header__logo img{height: 150px;margin: 10px; margin-left:20px; all 1s cubic-bezier(.215, .61, .355, 1);}
@media (max-width: 768px) {
    .header__logo img{height: 50px;margin: 10px;margin-left: 20px;transition: all 1s cubic-bezier(.215, .61, .355, 1);}
  }
.header__hamburger{display: none;}

@media (min-width: 768px) {
  .header-container{height: 90px;background-color: #ffffff;transition: all 1s cubic-bezier(.215, .61, .355, 1);}
  .scroll-down .header-container {
    background:#ffffff;
}
  .scroll-down .header {
    height: 90px;
    /* border: 1px solid yellowgreen; */
}
  .scroll-down .header-container img{
    width: 50px;
  }
}


@media (max-width: 768px) {
  .header__hamburger{display: flex;align-items: center;justify-content: center;width: 40px;height: 40px;margin-top: 0;margin-right: 15px;position: relative;}
  .header__hamburger span{width: 30px;height: 2px;background: #fff;display: block;transition: all 0.15s cubic-bezier(.215, .61, .355, 1);}
  .header__menu{position:absolute;top:70px;left:0;width: 100%;background: #d9aa07;height: 0;overflow: hidden;transition: all 1s cubic-bezier(.215, .61, .355, 1);}
  .header__menu li{display: block;}

  .menu-open .header__hamburger span:nth-child(1){transform: translateY(0px) rotate(45deg)!important;width: 30px;position: absolute;top: unset;}
  .menu-open .header__hamburger span:nth-child(2){transform: translateY(0px) rotate(45deg)!important;width: 30px;position: absolute;top: unset;}

.header__hamburger span:nth-child(1) {
    transform: none!important;
    position: absolute;
    top: 12.5px;
}

.header__hamburger span:nth-child(2) {
    transform: none!important;
    position: absolute;
    top: 25px;
}
  .menu-open .header__hamburger span:nth-child(2){transform: translateY(0px) rotate(-45deg)!important;width: 30px!important;margin: 0;top: unset;}

  .menu-open .header__menu{height: 100vh; padding-top: 20px;}
  .menu-open{overflow:hidden;}
}



/* ! Index */
/*----------------------------------------------------------------------------------- */


/* ! Single */
/*----------------------------------------------------------------------------------- */


/* ! Footer */
/*----------------------------------------------------------------------------------- */
.footer{background: #000;}
@media (max-width: 768px) {
  .footer,
  .footer .text-right{text-align: center;}
}



/* ! Grid System */
/*----------------------------------------------------------------------------------- */
.grid{display: flex; flex-wrap: wrap; max-width: 1250px; margin: 0 auto}
.grid--small{max-width: 900px}
.grid--center{justify-content: center;}
.grid--full{max-width: 100%}

.col-20{width:20%}
.col-25{width:25%}
.col-30{width:30%}
.col-33{width:33.33%}
.col-40{width:40%}
.col-50{width:50%}
.col-60{width:60%}
.col-70{width:70%}
.col-80{width:80%}
.col-90{width:90%}
.col-100{width:100%}

[class*='col-']{padding: 20px;}

.grid--full [class*='col-'],
.grid .grid [class*='col-'] {padding: 0;}


@media (max-width: 768px) {
  [class*='col-']{width: 100%}
  .sma-33{width: 33.33%}
  .sma-50{width: 50%}
  .sma-25{width: 25%}
}


/* ! Helpers */
/*----------------------------------------------------------------------------------- */


.br{border: 1px solid red;}
.img-res{width: 100%;}
.video-res{width: 100%;height: 100%;overflow: hidden;}
.video-res video{width: 100%;height: 100%;object-fit: cover}
.overflow{overflow:hidden;}

.mt-0{margin-top: 0;}
.mt-1{margin-top: 1rem;}
.mt-2{margin-top: 2rem;}
.mt-3{margin-top: 3rem;}
.mt-4{margin-top: 4rem;}

.mb-0{margin-bottom: 0;}
.mb-1{margin-bottom: 1rem;}
.mb-2{margin-bottom: 2rem;}
.mb-3{margin-bottom: 3rem;}
.mb-4{margin-bottom: 4rem;}

.text-center{text-align: center}
.text-left{text-align: left}
.text-right{text-align: right}

.p-0{padding: 0;}
.p-1{padding: 1rem;}
.p-2{padding: 2rem;}
.p-3{padding: 3rem;}
.p-4{padding: 4rem;}

.pt-0{padding-top: 0;}
.pt-1{padding-top: 1rem;}
.pt-2{padding-top: 2rem;}
.pt-3{padding-top: 3rem;}
.pt-4{padding-top: 4rem;}

.pb-0{padding-bottom: 0;}
.pb-1{padding-bottom: 1rem;}
.pb-2{padding-bottom: 2rem;}
.pb-3{padding-bottom: 3rem;}
.pb-4{padding-bottom: 4rem;}


.icon-small{width: 40px;padding: 8px;}
.icon-white{filter: invert(1);}
.bg-dark{background: #000;}
.text-white{color:#fff}
.text-dark{color:#000}
.v-center{display: flex; justify-content: center; flex-flow: column;align-items: flex-start;}

.font-normal{font-weight: 400;}

.none{display: none;}
@media (max-width: 768px) {
  .sma-none{display: none!important;}
}

@media (min-width: 768px) {
  .desktop-none{display: none!important;}
}


.bg--white {
    background-color: #fff;
}

.bg--blu {
    background-color: #000000;
}

.bg--oro {
    background-color: #d9aa07;
}



/* ! Wordpress Styles */
/*----------------------------------------------------------------------------------- */

input, textarea{border: 3px solid #ddd; border-radius: 3px;padding: 10px;}
input[type=submit], button{border: 3px solid #ddd; background: #ddd; border-radius: 3px;padding: 10px;}

.form-search{width: 100%;border: 3px solid #ddd;border-radius: 100px; padding-left: 15px;}
.form-search input{width: calc(100% - 40px); border:none;background:#111; color:#fff}
.form-search button{padding: 0;background:transparent; border: none;}
.form-search img{width: 25px;margin-bottom: -8px;filter:invert(1);}


.alignfull{width: 100vw;margin-left: calc(50% - 50vw);}
.alignwide{width: 90vw;margin-left: calc(50% - 45vw);}

/* ! MENU */
@media (min-width: 769px) {
.header__menu {
    padding: 0;
    list-style-type: none;
    position: relative;
    z-index: 99;
    width: 100%;
    margin: 0;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
  }

  ul.header__menu li {
    min-height: 50px!important;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0;
  }

  li.active a {
    background: #000;
    background-image: none!important;
    z-index: 9999;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }

  .header__menu > li a {
      background-image: linear-gradient(
      to right,
      #d9aa07,
      #d9aa07 50%,
      #fff 50%
      );
      background-size: 200% 100%;
      background-position: -100%;
      display: inline-block;
      padding: 5px 0;
      position: relative;
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      transition: all 0.3s ease-in-out;
  }

  .header__menu > li a {
      display: block;
      padding: 20px;
      color: #fff;
      opacity: 1;
      text-decoration: none;
      font-size: 1.3rem;;
      font-weight: 500;
      padding: 10px!important;
      text-transform: uppercase;
  }

  .header__menu > li a:hover {
      background-position: 0;
      font-weight: 500;
  }

}

@media (max-width: 768px) {
    ul.header__menu li {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        margin: 0;
      }

    li.active a {
        background: #000;
        background-image: none!important;
        z-index: 9999;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }

  .header__menu > li a {
        background-image: linear-gradient(to right, #000000, #000000 50%, #fff 50%);
        background-size: 200% 100%;
        background-position: -100%;
        display: inline-block;
        padding: 5px 0;
        position: relative;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        transition: all 0.3s ease-in-out;
    }

  .header__menu > li a {
        display: block;
        color: #fff;
        opacity: 1;
        text-decoration: none;
        font-size: 3rem;;
        font-weight: 500;
        padding: 0 20px!important;
        text-transform: uppercase;
    }

  .header__menu > li a:hover {
      background-position: 0;
      font-weight: 500;
    }
}

.tabella__team {
  display: flex;
  flex-direction: column;
  margin-bottom: 30px;
  position: relative;
}

.blocco_gara {
  display: flex;
}

.blocco_gara p {
  background: #ffffff;
  margin-right: 0;
  margin-bottom: 15px;
  border-radius: 5px;
  padding: 5px 10px;
  box-shadow: 0 0 20px #00000012;
  font-size: 15px;
  line-height: 17px;
  text-transform: uppercase;
  border: 2px solid #d9d9d9;
  display: flex;
  align-items: center;
  min-height: 48px;
}

.blocco_torneo {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: #ededed;
  padding: 5px;
  border-radius: 7px;
  width: 360px;
}
@media (max-width: 768px) {
  .blocco_torneo {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    background: #ededed;
    padding: 5px;
    border-radius: 7px;
    width: 100%;
  }
}

.blocco_torneo p {
  background: #ffffff;
  margin-right: 0;
  margin-bottom: 15px;
  border-radius: 5px;
  padding: 5px 10px;
  box-shadow: none;
  font-size: 15px;
  line-height: 17px;
  text-transform: uppercase;
  border: 2px solid #d9d9d9;
  display: flex;
  align-items: center;
  min-height: 48px;
  color: #000!important;
  font-weight: bold;
}

.blocco_torneo p:first-child {
  margin-bottom: 5px;
}

.blocco_torneo p:last-child {
  margin: 0;
}

.blocco_squadre {
  width: 280px;
  /* border: 1px solid red; */
  /* display: flex; */
  flex-direction: column;
}
@media (max-width: 768px) {
  .blocco_squadre {
    width: calc(100% - 120px);
    /* border: 1px solid red; */
    /* display: flex; */
    flex-direction: column;
  }
}

.blocco_risultati {
  width: auto;
  border: 0;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  background: #ededed;
  margin: 0;
  height: auto;
  /* border: 1px solid red; */
}

p.label_risultato {
  border: 0!important;
  box-shadow: none!important;
  display: flex;
  font-size: 28px!important;
  font-weight: bold;
  background: transparent!important;
}

.blocco_risultati_1t p,
.blocco_risultati_2t p  {
  color: #a2a2a2!important;
  font-size: 28px;
}

.blocco_risultati_1t p,
.blocco_risultati_2t p {
  color: #000000!important;
}

.blocco_risultati_f p {
  color: #fff!important;
}

.blocco_risultati_1t p,
.blocco_risultati_2t p
{
  opacity: .3;
}

.blocco_risultati_1t,
.blocco_risultati_2t,
.blocco_risultati_f {
  width: 40px;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: center;
  position: relative;
}

.blocco_risultati_2t {
  border-left: 1px solid #ccc;
}

.blocco_risultati_f {
  border-left: 0;
}

/* .blocco_risultati_1t:before,
.blocco_risultati_2t:before,
.blocco_risultati_f:before {
  content: '1° T';
  position: absolute;
  top: -25px;
  font-size: 9px;
  font-weight: bold;
  opacity: .4;
}

.blocco_risultati_1t:before {
  content: '1° T';
}

.blocco_risultati_2t:before {
  content: '2° T';
}

.blocco_risultati_f:before {
  content: 'FINALE';
} */

.page__paragrafo {
  position: relative;
}

.blocco_risultati_f {
  background: #000000;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}

.blocco_classifica {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: #ededed;
  padding: 2.5px 5px;
  border-radius: 7px;
  width: 100%;
  position: relative;
}
@media (max-width: 768px) {
  .blocco_classifica {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #ededed;
    padding: 2.5px 5px;
    border-radius: 7px;
    width: 100%;
  }
}

.blocco_classifica .blocco_risultati {
  width: 50%;
  border: 0;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  background: #ededed;
  margin: 0;
  height: 50px;
  border: 1px solid #ccc;
}
@media (max-width: 768px) {
  .blocco_classifica .blocco_risultati {
    width: 55%;
    height: 50px!important;
    border: 0;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    background: #ededed;
    margin: 0;
    height: auto;
    border: 1px solid #ccc;
    /* border: 1px solid red; */
  }
}

.blocco_classifica .blocco_squadre {
  width: 50%;
}
@media (max-width: 768px) {
  .blocco_classifica .blocco_squadre {
    width: calc(100% - 120px);
    height: 100%!important;
  }
}



.blocco_classifica p {
  background: #ffffff;
  margin-right: 0;
  margin-bottom: 15px;
  border-radius: 0;
  padding: 5px 10px;
  box-shadow: none;
  font-size: 3.2rem;
  line-height: 3.2rem;
  text-transform: uppercase;
  border: 2px solid #d9d9d9;
  border-right: 2px solid #d9d9d9;
  display: flex;
  align-items: center;
  min-height: 70px;
  color: #000!important;
  font-weight: bold;
  margin: 0!important;
  border-radius: 5px;
  /* border-top-right-radius: 0; */
  /* border-bottom-right-radius: 0; */
}
@media (max-width: 768px) {
  .blocco_classifica p {
    font-size: 16px;
    line-height: 17px;
    min-height: 70px;
  }
}

.blocco_classifica p:first-child {
  margin-bottom: 5px;
}

.blocco_classifica p:last-child {
  margin: 0;
}

.blocco_risultati_pt,
.blocco_risultati_tv,
.blocco_risultati_gf,
.blocco_risultati_gs,
.blocco_risultati_dr,
.blocco_risultati_gt
{
  /* border: 1px solid; */
  min-width: 40px;
  width: 20%;
  display: flex;
  justify-content: center;
  border-right: 1px solid #ccc;
}
@media (max-width: 768px) {
  .blocco_risultati_pt,
  .blocco_risultati_tv,
  .blocco_risultati_gf,
  .blocco_risultati_gs,
  .blocco_risultati_dr,
  .blocco_risultati_gt
  {
    /* border: 1px solid; */
    min-width: 40px;
    display: flex;
    justify-content: center;
    border-right: 2px solid #ededed;
  }
}

.blocco_risultati_gt {
  border: 0;
  border: 0;
}

.blocco_risultati_pt p,
.blocco_risultati_tv p,
.blocco_risultati_gf p,
.blocco_risultati_gs p,
.blocco_risultati_dr p,
.blocco_risultati_gt p
{
  color: #000000!important;
  /* border: 1px solid red!important; */
}

.blocco_risultati_tv p,
.blocco_risultati_gf p,
.blocco_risultati_gs p,
.blocco_risultati_dr p,
.blocco_risultati_gt p {
  opacity: 0.3;
}

@media (max-width: 768px) {
  .blocco_risultati_tv,
  .blocco_risultati_gf,
  .blocco_risultati_gs,
  .blocco_risultati_dr,
  .blocco_risultati_gt {
    max-width: 25px;
  }
}


.blocco_risultati_tv .label_risultato,
.blocco_risultati_gf .label_risultato,
.blocco_risultati_gs .label_risultato,
.blocco_risultati_dr .label_risultato,
.blocco_risultati_gt .label_risultato {
  font-size: 20px!important;
  /* color: red!important; */
}


.blocco_classifica:first-child {
  border-top-left-radius: 5px!important;
  border-top-right-radius: 5px!important;
  border-bottom-left-radius: 0!important;
  border-bottom-right-radius: 0!important;
  padding-top: 5px!important;
}

/* .blocco_classifica:nth-child(n+1) {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
} */

.blocco_classifica:nth-child(2) {
  border-top-left-radius: 5px!important;
  border-top-right-radius: 5px!important;
  border-bottom-left-radius: 0!important;
  border-bottom-right-radius: 0!important;
  padding-top: 5px!important;
}

.blocco_classifica:nth-child(3) {
  border-top-left-radius: 7px!important;
  border-top-right-radius: 7px!important;
  border-bottom-left-radius: 0!important;
  border-bottom-right-radius: 0!important;
  padding-top: 5px;
}

.blocco_classifica:nth-child(4) {
  border-top-left-radius: 0!important;
  border-top-right-radius: 0!important;
  border-bottom-left-radius: 0!important;
  border-bottom-right-radius: 0!important;
}

.blocco_classifica:nth-child(5) {
  border-top-left-radius: 0!important;
  border-top-right-radius: 0!important;
  border-bottom-left-radius: 0!important;
  border-bottom-right-radius: 0!important;
}

.blocco_classifica:nth-child(6) {
  border-top-left-radius: 0!important;
  border-top-right-radius: 0!important;
  border-bottom-left-radius: 0!important;
  border-bottom-right-radius: 0!important;
}

.blocco_classifica:nth-child(7) {
  border-top-left-radius: 0!important;
  border-top-right-radius: 0!important;
  border-bottom-left-radius: 0!important;
  border-bottom-right-radius: 0!important;
}

.blocco_classifica:last-child {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-left-radius: 7px!important;
  border-bottom-right-radius: 7px!important;
  padding-bottom: 5px;
}

.container__legenda .blocco_legenda {
  position: absolute;
  top: 0;
  left: 50%;
  right: 0;
  transform: none;
  width: auto;
  height: 100%;
  display: flex;
  align-items: flex-end;
  justify-content: center;
}
@media screen and (max-width: 768px) {
  .container__legenda .blocco_legenda {
    position: absolute;
    top: 0;
    left: unset;
    right: 0;
    transform: none;
    width: 55%;
    padding-right: 4px;
  }
}

.container__legenda {
  width: 100%;
  /* border: 1px solid red; */
  height: 100px;
  position: relative;
}
@media screen and (max-width: 768px) {
  .container__legenda {
    width: 100%;
    /* border: 1px solid red; */
    height: 100px;
    position: relative;
  }
}

.container__legenda .legenda_01,
.container__legenda .legenda_02,
.container__legenda .legenda_03 {
    width: 100%;
    height: 40px;
    /* border: 1px solid rebeccapurple; */
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 11px;
    font-weight: bold;
    opacity: .4;
}

.blocco_legenda {
  position: absolute;
  top: -130px;
  left: calc(260px - 25px);
  transform: rotate(-90deg);
  width: 120px;
  /* border: 1px solid blue; */
}
@media (max-width: 768px) {
  .blocco_legenda {
    position: absolute;
    top: -130px;
    left: calc(100% - 120px);
    transform: rotate(-90deg);
    width: 120px;
  }
}

.legenda_01,
.legenda_02,
.legenda_03 {
  width: 100%;
  height: 40px;
  /* border: 1px solid rebeccapurple; */
  display: flex;
  align-items: center;
  font-size: 11px;
  font-weight: bold;
  opacity: .4;
}

p.titolo__classifica,
p.titolo__risultati {
  font-family: Staatliches;
  font-weight: normal;
  font-size: 30px;
  letter-spacing: 2px;
}

p.team_cometa {
  color: #000000;
  font-weight: bold;
}

p.label_orario {
  position: relative;
  display: flex;
  align-items: center;
  min-height: 50px;
  padding-left: 50px;
  font-weight: bold;
  color: #000;
  letter-spacing: 1px;
}

p.label_orario:before {
  position: absolute;
  content: '';
  left: 0;
  top: 5px;
  background-color: #d9aa07;
  background-image: url(/svg/orario.svg);
  background-size: 25px;
  background-position: center;
  background-repeat: no-repeat;
  border-radius: 50%;
  width: 35px;
  height: 35px;
}

p.label_luogo {
  position: relative;
  display: flex;
  align-items: center;
  min-height: 50px;
  padding-left: 45px;
  margin-bottom: 0;
}

p.label_luogo:before {
  position: absolute;
  content: '';
  left: 0;
  top: 5px;
  /* background-color: #ebebeb; */
  background-image: url(/svg/luogo.svg);
  background-size: 40px;
  background-position: left;
  background-repeat: no-repeat;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  background-color: #d9aa07;
  /* background-image: url(/svg/orario.svg); */
  background-size: 25px;
  background-position: center;
  background-repeat: no-repeat;
  border-radius: 50%;
  width: 35px;
  height: 35px;
}

.content_divisore {
  display: flex;
  align-items: center;
  justify-content: center;
  /* border: 1px solid red; */
  min-height: 48px;
  height: calc(100% - 15px);
  width: 12px;
}

.divisore {
  width: 7px;
  height: 3px;
  background: #333;
  border-radius: 25px;
}

.article__divider {
  width: 100%;
  height: 2px;
  border-bottom: 1px solid #ccc;
  margin-bottom: 15px;
}

.hide {
  display: none!important;
}

.footer__social {
  width: 100%;
  height: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: 15px;
  padding-bottom: 15px;
  border-top: 1px solid #1c1c1c;
  border-bottom: 1px solid #1c1c1c;
  margin-top: 15px;
}

a.social_instagram {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background-color: #1c1c1c;
  background-image: url('/svg/i-instagram.svg');
  background-size: 25px;
  background-position: center;
  background-repeat: no-repeat;
  margin-right: 5px;
}

a.social_facebook {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background-color: #1c1c1c;
  background-image: url('/svg/i-facebook.svg');
  background-size: 25px;
  background-position: center;
  background-repeat: no-repeat;
  margin-left: 5px;
}

.col-100.desktop-none {
  background: #fff;
}

.footer-credits {
width: 100%;
position: relative;
margin: 0 auto;
display: flex;
align-items: center;
flex-direction: column;
position: relative;
}

.love {
  background-color: rgba(177, 58, 58, 0)!important;
  color: transparent!important;
  padding: 8px;
  margin-left: 1px!important;
  margin-right: 1px!important;
  background-image: url('/svg/love.svg')!important;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 12px;
  width: auto;
  height: auto;
  position: relative;
  left: -2px;
}

.love-blu {
  background-color: rgba(177, 58, 58, 0)!important;
  color: transparent!important;
  padding: 8px;
  margin-left: 1px!important;
  margin-right: 1px!important;
  background-image: url('/svg/love-.svg')!important;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 12px;
  width: auto;
  height: auto;
  position: relative;
  left: -2px;
}

  span.copyright {
    color: #000000;
    font-size: 12px;
    padding-left: 0;
}

.emmekweb {
  color: #000000 !important;
  font-family: 'Staatliches';
  text-transform: uppercase;
  font-size: 18px!important;
  padding: 5px!important;
}


.single article strong {
  color: #000000;
}


/* ! MODULISTICA */
.page-template-modulistica-template .main-container {
  width: calc( 100% - 50px );
  max-width: 1200px;
  min-height: 100%;
  padding-top: 220px!important;
  margin-bottom: 50px;
  margin: 0 auto;
  overflow-x: hidden;
  overflow-y: auto;
  position: relative;
}
@media screen and (max-width: 1199px) {
.page-template-modulistica-template .main-container {
    width: calc( 100% - 50px );
    max-width: 1200px;
    min-height: 100%;
    padding-top: 90px!important;
    padding-bottom: 60px;
    margin: 0 auto;
    overflow-x: hidden;
    overflow-y: auto;
    position: relative;
}
}

.page-template-modulistica-template .main-container {
overflow: visible!important;
}

.page-template-modulistica-template h2:first-child {
  /* border-top: 1px solid #000; */
  /* border-bottom: none; */
}

.page-template-modulistica-template h2 {
  font-size: 28px;
  line-height: 28px;
  /* border-top: 1px solid #000; */
  /* border-bottom: 1px solid #000; */
  padding: 20px 0;
  padding-right: 100px;
  min-height: 100px;
  display: flex;
  align-items: center;
  margin: 0;
}

.page-template-modulistica-template .bilanci__border-top {
  border-top: 1px solid #000!important;
}

.page-template-modulistica-template .bilanci__border-bottom {
  border-bottom: 1px solid #000!important;
}

.page-template-modulistica-template .container__info-bilancio {
  width: 100%;
  padding: 0;
  display: flex;
  flex-direction: column;
  position: relative;
}
@media screen and (max-width: 1199px) {
.page-template-modulistica-template .container__info-bilancio {
    width: 100%;
    padding: 0;
    display: flex;
    flex-direction: column;
    position: relative;
}
}

.page-template-modulistica-template .scarica__bilancio {
  position: absolute;
  right: 25px;
  top: 25px;
  width: 50px;
  height: 50px;
  /* border: 1px solid red; */
}
@media screen and (max-width: 768px) {
  .page-template-modulistica-template .scarica__bilancio {
    position: absolute;
    right: 0;
    top: 25px;
    width: 50px;
    height: 50px;
    /* border: 1px solid red; */
  }
  }

.page-template-modulistica-template .scarica__bilancio a {
  background: #1c1c1c;
  width: 50px;
  height: 50px;
  position: absolute;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-size: 25px;
  background-image: url('/svg/i-download-pdf.svg');
  background-repeat: no-repeat;
  background-position: center center;
  /* box-shadow: 0 0px 15px 0 rgb(0 0 0 / 25%); */
}

.page-template-modulistica-template .scarica__bilancio a:hover {
  animation: shadow-pulse-contact 1s infinite;
}

.page-template-modulistica-template .container__back {
  display: flex;
  align-items: center;
  height: 80px;
  /* padding-left: 50px; */
}

.page-template-modulistica-template .container__back a {
  font-size: 16px;
  font-weight: 300!important;
  color: #000;
}

.page-template-modulistica-template a.button__back.underline-l {
  position: relative!important;
  padding-left: 35px;
}

.page-template-modulistica-template a.button__back.underline-l:before {
  content: '';
  width: 30px;
  height: 100%;
  left: 0;
  background-image: url('/svg/i-item-menu.svg')!important;
  background-size: 25px!important;
  background-position: center!important;
  background-repeat: no-repeat!important;
  position: absolute;
  transform: rotate(-180deg);
}

.page-template-modulistica-template a.button__back.underline-l:after {
  content: '';
  width: 0;
  height: 2px;
  background: #000;
  display: block;
  position: absolute;
  bottom: -2px;
  left: 0;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}

.page-template-modulistica-template a.button__back.underline-l:hover::after {
  width: 100%;
}


.page-template-modulistica-template .container__text-insegnamento {
color: #000;
letter-spacing: 0;
}

.page-template-modulistica-template .docente__info-descrizione p {
  font-weight: 300;
  margin-bottom: 20px;
}

.page-template-modulistica-template .page__link a {
  width: 100%;
  background: #1c1c1c;
}

.page-template-modulistica-template .page__link a:hover {
  background-color: #1c1c1c!important;
  color: #fff;
}

.page-template-modulistica-template .main-content__bilanci {
  display: flex;
  height: auto;
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  /* border: 1px solid yellowgreen; */
}

.page-template-modulistica-template .conatiner-bilanci__text {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding-right: 0;
  justify-content: center;
  position: relative;
  padding-bottom: 80px;
  color: #1c1c1c;
}


/* .page-template-modulistica-template .conatiner-bilanci__text:after {
  content: '';
  position: absolute;
  right: 25px;
  width: 2px;
  height: 380px;
  background: #958e7c;
} */

.page-template-modulistica-template .conatiner-bilanci__text p {
  font-size: 68px;
  line-height: 60px;
}
@media screen and (max-width: 1199px) {
  .page-template-modulistica-template .conatiner-bilanci__text p {
      font-size: 38px;
      line-height: 38px;
  }
}


@keyframes shadow-pulse-contact
{
  0% {
    box-shadow: 0 0 0 0px rgb(0 0 0 / 20%);
  }
  100% {
    box-shadow: 0 0 0 15px rgb(0 0 0 / 0%);
  }
}

.postid-484 .blocco_gara,
.postid-431 .blocco_gara {
  display: flex;
  flex-wrap: wrap;
}

.postid-484 .blocco_gara.raggruppamento p,
.postid-431 .blocco_gara.raggruppamento p {
  background: #ffffff;
  margin-right: 13px;
  margin-bottom: 15px;
  border-radius: 5px;
  padding: 5px 10px;
  box-shadow: 0 0 20px #00000012;
  font-size: 15px;
  line-height: 17px;
  text-transform: uppercase;
  border: 2px solid #d9d9d9;
  display: flex;
  align-items: center;
  min-height: 48px;
}

.postid-431 .blocco_gara p {
  background: #ffffff;
  margin-bottom: 15px;
  border-radius: 5px;
  padding: 5px 10px;
  box-shadow: 0 0 20px #00000012;
  font-size: 15px;
  line-height: 17px;
  text-transform: uppercase;
  border: 2px solid #d9d9d9;
  display: flex;
  align-items: center;
  min-height: 48px;
}

span.evento__stato {
  font-size: 9px;
  letter-spacing: 0;
  width: auto;
  background: #8BC34A;
  padding: 2px 8px;
  border-radius: 15px;
  text-transform: uppercase;
  color: #fff;
  margin-left: 10px;
}

span.evento__stato.in-corso {
  background: #fff;
  border: 4px solid #8BC34A;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  animation: shadow-pulse 1.5s infinite;
  font-size: 0;
  position: relative;
  padding: 0;
}

span.evento__stato.in-corso:after {
    content: 'LIVE';
    position: absolute;
    left: 30px;
    font-size: 10px!important;
    width: auto;
    height: auto;
    background: #03A9F4;
    top: -2px;
    border-radius: 2px;
    padding: 0 5px;
    padding-right: 3px;
    letter-spacing: 2px;
}

.shadow-pulse {
	animation: shadow-pulse 1s infinite;
}

@keyframes shadow-pulse
{
  0% {
    box-shadow: 0 0 0 0px rgba(173, 255, 47, 0.5);
  }
  100% {
    box-shadow: 0 0 0 15px rgba(173, 255, 47, 0);
  }
}

@keyframes shadow-pulse-02
{
  0% {
  box-shadow: 0 0 0 0px rgb(96 35 63);
  }
  100% {
  box-shadow: 0 0 0 45px rgb(96 35 63 / 0%);
  }
}

span.evento__stato.da-disputare {
  background: #000;
}

span.evento__stato.conclusa {
  background: #ea4444;
}

.postid-608 p.titolo__classifica ,
.postid-608 .container__legenda
{
 display: none;
}

.postid-961 .calendario,
.postid-961 .live,
.postid-961 .finali,
.postid-961 .container__regolamento,
.postid-961 .vincitore {
  display: none;
}

.postid-572 .classifiche,
.postid-572 .live,
.postid-572 .container__regolamento,
.postid-572 .vincitore {
  display: none!important;
}

.spacer {
  width: 100%;
  height: 50px;
}

.none {
  display: none;
}

p.classifica__girone {
    margin-top: 10px;
}

.classifiche span.evento__girone {
    border: 2px solid black;
    border-radius: 5px;
    padding: 5px 10px;
    text-transform: uppercase;
    font-weight: bold;
    margin-left: 0;
    font-size: 26px;
}

.postid-466 p.label_orario,
.postid-466 .tabella__team
{
  margin: 0;
}

.postid-466 .page__paragrafo a {
  font-weight: bold;
}

.postid-635 .container-note,
.postid-635 span.evento__stato,
.page__paragrafo.premiazioni {
  display: none;
}

.postid-635 article a {
  font-weight: bold!important;
}

.postid-466 .content__trasparenza {
  width: 100%;
  max-width: 1200px;
  position: relative;
  margin: 0;
  display: flex;
  flex-direction: column;
  position: relative;
  padding-bottom: 15px;
}

.postid-466 .content__trasparenza a {
  display: flex;
  width: 250px;
  height: 60px;
  border-radius: 3px;
  padding: 0 20px;
  justify-content: center;
  align-items: center;
  font-weight: 500;
  letter-spacing: 3px;
  text-transform: uppercase;
  font-size: 16px;
  color: #fff;
  background-color: #000000;
  transition: all .25s ease-in-out;
  margin-top: 0;
  z-index: 10;
}

@media screen and (max-width: 768px) {
  .blocco_gara.raggruppamento {
      display: flex;
      flex-flow: wrap;
  }
}

  .blocco_gara.raggruppamento p {
    margin-right: 15px;
  }

/* ------------------------------- */
/* TORNEO */
/* ------------------------------- */
.single-torneo .article__divider {
    width: 100%;
    height: 2px;
    border-bottom: 1px solid #ccc;
    margin-bottom: 15px;
    display: none;
}

.single-torneo .blocco__repeater {
    border-bottom: 1px solid #ccc;
    margin-bottom: 15px;
}

.single-torneo .blocco__repeater.spacer__fase {
    margin-bottom: 150px;
}
@media screen and (max-width: 768px) {
  .single-torneo .blocco__repeater.spacer__fase {
      margin-bottom: 80px;
  }
}

.single-torneo .blocco__repeater.spacer__incontri {
    margin-bottom: 80px;
}

.single-torneo p.label_luogo:before {
    position: absolute;
    content: '';
    left: 0;
    top: 5px;
    background-image: url('/svg/luogo-white.svg');
    background-color: #1c1c1c;
    background-size: 25px;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 50%;
    width: 35px;
    height: 35px;
}

.single-torneo p.label_orario:before {
    position: absolute;
    content: '';
    left: 0;
    top: 5px;
    background-color: #1c1c1c;
    background-image: url('/svg/orario-white.svg');
    background-size: 25px;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 50%;
    width: 35px;
    height: 35px;
}

.single-torneo .premiazioni p.label_luogo,
.single-torneo .premiazioni span.evento__stato {
    display: none;
}

span.label__art {
    background: #1c1c1c;
    border-radius: 20px;
    padding: 2px 15px;
    color: #fff;
}

.postid-771 p.titolo__risultati {
  display: none;
}

.torneo__info {
    width: 100%;
    background: #c6b27b1c;
    border-radius: 15px;
    margin-top: 50px;
    padding: 50px;
}
@media screen and (max-width: 768px) {
  .torneo__info {
      width: 100%;
      background: #c6b27b1c;
      border-radius: 15px;
      margin-top: 50px;
      padding: 25px;
  }
}


.container-torneo__link {
    display: flex;
    align-items: center;
    border-top: 1px solid #ccc;
    justify-content: center;
}

.torneo__link {
    width: 100%;
    height: 110px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border-bottom: 1px solid #ccc;
    text-align: center;
}


.torneo__link p {
    font-size: 15px;
    margin: 0;
    margin-top: 0;
}

a.torneo__download {
    background: url('/svg/i-torneo-pdf.svg') center center / 25px no-repeat #1c1c1c;
    width: 50px;
    height: 50px;
    /* position: absolute; */
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    animation: 1s ease 0s infinite normal none running shadow-pulse-contact;
    font-size: 0;
}

.torneo__link:nth-child(1) {
    border-right: 1px solid #ccc;
}

@keyframes shadow-pulse-contact {
    0% {
        box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 0px 0px;
    }

    100% {
        box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 15px;
    }
}


/* ! SUB MENU */
.menu_page {
    padding: 0;
    list-style-type: none;
    position: relative;
    z-index: 99;
    width: 100%;
    margin: 0;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content:center;
    overflow-X: scroll;
    white-space: nowrap;
    padding-left: 25px;
    padding-right: 25px;
}
@media (max-width: 768px) {
    .menu_page {
        padding: 0;
        list-style-type: none;
        position: relative;
        z-index: 99;
        width: 100%;
        margin: 0;
        height: 50px;
        display: flex;
        align-items: center;
        justify-content:
        flex-start;
        overflow: auto;
        white-space: nowrap;
        padding-left: 25px;
        padding-right: 150px;
    }
}


.single-squadre .menu_page {
    padding: 0;
    list-style-type: none;
    position: relative;
    z-index: 99;
    width: 100%;
    margin: 0;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    overflow-X: scroll;
    white-space: nowrap;
    padding-left: 10px;
    padding-right: 150px;
}

@media screen and (min-width: 1200px) {
  .menu__bottom {
      display: none;
  }
}
.menu__bottom {
    height: 40px;
    background-image: url('/svg/i-swipe-left.svg');
    background-size: 30px;
    background-position: right;
    background-repeat: no-repeat;
    border-top: 0;
    font-size: 0;
    width: 50px;
    position: absolute;
    bottom: 5px;
    right: 0;
    z-index: 999;
    filter: invert(1);
}

.menu_page--content:after {
    content: "";
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: 200px!important;
    pointer-events: none;
    background: #d9aa07;
    background: -moz-linear-gradient(90deg, rgba(5,69,116,0) 16%, rgba(5,69,116,0.671327906162465) 60%, rgba(5,69,116,1) 100%);
    background: -webkit-linear-gradient(90deg, rgba(0, 0, 0, 0) 16%, #d9aa07ab 60%, #d9aa07 100%);
    background: linear-gradient(90deg, rgba(0, 0, 0, 0) 16%, #d9aa07ab 60%, #d9aa07 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#1c1c1c",endColorstr="#1c1c1c",GradientType=1);
    z-index: 99;
    /* border: 1px solid red!important; */
}


@media (max-width: 768px) {
  .container__regolamento {
    padding: 0 20px;
  }
}


/* ------------------------------ */
/* TORNEO HIDE */
/* ------------------------------ */

.postid-771 .girone-a,
.postid-771 .girone-b,
.postid-771 .classifica-a,
.postid-771 .classifica-b,
.postid-771 .spacer,
.postid-771 .article__divider,
.postid-771 .semifinali,
.postid-771 .finali,
.postid-771 .calendario,
.postid-771 .partite,
.postid-771 .live,
.postid-771 .classifiche
{
  display: none!important;
}

.postid-572 .girone-b,
.postid-572 .classifica-b,
.postid-572 .spacer,
.postid-572 .article__divider,
.postid-572 .semifinali,
.postid-572 .finali
{
  display: none!important;
}

.postid-606 .girone-a,
.postid-606 .classifica-a,
.postid-606 .spacer,
.postid-606 .article__divider,
.postid-606 .semifinali,
.postid-606 .finali
{
  display: none!important;
}


.postid-791 .girone-a,
.postid-791 .girone-b,
.postid-791 .classifica-a,
.postid-791 .classifica-b,
.postid-791 .spacer,
.postid-791 .article__divider,
.postid-791 .finali
{
  display: none!important;
}

.postid-794 .girone-a,
.postid-794 .girone-b,
.postid-794 .classifica-a,
.postid-794 .classifica-b,
.postid-794 .spacer,
.postid-794 .article__divider,
.postid-794 .semifinali
{
  display: none!important;
}


.postid-1148 .girone-a,
.postid-1148 .girone-b,
.postid-1148 .classifica-a,
.postid-1148 .classifica-b,
.postid-1148 .spacer,
.postid-1148 .article__divider,
.postid-1148 .calendario,
.postid-1148 .classifiche,
.postid-1148 .finali,
.postid-1148 .vincitore
{
  display: none!important;
}

.postid-651 .calendario,
.postid-651 .classifiche,
.postid-651 .live
{
  display: none!important;
}

.postid-1148 .container--badge {
    margin-top: 0;
    padding-top: 0;
    border-top: 0;
    position: relative;
}

span.gara {
    position: absolute;
    top: -40px;
    left: 0px;
    background: #62cd56;
    border-radius: 3px;
    padding: 2px 20px;
    font-weight: bold;
    color: #fff;
}

.finali span.gara {
    position: absolute;
    top: -40px;
    left: 0px;
    background: #03a9f4!important;
    border-radius: 3px;
    padding: 2px 20px;
    font-weight: bold;
    color: #fff;
}

span.gara__finale {
    position: relative;
    left: 10px;
    background: #62cd56;
    border-radius: 3px;
    padding: 2px 10px;
    font-weight: bold;
    color: #fff;
}

.semifinali .page__paragrafo,
.finali .page__paragrafo {
    padding-top: 25px;
}

/* ------------------------ */
/* SCHERMO GRANDE */
/* ------------------------ */

@media (min-width: 1200px) {
  .single-torneo .blocco_squadre {
      width: calc( 100% - 300px)!important;
      flex-direction: column!important;
  }

  .single-torneo .blocco_squadre {
    width: calc( 100% - 300px)!important;
    flex-direction: column!important;
  }

  .single-torneo .blocco_risultati_1t,
  .single-torneo .blocco_risultati_2t,
  .single-torneo .blocco_risultati_f {
    width: 100px!important;
    display: flex!important;
    flex-direction: column!important;
    align-items: center!important;
    position: relative!important;
  }

  .single-torneo .blocco_torneo p {
    background: #ffffff!important;
    margin-right: 0!important;
    border-radius: 5px!important;
    padding: 5px 10px!important;
    box-shadow: none!important;
    font-size: 15px!important;
    line-height: 17px!important;
    text-transform: uppercase!important;
    border: 2px solid #d9d9d9!important;
    display: flex!important;
    align-items: center!important;
    min-height: 75px!important;
    font-weight: bold!important;
  }


  .single-torneo .blocco_torneo p {
    font-size: 2.8rem!important;
    line-height: 2.8rem!important;
  }

  .single-torneo p.label_risultato {
    border: 0!important;
    box-shadow: none!important;
    display: flex!important;
    font-size: 50px!important;
    font-weight: bold!important;
    background: transparent!important;
  }

  .single-torneo .blocco_legenda {
    position: absolute!important;
    top: -218px!important;
    left: unset!important;
    right: 95px!important;
    transform: rotate(-90deg)!important;
  }

  .single-torneo .legenda_01,
  .single-torneo .legenda_02,
  .single-torneo .legenda_03 {
    width: 100%!important;
    height: 100px!important;
    display: flex!important;
    align-items: center!important;
    font-size: 14px!important;
    font-weight: bold!important;
    opacity: .4!important;
  }

  .SwiperTorneoA,
  .SwiperTorneoB {
    position: relative!important;
    max-width: 100%!important;
    margin: 0 auto!important;
    overflow: hidden!important;
  }

  .single-torneo .grid {
    display: flex!important;
    flex-wrap: wrap!important;
    max-width: 100%!important;
    margin: 0 auto!important;
    padding: 0!important;
    padding-top: 0px!important;
  }
  .SwiperTorneoA .swiper-button-prev,
  .SwiperTorneoB .swiper-button-prev
  {
    left: 0!important;
  }
  .SwiperTorneoA .swiper-button-next,
  .SwiperTorneoB .swiper-button-prev
  {
    right: 0!important;
  }

  .single-torneo p.label_luogo:before,
  .single-torneo p.label_orario:before {
    background-size: 45px!important;
    width: 60px!important;
    height: 60px!important;
  }

  .single-torneo p.label_luogo {
    min-height: 60px!important;
    padding-left: 100px!important;
    margin-bottom: 15px!important;
  }

  .single-torneo p.label_orario {
    min-height: 60px!important;
    padding-left: 100px!important;
    margin-bottom: 25px!important;
  }

  .single-torneo p.label_luogo,
  .single-torneo p.label_orario {
    font-size: 26px!important;
  }

  .single-torneo span.evento__stato {
    font-size: 15px!important;
  }

  .single-torneo span.evento__stato.in-corso {
    font-size: 0!important;
    width: 30px!important;
    height: 30px!important;
    border: 6px solid #8BC34A!important;
  }

  .single-torneo span.evento__stato.in-corso:after {
    left: 40px!important;
    font-size: 15px!important;
    top: -2px!important;
  }

  .single-torneo span.evento__stato.da-disputare {
    background: #000!important;
  }

  .single-torneo .blocco__repeater:nth-child(2n + 1) {
    padding-right: 50px;
    width: 100%!important;
  }
  .single-torneo .blocco__repeater:nth-child(2n + 1) .blocco_torneo {
    width: 100%!important;
  }

  .single-torneo .blocco__repeater:nth-child(2n + 2) {
    padding-left: 50px;
    width: 100%!important;
  }

  .single-torneo .blocco__repeater:nth-child(2n + 2) .blocco_torneo {
    width: 100%!important;
  }

  .single-torneo .intro_page--container {
    height: auto!important;
    padding-top: 25px;
  }

  .single-torneo header.header-container {
    display: none;
  }

  .single-torneo .intro_page--content {
    width: 100%;
    max-width: 100%!important;
  }

  .single-torneo .intro_page--content h1 {
    font-size: 5rem!important;
  }

  .single-torneo span.gara {
    position: absolute;
    top: -75px;
    left: 0px;
    background: #62cd56!important;
    border-radius: 3px;
    padding: 2px 25px;
    font-weight: bold;
    color: #fff;
    font-size: 40px;
  }

  .semifinali .page__paragrafo,
  .finali .page__paragrafo {
    padding-top: 0;
  }

  .single-torneo span.gara__finale {
    position: relative;
    left: 20px;
    background: #62cd56!important;
    border-radius: 3px;
    padding: 0 25px;
    font-weight: bold;
    color: #fff;
  }

  .single-torneo progress.progress-bar {
    display: none;
  }

  .single-torneo .page__classifica .blocco_squadre {
    width: 50%!important;
    flex-direction: column!important;
  }

  .single-torneo .page__classifica .blocco_risultati {
    width: 50%;
    border: 0;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    background: #ededed;
    margin: 0;
    height: auto;
    /* border: 1px solid red; */
  }

  .single-torneo .page__classifica .blocco_classifica p {
    background: #ffffff;
    margin-right: 0;
    margin-bottom: 15px;
    border-radius: 0;
    padding: 5px 10px;
    box-shadow: none;
    font-size: 50px;
    line-height: 22px;
    text-transform: uppercase;
    border: 2px solid #ccc;
    border-right: 2px solid #ccc;
    display: flex;
    align-items: center;
    min-height: 80px;
    color: #000!important;
    font-weight: bold;
    margin: 0!important;
    border-radius: 5px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }

  .single-torneo .page__classifica .container__legenda {
    width: 100%;
    /* border: 1px solid red; */
    height: 1px;
    position: relative;
  }

  .single-torneo .page__classifica .blocco_legenda {
    width: 50%;
    position: absolute!important;
    top: 0!important;
    left: unset!important;
    right: 0!important;
    transform: none!important;
  }

  .single-torneo .container-classifica {
    width: 100%;
    height: auto;
    padding: 25px 0;
    display: flex;
    align-items: center;
    flex-direction: column;
    margin: 0 auto;
  }

  .single-torneo .blocco_classifica .blocco_squadre,
  .single-torneo .blocco_classifica .blocco_risultati
  {
    width: 50%!important;
    height: auto;
  }

  .single-torneo .blocco_risultati {
    height: auto!important;
    min-height: auto;
  }


  .single-torneo .container-classifica .container__legenda {
    width: 100%;
    height: 50px;
    position: relative;
  }

  .single-torneo .container-classifica .blocco_legenda {
    position: absolute!important;
    top: auto!important;
    left: unset!important;
    right: 0!important;
    transform: none!important;
    width: 50%!important;
  }

  .single-torneo .container-classifica .legenda_01,
  .single-torneo .container-classifica .legenda_02,
  .single-torneo .container-classifica .legenda_03 {
    width: 100%!important;
    height: 50px!important;
    display: flex!important;
    align-items: center!important;
    font-size: 16px!important;
    font-weight: bold!important;
    opacity: .4!important;
  }

  .finali span.gara {
    position: absolute;
    left: 0px;
    background: #03a9f4!important;
    border-radius: 3px;
    padding: 2px 25px;
    font-weight: bold;
    color: #fff;
  }

  .single-torneo .container-classifica {
      padding: 0!important;
  }

}


.single-torneo .container-classifica {
    padding: 20px;
    width: 100%;
}


@media (max-width: 768px) {
  .single-torneo .container-classifica .blocco_risultati {
    width: 120px!important;
    border: 0;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    background: #fff;
    margin: 0;
    height: auto;
    /* border: 1px solid red; */
  }
}

@media (max-width: 768px) {
  .blocco_risultati_gf,
  .blocco_risultati_gs,
  .blocco_risultati_gt {
    display: none;
  }
}

@media (max-width: 768px) {
  .single-torneo .blocco_torneo p,
  .single-torneo .container-classifica .blocco_squadre p {
    font-size: 2rem!important;
    min-height: 50px;
  }
}

@media (max-width: 768px) {
  .single-torneo .container-classifica .blocco_squadre p {
    font-size: 2rem!important;
    letter-spacing: 1px;
    margin-right: 5px!important;
    /* min-height: 50px; */
  }
}

@media (max-width: 768px) {
  .classifica__note p{
      text-align: left;
      font-size: 0.8rem;
      line-height: 1rem;
  }
}

@media (max-width: 768px) {
  .single-torneo .container-classifica .blocco_legenda {
    position: absolute;
    top: 0;
    left: unset;
    right: 4px!important;
    transform: none;
    width: 120px;
    padding: 0;
  }
}


.container__legenda {
    width: 100%;
    height: 50px;
    position: relative;
}


.classifica__note {
    text-align: left;
    width: 100%;
    position: relative;
    margin: 0;
    padding-left: 35px;
    min-height: 30px;
    display: flex;
    align-items: center;
    margin-top: 10px;
}
@media (max-width: 768px) {
  .classifica__note {
      text-align: left;
      width: 100%;
      position: relative;
      top: 20px;
      margin: 0;
      padding-left: 35px;
      min-height: 30px;
      display: flex;
      align-items: center;
  }
}


.classifica__note:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 30px;
    height: 30px;
    padding-left: 30px;
    background-repeat: no-repeat;
    background-position: left;
    background-image: url('/svg/i-info-alert.svg');
    background-size: 25px!important;
    /* filter: hue-rotate(149deg); */
}


@media (max-width: 768px) {
  .semifinali .blocco__repeater,
  .finali .blocco__repeater {
      margin-bottom: 50px!important;
  }
}

span.evento__girone {
    border: 1px solid #b4b4b4;
    border-radius: 4px;
    padding: 0px 10px;
    text-transform: uppercase;
    font-weight: bold;
    margin-left: 25px;
    max-height: 35px;
    display: flex;
    align-items: center;
    /* border-top-right-radius: 0; */
    /* border-bottom-left-radius: 0; */
    font-size: 20px;
}
@media (max-width: 768px) {
  span.evento__girone {
      border: 2px solid black;
      border-radius: 5px;
      padding: 5px 10px;
      text-transform: uppercase;
      font-weight: bold;
      margin-left: 25px;
      font-size: 12px!important;
      min-height: 35px;
      display: flex;
    align-items: center;
  }
}

p.label__match {
    margin: 0;
    border: 1px solid #ccc;
    width: auto;
    display: block;
    background: #ededed;
    border-radius: 5px;
    font-size: 20px;
    padding: 5px 15px;
    font-weight: bold;
    color: #4f4f4f;
}
@media (max-width: 768px) {
  p.label__match {
    margin: 0;
    border: 1px solid #ccc;
    width: auto;
    display: block;
    background: #ededed;
    border-radius: 5px;
    font-size: 20px;
    padding: 5px 15px;
    font-weight: bold;
    color: #4f4f4f;
    width: calc(100% - 40px);
    margin-left: 20px;
  }
}

p.label__match.live {
    margin: 0;
    border: 1px solid #ccc;
    width: auto;
    display: block;
    background: #ededed;
    border-radius: 5px;
    font-size: 20px;
    padding: 5px 15px;
    font-weight: bold;
    color: #4f4f4f;
}

p.label__match.live {
    background: #8BC34A;
    color: #fff;
    border: 1px solid #63922e;
    margin-top: 50px;
}
@media (max-width: 768px) {
  p.label__match.live {
    width: calc(100% - 40px);
    margin-left: 20px;
  }
}


span.evento__girone.gara__a {
    border: 2px solid #67bbc4;
    color: #fff;
    background: #67bbc4;
}

span.evento__girone.gara__b {
    border: 2px solid #6350a2;
    color: #fff;
    background: #6350a2;
}

span.evento__girone.gara__c {
    border: 2px solid #bd271a;
    color: #fff;
    background: #bd271a;
}

span.evento__girone.gara__d {
    border: 2px solid #e06d94;
    color: #fff;
    background: #e06d94;
}

span.evento__girone.gara__a,
span.evento__girone.gara__b,
span.evento__girone.gara__c,
span.evento__girone.gara__d,
span.evento__girone.gara__oro,
span.evento__girone.gara__bronzo
 {
    display: flex;
    flex-direction: column;
    max-height: 35px;
    margin-left: 4px;
    width: 45px;
    border-radius: 4px;
}


span.evento__girone.gara__oro {
    border: 2px solid #c4b585;
    color: #fff;
    background: #c4b585;
    margin-left: 5px;
}

span.evento__girone.gara__bronzo {
    border: 2px solid #ccc;
    color: #fff;
    background: #ccc;
    margin-left: 5px;
}


span.gara--label {
    font-size: 9px;
    letter-spacing: 1px;
    position: relative;
    top: -3px;
}

span.gara--number {
    position: relative;
    top: -7px;
}

.container-classifica_note {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
}


.classifiche .SwiperTorneoA {
    position: relative;
    max-width: 1250px;
    margin: 0 auto;
    overflow: hidden;
    padding-bottom: 50px;
}

p.label_luogo.blu:before,
p.label_orario.blu:before {
  background-color: #1c1c1c!important;
}
p.label_luogo.rosso:before,
p.label_orario.rosso:before {
  background-color: #ff9800!important;
}

.page-template-safeguarding-template article li {
    position: relative;
    padding-left: 25px;
}

.page-template-safeguarding-template article li::marker {
    content: '';
    display: none;
    font-size: 0;
}

.page-template-safeguarding-template article li:before {
    position: absolute;
    left: 0;
    top: 11.5px;
    background: #000000;
    width: 15px;
    height: 5px;
    content: '';
    border-radius: 5px;
}

.box__segnalazione-title {
    width: 100%;
    background: #000000!important;
    /* border: 1px solid #e7e4e4!important; */
    color: #fff!important;
    min-height: 120px;
    font-size: 1.25rem!important;
    line-height: 100%!important;
    display: flex;
    position: relative;
    padding: 50px 25px!important;
    border-radius: 10px!important;
    font-weight: bold;
}

button#wpforms-submit-998 {
    display: flex;
    width: 250px;
    height: 60px;
    border-radius: 3px;
    padding: 0 20px;
    justify-content: center;
    align-items: center;
    font-weight: 500;
    letter-spacing: 3px;
    text-transform: uppercase;
    font-size: 16px;
    color: #fff;
    /* font-family: 'Staatliches'; */
    background-color: #0067B5;
    transition: all .25s ease-in-out!important;
    margin-top: 50px;
    z-index: 10;
    position: relative!important;
}

button#wpforms-submit-998:after {
    background-image: url('/svg/i-freccia-destra-bianco.svg')!important;
    content: ''!important;
    width: 25px!important;
    height: 25px!important;
    background-position: center!important;
    background-size: contain!important;
    background-repeat: no-repeat!important;
    transition: all .25s ease-in-out!important;
    margin-left: 20px!important;
}

button#wpforms-submit-998:hover {
    background-color: #1c1c1c!important;
    color: #fff!important;
}

button#wpforms-submit-998:hover:after {
    transform: translateX(5px)!important;
    transform: translateX(5px);
    border: 0;
    position: initial;
}

span.loghi img {
  width: 45px;
margin-right: 10px;
}

@media (max-width: 768px) {
  span.loghi img {
    width: 45px;
  margin-right: 10px;
  }
}


.container--badge {
    padding: 0;
    margin-top: 25px;
    border-top: 1px solid #000;
    padding-top: 25px;
    position: relative;
}
@media (max-width: 768px) {
  .container--badge {
      padding: 0 20px;
      margin-top: 25px;
      border-top: 1px solid #000;
      padding-top: 25px;
  }
}

.live-badge {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  font-size: 1.8rem;
  font-weight: bold;
  letter-spacing: 0.1em;
  color: var(--color-text-primary);
  background: #F1EFE8;
  padding: 6px 16px;
  border-radius: 4px;
  font-family: 'Staatliches', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
  overflow: hidden;
    position: relative;
}

.live-badge__dot {
  width: 15px;
  height: 15px;
  border-radius: 50%;
  border: 3px solid #8BC34A;
  flex-shrink: 0;
  animation: live-pulse 1.4s ease-out infinite;
}

@keyframes live-pulse {
  0%   {box-shadow: 0 0 0 0 #8bc34a80;}
  70%  { box-shadow: 0 0 0 6px rgba(0, 0, 0, 0); }
  100% { box-shadow: 0 0 0 0 rgba(0, 0, 0, 0); }
}

.live-badge::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: -60%;
  width: 60%;
  height: 4px;
  background: #8BC34A;
  animation: live-ticker 2s ease-in-out infinite;
}

@keyframes live-pulse {
  0%   {box-shadow: 0 0 0 0 #8bc34a80;}
  70%  { box-shadow: 0 0 0 6px rgba(0, 0, 0, 0); }
  100% { box-shadow: 0 0 0 0 rgba(0, 0, 0, 0); }
}

@keyframes live-ticker {
  0%   { left: -60%; }
  100% { left: 110%; }
}


.container--badge-classifiche {
    padding: 0;
    margin-top: 0;
    border-top: 0;
    padding-top: 0;
}
@media (max-width: 768px) {
  .container--badge-classifiche {
      padding: 0 20px;
      margin-top: 0;
      border-top: 0;
      padding-top: 0;
  }
}

.classifiche-badge {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  font-size: 1.8rem;
  font-weight: bold;
  letter-spacing: 0.1em;
  color: var(--color-text-primary);
  background: #F1EFE8;
  padding: 6px 16px;
  border-radius: 4px;
  font-family: 'Staatliches', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}

.container--badge-classifiche p {
  margin: 0;
}

.classifiche-badge__icon {
  display: inline-flex;
  align-items: center;
  font-size: 16px;
  flex-shrink: 0;
  animation: trophy-scale 1.4s ease-in-out infinite;
}

@keyframes trophy-scale {
  0%, 100% { transform: scale(1); }
  50%       { transform: scale(1.3); }
}



.container--badge-calendario {
    padding: 0;
    margin-top: 0;
    border-top: 0;
    padding-top: 0;
}
@media (max-width: 768px) {
  .container--badge-calendario {
      padding: 0 20px;
      margin-top: 0;
      border-top: 0;
      padding-top: 0;
  }
}

.calendario-badge {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  font-size: 1.8rem;
  font-weight: bold;
  letter-spacing: 0.1em;
  color: var(--color-text-primary);
  background: #F1EFE8;
  padding: 6px 16px;
  border-radius: 4px;
  font-family: 'Staatliches', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}

.calendario-badge__icon {
  display: inline-flex;
  align-items: center;
  flex-shrink: 0;
  position: relative;
}

.calendario-badge__check {
  position: absolute;
  bottom: -2px;
  right: -4px;
  width: 8px;
  height: 8px;
  animation: check-pop 2s ease-in-out infinite;
}

@keyframes check-pop {
  0%, 60%, 100% { opacity: 0; transform: scale(0); }
  70%, 90%      { opacity: 1; transform: scale(1); }
}

.banner--prowered {
    position: fixed;
    top: 35px;
    right: 25px;
    width: 320px;
    z-index: 999;
    background: #0000000f;
    padding: 0 15px;
    padding-top: 0;
}

.banner--prowered span {
    color: #000;
    text-transform: uppercase;
    font-size: .75rem;
    position: relative;
    top: 10px;
    letter-spacing: 1px;
}

.single-torneo .intro_page--content img {
  position: relative;
  right: 0;
  width: 320px;
  z-index: 999;
}


a.item--live {
  position: relative;
  background-color: #ffffff!important;
  color: #000!important;
  background-image: linear-gradient( to right, #ff6c6c, #ff6c6c 50%, #ff6c6c 50% )!important;
}
@media (max-width: 768px) {
  a.item--live {
    padding-left: 20px;
  }
}

a.item--live::after {
    content: '';
    position: absolute;
    top: calc(50% - 5px);
    left: -5px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    border: 3px solid #ff6c6c;
    flex-shrink: 0;
    animation: live-item 1.4s ease-out infinite;
}

@keyframes live-item {
  0%   {box-shadow: 0 0 0 0 #ffffff80;}
  70%  { box-shadow: 0 0 0 6px rgba(0, 0, 0, 0); }
  100% { box-shadow: 0 0 0 0 rgba(0, 0, 0, 0); }
}


span.torneo--nome {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    width: 320px;
    top: -10px;
    left: calc(50% - 160px);
    text-align: center;
    font-size: 2rem;
    line-height: 100%;
    /* border: 1px solid red; */
    font-weight: bold;
    font-family: 'Staatliches';
    letter-spacing: 3px;
    color: #fff;
}
@media (max-width: 768px) {
  span.torneo--nome {
      height: 100%;
      display: flex;
      justify-content: center;
      align-items: center;
      position: absolute;
      width: auto;
      top: -80px;
      left: 20px;
      text-align: left;
      font-size: 2rem;
      line-height: 100%;
      /* border: 1px solid red; */
      font-weight: bold;
      font-family: 'Staatliches';
      letter-spacing: 3px;
      color: #fff;
  }
}


.live-timer__minuto {
  font-size: 13px;
  font-weight: 600;
  color: #fff;
  letter-spacing: 0.05em;
  animation: live-blink 1.2s ease-in-out infinite;
}

/* Quando mostra "Intervallo" blocca il lampeggio */
.live-timer__minuto[style*="E88A00"] {
  animation: none;
}


span.torneo--nome-left {
    height: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 10px;
    left: 25px;
    text-align: left;
    font-size: 1rem;
    line-height: 100%;
    font-weight: bold;
    font-family: 'Staatliches';
    letter-spacing: 3px;
    color: #fff;
    z-index: 99999;
}
@media (max-width: 768px) {
  span.torneo--nome-left {
      display: none;
  }
}

.live-timer {
    height: 40px;
    display: flex;
    align-items: center;
}

/* ================================================
   TIMER LIVE Frontend
   ================================================ */
.live-timer {
 display: flex;
 align-items: center;
 gap: 6px;
 margin-top: 4px;
}

.live-timer__minuto {
 text-transform: uppercase;
 font-size: 13px;
 font-weight: 600;
 color: #ffffff;
 letter-spacing: 0.05em;
 display: inline-flex;
 align-items: center;
 gap: 2px;
 background: #000000;
 padding: 5px;
 border-radius: 4px;
 border: 1px solid;
}

.timer-minuto {
 font-weight: 700;
 font-size: 15px;
}

.timer-apostrofo {
 font-weight: 700;
 font-size: 15px;
 animation: apostrofo-blink 1s ease-in-out infinite;
}

.timer-tempo {
 font-weight: 400;
 font-size: 11px;
 opacity: .8;
 margin-left: 10px;
}

.timer-label {
  font-weight: 600;
  text-transform: uppercase;
}

@keyframes apostrofo-blink {
  0%, 100% { opacity: 1; }
  50%       { opacity: 0; }
}


/* ================================================
   VINCITORE TORNEO
   ================================================ */
.vincitore-section {
  text-align: center;
  padding: 2rem 1rem;
  position: relative;
  overflow: hidden;
}

.vincitore-coppa {
  display: inline-block;
  animation: coppa-bounce 2s ease-in-out infinite;
  filter: drop-shadow(0 4px 12px rgba(186, 117, 23, 0.3));
  position: relative;
}

@keyframes coppa-bounce {
  0%, 100% { transform: translateY(0) scale(1); }
  50%       { transform: translateY(-12px) scale(1.05); }
}

.vincitore-titolo {
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 0.25em;
  color: #c6b17b;
  margin: 12px 0 6px;
  font-weight: bold;
}

.vincitore-linea {
  width: 60px;
  height: 2px;
  background: #c6b17b;
  margin: 0 auto 16px;
  border-radius: 1px;
}

.vincitore-squadra {
  font-size: 2rem;
  font-weight: 500;
  margin: 0 0 16px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 12px;
  font-family: 'Staatliches';
  letter-spacing: 1px;
  font-weight: bold;
}

.vincitore-logo {
  width: 100px;
  height: 100px;
  overflow: hidden;
  flex-shrink: 0;
}

.vincitore-logo img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.vincitore-stelle {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  pointer-events: none;
}

.vincitore-stella {
  position: absolute;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #EF9F27;
}

.vincitore-stella:nth-child(1) { top: 15%; left: 12%; animation: vincitore-twinkle 1.8s ease-in-out infinite 0s; }
.vincitore-stella:nth-child(2) { top: 8%;  left: 75%; animation: vincitore-twinkle 1.8s ease-in-out infinite 0.3s; }
.vincitore-stella:nth-child(3) { top: 30%; left: 88%; animation: vincitore-twinkle 1.8s ease-in-out infinite 0.6s; }
.vincitore-stella:nth-child(4) { top: 55%; left: 8%;  animation: vincitore-twinkle 1.8s ease-in-out infinite 0.9s; }
.vincitore-stella:nth-child(5) { top: 60%; left: 92%; animation: vincitore-twinkle 1.8s ease-in-out infinite 1.2s; }
.vincitore-stella:nth-child(6) { top: 20%; left: 45%; animation: vincitore-twinkle 1.8s ease-in-out infinite 0.15s; width: 4px; height: 4px; }
.vincitore-stella:nth-child(7) { top: 70%; left: 30%; animation: vincitore-twinkle 1.8s ease-in-out infinite 0.75s; width: 4px; height: 4px; }
.vincitore-stella:nth-child(8) { top: 45%; left: 65%; animation: vincitore-twinkle 1.8s ease-in-out infinite 1.05s; width: 4px; height: 4px; }

@keyframes vincitore-twinkle {
  0%, 100% { opacity: 0; transform: scale(0); }
  50%      { opacity: 1; transform: scale(1); }
}

.vincitore-coriandoli {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  pointer-events: none;
}

.vincitore-coriandolo {
  position: absolute;
  width: 8px;
  height: 8px;
  border-radius: 2px;
}

.vincitore-coriandolo:nth-child(1) { background: #EF9F27; top: -10px; left: 20%; animation: vincitore-caduta 3s ease-in infinite 0s; }
.vincitore-coriandolo:nth-child(2) { background: #E24B4A; top: -10px; left: 40%; animation: vincitore-caduta 3s ease-in infinite 0.5s; width: 6px; height: 10px; }
.vincitore-coriandolo:nth-child(3) { background: #378ADD; top: -10px; left: 60%; animation: vincitore-caduta 3s ease-in infinite 1s; }
.vincitore-coriandolo:nth-child(4) { background: #639922; top: -10px; left: 80%; animation: vincitore-caduta 3s ease-in infinite 1.5s; width: 10px; height: 6px; }
.vincitore-coriandolo:nth-child(5) { background: #D4537E; top: -10px; left: 30%; animation: vincitore-caduta 3s ease-in infinite 0.8s; }
.vincitore-coriandolo:nth-child(6) { background: #EF9F27; top: -10px; left: 70%; animation: vincitore-caduta 3s ease-in infinite 2s; width: 6px; height: 10px; }
.vincitore-coriandolo:nth-child(7) { background: #534AB7; top: -10px; left: 50%; animation: vincitore-caduta 3s ease-in infinite 2.3s; }
.vincitore-coriandolo:nth-child(8) { background: #E24B4A; top: -10px; left: 15%; animation: vincitore-caduta 3s ease-in infinite 1.2s; width: 10px; height: 6px; }

@keyframes vincitore-caduta {
  0%   { transform: translateY(0) rotate(0deg); opacity: 1; }
  100% { transform: translateY(250px) rotate(720deg); opacity: 0; }
}

.timer-sep {
  font-weight: 400;
  font-size: 11px;
  opacity: .8;
  margin: 0 4px;
}

@media (min-width: 1200px) {
  .blocco_classifica .blocco_squadre p {
    margin-right: 5px!important;
  }
}

@media (min-width: 1200px) {
  .blocco_classifica .blocco_risultati_pt,
  .blocco_classifica .blocco_risultati_tv,
  .blocco_classifica .blocco_risultati_gf,
  .blocco_classifica .blocco_risultati_gs,
  .blocco_classifica .blocco_risultati_dr,
  .blocco_classifica .blocco_risultati_gt {
    border-right: 2px solid #ededed;
    background: #fff;
  }
}

@media (min-width: 1200px) {
  .blocco_classifica .blocco_risultati_gt {
    display: none!important;
  }
}

@media (min-width: 1200px) {
  span.gara--label {
      font-size: 9px;
      letter-spacing: 1px;
      position: relative;
      top: 0px;
  }
}

@media (min-width: 1200px) {
  span.gara--number {
      position: relative;
      top: -9px;
  }
}

@media (max-width: 768px) {
.blocco_risultati .blocco_risultati_1t,
.blocco_risultati .blocco_risultati_2t,
.blocco_risultati .blocco_risultati_f {
    align-items: center;
    justify-content: center;
  }
}


@media (max-width: 768px) {
    .single-torneo .intro_page--container {
        width: 100%;
        height: auto;
        min-height: 230px;
        background: #ffffff;
        display: flex;
        align-items: flex-end;
        justify-self: flex-start;
        padding-top: 80px;
    }
}

p.label_luogo.blu:nth-child(1):after, p.label_orario.blu:nth-child(1):after {
    content: '';
    position: absolute;
    left: 75px;
    top: 23px;
    width: 15px;
    height: 15px;
    background: #74a739;
    border-radius: 50%;
}

p.label_luogo.rosso:nth-child(1):after, p.label_orario.rosso:nth-child(1):after {
    content: '';
    position: absolute;
    left: 75px;
    top: 23px;
    width: 15px;
    height: 15px;
    background: #7ba9a5;
    border-radius: 50%;
}


@media (max-width: 768px) {
p.label_luogo.blu:nth-child(1):after, p.label_orario.blu:nth-child(1):after,
p.label_luogo.rosso:nth-child(1):after, p.label_orario.rosso:nth-child(1):after {
    position: absolute;
    left: 45px;
    top: 19.5px;
    width: 10px;
    height: 10px;
  }
}

@media (min-width: 1200px) {
    .single-torneo p.label_luogo {
        min-height: 60px !important;
        padding-left: 100px !important;
        margin-bottom: 15px !important;
        text-transform: uppercase;
        font-size: 15px !important;
        font-weight: bold;
        letter-spacing: 2px;
    }
}

@media (max-width: 768px) {
  .single-torneo p.label_luogo {
        text-transform: uppercase;
        font-size: 12px !important;
        font-weight: bold;
        letter-spacing: 2px;
        padding-left: 60px;
    }
}

/* ================================================
   TORNEO Nuovo layout a card (no swiper)
   ================================================ */

/* Sezione torneo */
.torneo-section {
  margin-bottom: 2rem;
}
@media (max-width: 768px) {
  .torneo-section {
  margin-bottom: 2rem;
  padding: 0 20px;
}
}


.torneo-section__head {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 12px;
}

.torneo-section__title {
  font-family: 'Staatliches', sans-serif;
  font-size: 24px;
  letter-spacing: 1px;
  text-transform: uppercase;
}

.torneo-section__live-dot {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #E24B4A;
  animation: livePulse 2s infinite;
}

@keyframes livePulse {
  0%, 100% { opacity: 1; }
  50% { opacity: 0.4; }
}

/* Barra data */
.date-bar {
  text-align: center;
  font-family: 'Staatliches', sans-serif;
  font-size: 1.5rem;
  font-weight: normal;
  letter-spacing: 1.5px;
  color: #000000;
  background: #e8f0f8;
  padding: 8px 16px;
  border-radius: 6px;
  margin-bottom: 12px;
  text-transform: uppercase;
  text-align: left;
}

/* Griglia partite */
.match-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-bottom: 16px;
}

.match-card {
  flex: 1 1 100%;
  background: #fff;
  border: 2px solid #e5e5e5;
  border-radius: 10px;
  padding: 12px 14px;
  box-sizing: border-box;
}

@media (min-width: 600px) {
  .match-card {
    flex: 1 1 calc(50% - 6px);
    max-width: calc(50% - 6px);
  }
}

@media (min-width: 1000px) {
  .match-card {
    flex: 1 1 calc(25% - 9px);
    max-width: calc(25% - 9px);
  }
}

/* Card header */
.mc-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 6px;
}

.mc-loc {
  font-size: 12px;
  font-weight: 600;
  color: #888;
  display: flex;
  align-items: center;
  gap: 5px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.mc-dot {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #639922;
  flex-shrink: 0;
}

.mc-time {
  font-family: 'Staatliches', sans-serif;
  font-size: 16px;
  font-weight: normal;
  color: #333;
}

/* Meta (girone + stato) */
.mc-meta {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-bottom: 8px;
  flex-wrap: wrap;
}

.mc-gir {
    font-size: 11px;
    font-weight: 700;
    background: #222;
    color: #fff;
    padding: 2px 8px;
    border-radius: 4px;
    text-transform: uppercase;
    letter-spacing: 0.3px;
    min-height: 20px;
    display: flex;
    align-items: center;
}

/* Colori per girone */
.mc-gir--a { background: #185FA5; color: #fff; }
.mc-gir--b { background: #0F6E56; color: #fff; }
.mc-gir--c { background: #D23201; color: #fff; }
.mc-gir--d { background: #FF9800; color: #fff; }
.mc-gir--oro { background: #BA7517; color: #fff; }
.mc-gir--argento { background: #888780; color: #fff; }
.mc-gir--bronzo { background: #854F0B; color: #fff; }
.mc-gir--finale { background: #A32D2D; color: #fff; }
.mc-gir.mc-gir--finale34 { background: #ff9800; color: #fff; }
.mc-gir--finalissima { background: #ff9800; color: #fff; }
.mc-gir--finalissima12 { background: #ff9800; color: #fff; }

.mc-stato {
  font-size: 10px;
  font-weight: 700;
  padding: 2px 8px;
  border-radius: 4px;
  text-transform: uppercase;
  letter-spacing: 0.3px;
  min-height: 20px;
  display: flex;
  align-items: center;
}

.mc-stato.ok {
  background: #727272;
  color: #ffffff;
}

.mc-stato.wait {
    background: #ffffff;
    color: #727272;
    border: 1px solid #727272;
}

.mc-stato.live {
  background: #fcebeb;
  color: #a32d2d;
  animation: livePulse 2s infinite;
}

/* Squadre */
.mc-team {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 6px 0;
}

.mc-logo {
  width: 35px;
  height: 35px;
  border-radius: 0;
  overflow: hidden;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.mc-logo img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}

.mc-name {
  font-family: 'Staatliches', sans-serif;
  font-size: 1.5rem;
  font-weight: normal;
  flex: 1;
  color: #333;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.mc-score {
  font-family: 'Staatliches', sans-serif;
  font-size: 28px;
  font-weight: normal;
  color: #333;
  min-width: 30px;
  text-align: right;
}

.mc-sep {
  height: 1px;
  background: #eee;
}

/* Rigori */
.mc-dcr {
  text-align: right;
  margin-top: 6px;
  font-size: 11px;
  font-weight: 700;
  color: #854F0B;
  background: #FAEEDA;
  display: inline-block;
  float: right;
  padding: 2px 8px;
  border-radius: 8px;
  clear: both;
}

/* Timer live nella card */
.mc-timer {
  display: inline-flex !important;
  align-items: center !important;
  gap: 2px !important;
  background: #4caf5059 !important;
  color: #4CAF50 !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  padding: 2px 8px !important;
  border-radius: 4px !important;
  animation: livePulse 2s infinite !important;
  text-transform: uppercase !important;
  letter-spacing: 0.3px !important;
  height: auto !important;
  margin-top: 0 !important;
  border: none !important;
  min-height: 20px;
}

.mc-timer .live-timer__minuto {
  display: inline-flex !important;
  align-items: center !important;
  gap: 1px !important;
  background: transparent !important;
  color: #4CAF50 !important;
  padding: 0 !important;
  border: none !important;
  animation: none !important;
  font-size: 12px !important;
}

.mc-timer .timer-play {
  display: inline-flex;
  align-items: center;
  margin-right: 2px;
}

.mc-timer .timer-play svg {
  vertical-align: middle;
}

.mc-timer .timer-minuto {
  font-size: 13px !important;
  font-weight: 700 !important;
  color: #4CAF50 !important;
}

.mc-timer .timer-apostrofo {
  font-size: 13px !important;
  color: #4CAF50 !important;
}

.mc-timer .timer-tempo {
  font-size: 11px !important;
  opacity: 0.8;
  color: #4CAF50 !important;
}

.mc-timer--intervallo {
  background: #FAEEDA !important;
  color: #854F0B !important;
}

.mc-timer--intervallo .live-timer__minuto,
.mc-timer--intervallo .timer-label {
  color: #854F0B !important;
  background: transparent !important;
}

.mc-timer .timer-label {
  font-size: 11px !important;
  font-weight: 700 !important;
}


/* ================================================
   CLASSIFICHE — layout griglia a card
   ================================================ */

.cls-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
}

.cls-card {
  flex: 1 1 100%;
  background: #fff;
  border: 2px solid #e5e5e5;
  border-radius: 10px;
  overflow: hidden;
  box-sizing: border-box;
}

@media (min-width: 768px) {
  .cls-card {
    flex: 1 1 calc(50% - 8px);
    max-width: calc(50% - 8px);
  }
}

.cls-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 8px 12px;
  background: #f5f5f5;
  border-bottom: 1px solid #e5e5e5;
}

.cls-gir {
  font-family: 'Staatliches', sans-serif;
  font-size: 14px;
  font-weight: normal;
  background: #222;
  color: #fff;
  padding: 2px 10px;
  border-radius: 4px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

/* Stessi colori girone delle partite */
.cls-gir.mc-gir--a { background: #185FA5; }
.cls-gir.mc-gir--b { background: #0F6E56; }
.cls-gir.mc-gir--c { background: #D23201; }
.cls-gir.mc-gir--d { background: #FF9800; }

.cls-leg {
  display: flex;
  gap: 0;
}

.cls-leg span {
  width: 40px;
  text-align: center;
  font-size: 11px;
  font-weight: 700;
  color: #aaa;
  text-transform: uppercase;
}

@media (max-width: 768px) {
  .cls-leg span {
    width: 40;
    font-size: 12px;
  }
}

.cls-note p {
    font-size: 11px;
    color: #474747;
    padding: 6px 12px;
    font-style: normal;
    background: #fafafa;
    border-bottom: 1px solid #e5e5e5;
}

/* CLASSIFICA ACTIONS */
.cls-row {
  display: flex;
  align-items: center;
  padding: 6px 12px 6px 35px;
  border-bottom: 1px solid #f0f0f0;
  background-image: url('/svg/i-equal.svg');
  background-size: 20px;
  background-repeat: no-repeat;
  background-position: 10px;
}

.cls-row:last-child {
  border-bottom: 0;
}

/* Prima classificata qualificata */
.cls-row--qualified {
  background: #eaf3de;
  background-image: url('/svg/i-next.svg');
  background-size: 22px;
  background-repeat: no-repeat;
  background-position: 10px;
}

.cls-row--qualified .cls-pos {
  color: #000;
  font-weight: 700;
}

.cls-row--qualified .cls-name {
  color: #000;
}

/* Seconda classificata qualificata */
.cls-row--qualified-2 {
  background: #f3f9ea;
  background-image: url('/svg/i-next.svg');
  background-size: 22px;
  background-repeat: no-repeat;
  background-position: 10px;
}

.cls-row--qualified-2 .cls-pos {
  color: #000;
}

.cls-row--qualified-2 .cls-name {
  color: #000;
}

.cls-pos {
  font-size: 12px;
  font-weight: 700;
  color: #bbb;
  width: 20px;
  text-align: center;
  flex-shrink: 0;
  border: 1px solid #00000061;
  border-radius: 2px;
}

.cls-logo {
  width: 35px;
  height: 35px;
  border-radius: 0;
  overflow: hidden;
  flex-shrink: 0;
  margin: 0 8px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.cls-logo img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}

.cls-name {
  font-family: 'Staatliches', sans-serif;
  font-size: 2rem;
  font-weight: normal;
  flex: 1;
  color: #333;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.cls-vals {
  display: flex;
  gap: 0;
}

.cls-vals span {
  width: 36px;
  text-align: center;
  font-size: 14px;
  font-weight: 600;
  color: #555;
}

.cls-vals .cls-pt {
  font-weight: 700;
  color: #000000;
}

@media (max-width: 768px) {
  .cls-vals span {
    width: 40px;
    font-size: 1.5rem;
  }
}


/* ================================================
   FIX: disabilita link automatici iOS Safari
   ================================================ */

a[x-apple-data-detectors] {
  color: inherit !important;
  text-decoration: none !important;
  font-weight: inherit !important;
  font-size: inherit !important;
  pointer-events: none !important;
}


/* ================================================
   DESKTOP  testi grandi e loghi 35px
   ================================================ */

@media (min-width: 1200px) {

  /* Partite: nomi squadra e punteggi */
  .mc-name {
    font-size: 2rem;
  }

  .mc-score {
    font-size: 2.5rem;
  }

  .mc-logo {
    width: 35px;
    height: 35px;
  }

  /* Classifiche: nomi squadra e valori */
  .cls-name {
    font-size: 2.5rem;
  }

  .cls-vals span {
    font-size: 2.5rem;
    width: 60px;
  }

  .cls-logo {
    width: 40px;
    height: 40px;
  }

  .cls-pos {
    font-size: 1.2rem;
  }

  .cls-leg span {
    width: 60px;
    font-size: 12px;
  }
}

span.mc-gir.mc-gir--semifinale {
    background: #9c27b0;
}

span.mc-gir.mc-gir--q1,span.mc-gir.mc-gir--q2,span.mc-gir.mc-gir--q3,span.mc-gir.mc-gir--q4 {
    background: #00bcd4;
}

.footer .col-25 {
display: none;
}



.postid-1391 .intro_page--container,
.postid-1391 .menu_page--container {
  display: none!important;
}
/* ================================================
   FRONT PAGE TORNEO
   ================================================ */
 
/* Hero */
.torneo-hero {
  position: relative;
  background: #000000;
  border-radius: 12px;
  padding: 2.5rem 2rem;
  overflow: hidden;
  margin-bottom: 2rem;
  display: flex;
  align-items: center;
  gap: 2rem;
  min-height: 280px;
}
 
.torneo-hero__map {
  flex: 0 0 280px;
  opacity: 1;
}
 
.torneo-hero__map svg {
  width: 100%;
  height: auto;
}
 
.torneo-hero__content {
  flex: 1;
  color: #fff;
  position: relative;
  z-index: 1;
}
 
.torneo-hero__edition {
  font-size: 13px;
  letter-spacing: 3px;
  text-transform: uppercase;
  opacity: .6;
  margin-bottom: 8px;
}
 
.torneo-hero__title {
  font-family: 'Staatliches', sans-serif;
  font-size: 36px;
  font-weight: normal;
  line-height: 1.15;
  margin-bottom: 6px;
  text-transform: uppercase;
  letter-spacing: 1px;
}
 
.torneo-hero__sub {
  font-size: 16px;
  opacity: .7;
  margin-bottom: 24px;
}
 
.torneo-hero__cta {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: rgba(255,255,255,.15);
  color: #fff;
  padding: 10px 20px;
  border-radius: 8px;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  border: 1px solid rgba(255,255,255,.25);
  text-decoration: none;
  transition: background .2s;
}
 
.torneo-hero__cta:hover {
  background: rgba(255,255,255,.25);
  color: #fff;
}
 
@media (max-width: 768px) {
  .torneo-hero {
    flex-direction: column;
    padding: 2rem 1.5rem;
    min-height: auto;
    text-align: center;
    margin: 20px;
    margin-top: 65px;
  }
 
  .torneo-hero__map {
    flex: none;
    width: 180px;
    margin: 0 auto;
  }
 
  .torneo-hero__title {
    font-size: 26px;
  }
}
 
/* Comuni partecipanti — raggruppati per girone */
.comuni-gironi {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-bottom: 2rem;
}
 
.comuni-girone {
  flex: 1 1 calc(25% - 9px);
  max-width: calc(25% - 9px);
  box-sizing: border-box;
}
 
.comuni-girone__head {
  padding: 0 0 10px;
}
@media (max-width: 768px) {
  .comuni-girone__head {
  padding: 0 0 10px;
  margin-top: 25px;
  }
}
@media (max-width: 768px) {
  .comuni-girone:first-child .comuni-girone__head {
  padding: 0 0 10px;
  margin-top: 20px;
  }
}

.comune-card {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 14px;
  background: #ffffff;
  border: 2px solid #e5e5e5;
  border-radius: 10px;
  box-sizing: border-box;
  margin-bottom: 8px;
}
 
.comune-card__logo {
  width: 35px;
  height: 35px;
  border-radius: 10px;
  overflow: hidden;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
 
.comune-card__logo img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}
 
.comune-card__name {
  font-family: 'Staatliches', sans-serif;
  font-size: 2rem;
  font-weight: normal;
  color: #333;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
 
@media (max-width: 768px) {
  .comune-card__name {
    font-size: 1.5rem;
  }
}
 
@media (max-width: 1000px) {
  .comuni-girone {
    flex: 1 1 calc(50% - 6px);
    max-width: calc(50% - 6px);
  }
}
 
@media (max-width: 600px) {
  .comuni-girone {
    flex: 1 1 100%;
    max-width: 100%;
  }
}
 
/* Navigazione */
.nav-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-bottom: 2rem;
}
 
.nav-card {
  flex: 1 1 calc(25% - 9px);
  max-width: calc(25% - 9px);
  position: relative;
  padding: 1.5rem 1.25rem;
  border-radius: 12px;
  cursor: pointer;
  text-decoration: none;
  display: flex;
  flex-direction: column;
  gap: 10px;
  transition: transform .15s, box-shadow .15s;
  box-sizing: border-box;
}
 
.nav-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 4px 12px rgba(0,0,0,.08);
}
 
.nav-card__icon {
  font-size: 28px;
  line-height: 1;
}
 
.nav-card__title {
  font-family: 'Staatliches', sans-serif;
  font-size: 18px;
  font-weight: normal;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
 
.nav-card__desc {
  font-size: 13px;
  opacity: .7;
}
 
.nc-live {
  background: #FCEBEB;
  color: #791F1F;
}
 
.nc-gironi {
  background: #E6F1FB;
  color: #0C447C;
}
 
.nc-class {
  background: #EAF3DE;
  color: #27500A;
}
 
.nc-finale {
  background: #FAEEDA;
  color: #633806;
}
 
@media (max-width: 768px) {
  .nav-card {
    flex: 1 1 calc(50% - 6px);
    max-width: calc(50% - 6px);
    padding: 1.2rem 1rem;
  }
}
.torneo-hero__map img {
    width: 280px;
    width: 100%;
}

/* ================================================
   CLASSIFICHE: righe qualificate / eliminate
   ================================================ */
 
.cls-row--qualified {
  background-color: #eaf3de;
  background-image: url('/svg/i-next.svg');
  background-size: 20px;
  background-repeat: no-repeat;
  background-position: 10px;
}
 
.cls-row--qualified .cls-pos {
  /* color: #639922; */
  font-weight: 700;
}
 
.cls-row--qualified-2 {
  background-color: #f3f9ea;
  background-image: url('/svg/i-next.svg');
  background-size: 20px;
  background-repeat: no-repeat;
  background-position: 10px;
}

.cls-row--eliminated {
  background-image: url('/svg/i-fail.svg');
  background-size: 20px;
  background-repeat: no-repeat;
  background-position: 10px;
}


a.intro__logo {
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    padding: 20px 0;
    gap: 10px;
}

@media (max-width: 768px) {
    a.intro__logo {
        width: 100%;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
    }
}

.intro__logo img {
      width: 90px;
      display: flex;
      flex-direction: column;
  }
@media (max-width: 768px) {
  .intro__logo img {
      width: 60px;
      display: flex;
      flex-direction: column;
  }
}

/* ================================================
   PANNELLO ARBITRO
   ================================================ */

#arbitro-app {
  max-width: 480px;
  margin: 0 auto;
  margin-top: 50px;
  padding: 20px !important;
  box-sizing: border-box;
}

@media (max-width: 768px) {
  .single-torneo #arbitro-app {
    padding: 16px !important;
    max-width: 100%;
  }

  /* Nascondi header e menu sulla pagina arbitro */
  .single-torneo:has(#arbitro-app) .intro_page--container,
  .single-torneo:has(#arbitro-app) .menu_page--container {
    display: none !important;
  }
}

/* Login */
.arb-login {
  text-align: center;
  padding: 2rem 1rem;
}

.arb-login__icon {
  font-size: 40px;
  color: #0067B2;
  margin-bottom: 8px;
}

.arb-login__title {
  font-family: 'Staatliches', sans-serif;
  font-size: 24px;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin-bottom: 4px;
}

.arb-login__sub {
  font-size: 14px;
  color: #888;
  margin-bottom: 1.5rem;
}

.arb-login__err {
  font-size: 13px;
  color: #a32d2d;
  background: #fcebeb;
  padding: 6px 12px;
  border-radius: 6px;
  margin-bottom: 1rem;
  display: inline-block;
}

.arb-pin-dots {
  display: flex;
  gap: 12px;
  justify-content: center;
  margin-bottom: 1.5rem;
}

.arb-dot {
  width: 14px;
  height: 14px;
  border-radius: 50%;
  border: 2px solid #ccc;
  background: #fff;
  transition: all .15s;
}

.arb-dot.filled {
  background: #0067B2;
  border-color: #0067B2;
}

.arb-pin-pad {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 8px;
  max-width: 260px;
  margin: 0 auto;
}

.arb-key {
  height: 52px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  font-weight: 500;
  border-radius: 10px;
  background: #f5f5f5;
  border: 1px solid #e5e5e5;
  cursor: pointer;
  color: #333;
  -webkit-tap-highlight-color: transparent;
  user-select: none;
}

.arb-key:active {
  background: #e0e0e0;
  transform: scale(0.96);
}

.arb-key--back {
  font-size: 18px;
  color: #888;
}

.arb-pin-confirm {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  width: 100%;
  max-width: 260px;
  margin: 1.5rem auto 0;
  padding: 12px;
  font-size: 15px;
  font-weight: 600;
  border-radius: 10px;
  background: #0067B2;
  color: #fff;
  border: none;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}

.arb-pin-confirm:disabled {
  opacity: .3;
  cursor: not-allowed;
}

.arb-pin-confirm:not(:disabled):active {
  transform: scale(0.97);
}

/* Loading */
.arb-loading {
  text-align: center;
  padding: 3rem;
  font-size: 14px;
  color: #888;
}

/* Lista partite */
.arb-list__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 1rem;
}

.arb-list__title {
  font-family: 'Staatliches', sans-serif;
  font-size: 20px;
  text-transform: uppercase;
  letter-spacing: 1px;
  display: flex;
  align-items: center;
  gap: 8px;
}

.arb-btn-logout {
  background: none;
  border: 1px solid #e5e5e5;
  border-radius: 8px;
  padding: 6px 10px;
  font-size: 18px;
  color: #888;
  cursor: pointer;
}

.arb-date-bar {
  text-align: center;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 1px;
  color: #0067B2;
  background: #e8f0f8;
  padding: 6px 12px;
  border-radius: 6px;
  margin-bottom: 8px;
  text-transform: uppercase;
}

.arb-match {
  background: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 10px;
  padding: 10px 14px;
  margin-bottom: 8px;
  cursor: pointer;
  transition: border-color .15s;
}

.arb-match:active {
  border-color: #0067B2;
}

.arb-match__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 6px;
}

.arb-match__loc {
  font-size: 12px;
  color: #888;
}

.arb-match__gir {
  font-size: 10px;
  font-weight: 700;
  background: #222;
  color: #fff;
  padding: 2px 7px;
  border-radius: 4px;
  text-transform: uppercase;
}

.arb-match__teams {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 4px;
}

.arb-match__team {
  flex: 1;
  font-size: 14px;
  font-weight: 600;
  text-align: center;
}

.arb-match__score {
  font-family: 'Staatliches', sans-serif;
  font-size: 22px;
  color: #333;
  min-width: 60px;
  text-align: center;
}

.arb-match__stato {
  text-align: center;
}

.arb-stato {
  font-size: 11px;
  font-weight: 700;
  padding: 2px 8px;
  border-radius: 4px;
  text-transform: uppercase;
}

.arb-stato.ok {
  background: #eaf3de;
  color: #3b6d11;
}

.arb-stato.wait {
  background: #f5f5f5;
  color: #999;
}

.arb-stato.live {
  background: #fcebeb;
  color: #a32d2d;
  animation: livePulse 2s infinite;
}

/* Modifica partita */
.arb-edit__back {
  font-size: 14px;
  color: #0067B2;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 4px;
  margin-bottom: 1rem;
}

.arb-edit__header {
  text-align: center;
  margin-bottom: 1rem;
}

.arb-edit__match {
  font-family: 'Staatliches', sans-serif;
  font-size: 20px;
  text-transform: uppercase;
}

.arb-edit__info {
  font-size: 13px;
  color: #888;
}

/* Timer */
.arb-timer {
  border-radius: 10px;
  padding: 14px;
  margin-bottom: 1rem;
  text-align: center;
}

.arb-timer--idle {
  background: #f5f5f5;
}

.arb-timer--live {
  background: #fcebeb;
}

.arb-timer--inter {
  background: #FAEEDA;
}

.arb-timer__display {
  font-family: 'Staatliches', sans-serif;
  font-size: 36px;
  margin-bottom: 10px;
}

.arb-timer--live .arb-timer__display {
  color: #a32d2d;
}

.arb-timer--inter .arb-timer__display {
  color: #854F0B;
  font-size: 20px;
}

.arb-timer__tempo {
  font-size: 16px;
  opacity: .7;
}

.arb-timer__btns {
  display: flex;
  gap: 8px;
  justify-content: center;
}

.arb-timer-btn {
  padding: 8px 16px;
  border-radius: 8px;
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
  border: none;
  display: flex;
  align-items: center;
  gap: 4px;
  -webkit-tap-highlight-color: transparent;
}

.arb-timer-btn.primary {
  background: #0067B2;
  color: #fff;
}

.arb-timer-btn.warn {
  background: #FF9800;
  color: #fff;
}

.arb-timer-btn.danger {
  background: #E24B4A;
  color: #fff;
}

.arb-timer-btn:disabled {
  opacity: .5;
}

/* Punteggi */
.arb-scores {
  margin-bottom: 1rem;
}

.arb-scores__labels {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-bottom: 6px;
}

.arb-scores__labels span {
  font-size: 11px;
  color: #aaa;
  font-weight: 600;
  text-align: center;
}

.arb-scores__labels span:first-child {
  flex: 1;
}

.arb-scores__labels span:nth-child(2),
.arb-scores__labels span:nth-child(3) {
  width: 52px;
}

.arb-scores__labels span:nth-child(4) {
  width: 16px;
}

.arb-scores__labels span:nth-child(5) {
  width: 44px;
}

.arb-scores__row {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-bottom: 6px;
}

.arb-scores__team {
  flex: 1;
  font-size: 14px;
  font-weight: 600;
}

.arb-input {
  width: 52px;
  height: 44px;
  text-align: center;
  font-size: 20px;
  font-weight: 600;
  border: 1px solid #e5e5e5;
  border-radius: 8px;
  background: #fff;
  color: #333;
  -webkit-appearance: none;
  -moz-appearance: textfield;
}

.arb-input:focus {
  border-color: #0067B2;
  outline: none;
  box-shadow: 0 0 0 2px rgba(0,103,178,.15);
}

.arb-scores__eq {
  width: 16px;
  text-align: center;
  color: #ccc;
  font-size: 14px;
}

.arb-scores__tot {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  font-weight: 700;
  background: #e8f0f8;
  color: #0067B2;
  border-radius: 8px;
}

/* Stato */
.arb-label {
  font-size: 13px;
  color: #888;
  font-weight: 600;
  margin-bottom: 6px;
  display: flex;
  align-items: center;
  gap: 4px;
}

.arb-stato-section {
  margin-bottom: 1rem;
}

.arb-stato-btns {
  display: flex;
  gap: 6px;
}

.arb-stato-btn {
  flex: 1;
  padding: 10px;
  text-align: center;
  font-size: 12px;
  font-weight: 600;
  border-radius: 8px;
  cursor: pointer;
  border: 1px solid #e5e5e5;
  background: #f8f8f8;
  color: #888;
  -webkit-tap-highlight-color: transparent;
}

.arb-stato-btn.active {
  border-color: #0067B2;
  background: #e8f0f8;
  color: #0067B2;
}

/* Rigori */
.arb-rig-section {
  margin-bottom: 1rem;
  padding: 12px;
  background: #f8f8f8;
  border-radius: 10px;
}

.arb-rig-toggle {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.arb-rig-scores {
  margin-top: 10px;
}

.arb-rig-scores.hidden {
  display: none;
}

/* Salva */
.arb-save {
  width: 100%;
  padding: 14px;
  font-size: 15px;
  font-weight: 600;
  border-radius: 10px;
  background: #0067B2;
  color: #fff;
  border: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  -webkit-tap-highlight-color: transparent;
}

.arb-save:active {
  transform: scale(0.98);
}

.arb-save:disabled {
  opacity: .6;
}

.arb-msg {
  text-align: center;
  margin-top: 10px;
  font-size: 13px;
}

.arb-msg--ok {
  color: #3b6d11;
  background: #eaf3de;
  padding: 6px 14px;
  border-radius: 6px;
  display: inline-flex;
  align-items: center;
  gap: 4px;
}

.arb-msg--err {
  color: #a32d2d;
  background: #fcebeb;
  padding: 6px 14px;
  border-radius: 6px;
}

/* Nascondi header/menu su pagina arbitro */
.single-torneo .intro_page--container,
.single-torneo .menu_page--container {
  /* Mostra normalmente, ma l'arbitro potrebbe volerli nascosti */
}