:root {
--primary-color: #0A2332;
--secondary-color: #FFFFFF1A;
--text-color: #031521;
--accent-color: #A3946B;
--white-color: #FFFFFF;
--divider-color: #999999;
--dark-divider-color: #000000;
--error-color: #762323;
--background-color-1: #021D30;
--background-color-2: #A3946B;
--overlay-color: #000000;
--border-white-color: rgba(255, 255, 255, 0.14);

--accent-font: "Barlow Condensed", sans-serif;
--default-font: "Manrope", sans-serif;

}


.page-header {
background: linear-gradient(135deg, var(--background-color-1), var(--background-color-2));
}

.footable-gradient {
background: linear-gradient(135deg, var(--background-color-1), var(--background-color-2));
}

.hero{
background: linear-gradient(135deg, var(--background-color-1), var(--background-color-2));
}

.scrolling-content{
animation: scroll 200s linear infinite;
}

.footable-overlay{
background: var(--overlay-color) !important
}
.footable-overlay::before{
background: var(--overlay-color) !important
}




.hero.hero-bg-image {
background: url(/storage/default-image.jpg) no-repeat;
}

.footable-team-player-container{
margin-top: 30px;
}


<!-- START css per tabella classifica -->
/* Stile tabella classifica */
.league-table-style {
width: 100%;
min-width: 800px; /* larghezza minima per permettere lo scroll */
border-collapse: separate;
border-spacing: 0 10px;
font-size: 16px;
text-align: center;
}

.league-table-style thead tr {
background: #222;
color: #fff;
}

.league-table-style th {
padding: 12px;
font-weight: 600;
text-transform: uppercase;
font-size: 14px;
letter-spacing: 0.5px;
}

.league-table-style tbody tr {
background: #f9f9f9;
transition: all 0.3s ease;
}

.league-table-style tbody tr:hover {
background: #eaf4ff;
transform: scale(1.01);
}

.league-table-style td {
padding: 12px;
vertical-align: middle;
font-weight: 500;
color: #333;
}

/* Colonna squadra (logo + nome) */
.team-cell {
display: flex;
align-items: center;
justify-content: flex-start;
}

.team-logo {
max-width: 35px;
margin-right: 10px;
}

/* ---------- Responsive Scroll Fix ---------- */
/* Mantiene il layout a tabella anche su schermi piccoli */
@media (max-width: 768px) {
.league-table-style thead {
display: table-header-group !important;
}

.league-table-style tbody tr {
display: table-row !important;
margin-bottom: 0 !important;
border-radius: 0 !important;
overflow: visible !important;
}

.league-table-style td {
display: table-cell !important;
justify-content: center !important;
padding: 12px !important;
border-bottom: 1px solid #ddd;
}

.league-table-style td::before {
content: none !important;
}
}

/* Evidenzia la squadra principale */
.table.league-table-style tbody tr.my-team {
border-left: 6px solid var(--error-color) !important; /* bordo rosso acceso */
}

.table.league-table-style tbody tr td {
text-align: center; /* riallinea le celle */
}

.table.league-table-style thead {
text-align: center; /* riallinea le celle */
}

.table.league-table-style tbody tr.my-team td {
background-color: var(--accent-color) !important;
font-weight: 700 !important;
}

.league-table-style tbody tr.my-team {
border-left: 6px solid var(--error-color); /* rosso acceso */
background: var(--white-color);
}

<!-- END css per tabella classifica-->


<!-- START css per sezione home con info prima squadra -->
/* Righe e colonne flex per altezza uguale */
.our-schedule .row {
display: flex;
flex-wrap: wrap; /* mantiene responsive */
}

.our-schedule .col-lg-6 {
display: flex;
flex-direction: column;
}

/* Card flessibile */
.custom-card {
--bs-card-bg: transparent !important; /* disattiva lo sfondo di Bootstrap */
background-color: transparent; /* per sicurezza */
position: relative;
display: flex;
flex-direction: column;
padding: 40px;
border-radius: 12px;
color: #fff;
margin-bottom: 30px;
box-shadow: 0 0 20px rgba(0,0,0,0.3);
flex: 1; /* occupa tutta l’altezza della colonna */
}

/* Sfondo opacizzato + blur */
.custom-card::before {
content: "";
position: absolute;
inset: 0;
background: var(--secondary-color);
backdrop-filter: blur(8px);
border-radius: 12px;
border: 1px solid var(--border-white-color);
z-index: 0;
}

/* Tutto il contenuto sopra lo sfondo */
.custom-card > * {
position: relative;
z-index: 1;
}


/* Titoli centrati */
.match-card h3,
.standings-card h3 {
font-size: 20px;
margin-bottom: 20px;
text-align: center;
}

/* Data prossima gara */
.match-date {
font-size: 14px;
margin-bottom: 0px;
color: #ddd;
text-align: center;
text-transform: uppercase;
font-weight: 700;
}
.match-stadium {
font-size: 12px;
margin-bottom: 30px;
color: #ddd;
text-align: center;
}

/* Squadre prossima gara */
.match-teams {
display: flex;
justify-content: space-around;
align-items: center;
margin-bottom: 20px;
}

.match-teams .team {
display: flex;
flex-direction: column;
align-items: center;
}

.match-teams .team img {
max-width: 90px;
max-height: 90px;
margin-bottom: 20px;
}

.footable-main-span{
font-size: 18px;
font-weight: 700;
}

@media (max-width: 992px) {
.footable-main-span {
font-size: 15px;
}
}


/* Classifica */
.standings-card {
text-align: center;
}

.standings-list {
list-style: none;
padding: 0;
margin-bottom: 20px;
}

.standings-list li {
display: flex;
justify-content: space-between; /* sinistra/destra */
align-items: center;
padding: 8px 0;
border-bottom: 1px solid rgba(255,255,255,0.2);
gap: 10px;
}

/* Blocchi sinistra/destra */
.team-left {
display: flex;
align-items: center;
gap: 10px;
}

.team-right {
display: flex;
grid-template-columns: repeat(6, auto); /* numero di colonne = numero di span */
justify-content: end; /* allinea tutto a destra della card */
gap: 10px;
}

/* Elementi sinistra */
.team-left .pos {
width: 20px;
}

.team-left .team-logo {
width: 30px;
height: 30px;
}


/* Punti */
.team-right .points {
font-weight: 600;
}

/* Bottone sempre in basso */
.schedule-btn {
margin-top: auto;
}

.standings-table {
width: 100%;

border-collapse: collapse;
color: #fff;
}

.standings-table th,
.standings-table td {
padding: 6px;
border-bottom: 1px solid rgba(255,255,255,0.2);
text-align: center; /* default centrato */
white-space: nowrap;
}

.standings-table td.team-name {
text-align: left; /* solo i nomi a sinistra */
}

.our-schedule {
background: url('/templates/template_awaiken/images/our-schedule-bg2.jpg') no-repeat;
}
.our-schedule::before{
background: var(--overlay-color) !important
}

/* Evidenzia la riga della mia squadra */
.standings-table tr.my-team {
background: rgba(0, 0, 0, 0.4);
backdrop-filter: none; /* disattiva blur */
}

.standings-table tr.my-team td {
font-weight: 700; /* opzionale: rendi il testo più evidente */
}

@media (max-width: 992px) {
.standings-table {
font-size: 12px;
}
}

<!-- END css per sezione home con info prima squadra -->

.match-content-info {
display: flex;
justify-content: space-between; /* spinge le squadre ai lati */
align-items: center; /* centra verticalmente */
width: 100%;
max-width: 500px; /* opzionale: larghezza massima */
text-align: center;
gap: 10px;
margin-bottom: 15px;
padding-bottom: 20px;
}
.match-content-info p {
flex: 1; /* squadre occupano lo stesso spazio */
margin: 0;
font-size: 20px;
}
.match-content-info img {
flex: 0; /* il vs resta della sua dimensione */
width: 40px; /* regola a piacere */
height: auto;
}

.match-schedule-item{
padding: 25px;
}


.section-title h3 {
color: var(--primary-color);
padding-left: 10px;
}

.section-title h3::before {
content: "";
display: inline-block;
width: 20px;
height: 20px;
margin-right: 10px;
vertical-align: middle;

-webkit-mask: url(https://footable2.ablestudio.it/templates/template_awaiken/images/icon-sub-heading.svg) no-repeat center;
-webkit-mask-size: contain;
mask: url(https://footable2.ablestudio.it/templates/template_awaiken/images/icon-sub-heading.svg) no-repeat center;
mask-size: contain;
background-color: var(--accent-color);
}

.footer-links ul li::before {
content: "";
display: inline-block;
width: 20px;
height: 20px;margin-right: 10px;
vertical-align: middle;

-webkit-mask: url(https://footable2.ablestudio.it/templates/template_awaiken/images/icon-sub-heading.svg) no-repeat center;
-webkit-mask-size: contain;
mask: url(https://footable2.ablestudio.it/templates/template_awaiken/images/icon-sub-heading.svg) no-repeat center;
mask-size: contain;
background-color: var(--accent-color);
}

.footer-links ul li{
padding-left:10px;
}

.readmore-btn::before{
-webkit-mask: url(https://footable2.ablestudio.it/templates/template_awaiken/images/arrow-accent.svg) no-repeat center;
-webkit-mask-size: contain;
mask: url(https://footable2.ablestudio.it/templates/template_awaiken/images/arrow-accent.svg) no-repeat center;
mask-size: contain;
background-color: var(--accent-color);
}


.icon-vs {
color: var(--accent-color);
display: inline-block;
height: 70px;
margin-bottom: 20px;
}
.icon-vs svg {
width: 100%;
height: 100%;
}

@media (max-width: 992px) {
.icon-vs {
margin-bottom: 50px;
}
}


.offer-boxes{
border-top: 0px;
padding: 0px;
}


.footer-logo img{
max-width: 100px;
}


.company-supports-slider {
border-top: 0px;
margin-top: 0px;
padding-top: 0px;
}

.conatct-us-form{
min-height: 400px;
}


.sponsor-featured-image a {
display: block;
border-radius: 10px;
overflow: hidden;
}

.sponsor-featured-image figure {
margin: 0;
display: flex;
justify-content: center;
align-items: center;
}

.sponsor-featured-image img {
max-width: 100%;
max-height: 200px;
object-fit: contain;
transition: all 0.4s ease-in-out;
}

.post-item:hover .sponsor-featured-image img {
transform: scale(1.1);
}

.feature-item-content-2 {
width: 100%;
}

.about-us-images img{
aspect-ratio: 1 / 0.5;
}

.info-evidence-images figure {
display: block;
border-radius: 20px;
}

.info-evidence-images img {
width: 100%;
aspect-ratio: 1 /1 ;
object-fit: cover;
border-radius: 20px;
}

.breadcrumb.nav {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
gap: 10px;
}

.footable-ft-ol {
text-align: center;
background: var(--secondary-color);
opacity: 1;
backdrop-filter: blur(8px);
border-radius: 12px;
border: 1px solid var(--border-white-color);
}

.footable-ft-a{
color: var(--white-color);
--bs-nav-link-hover-color: var(--accent-color);
}

.footable-ft-ol:hover{
border: solid 1px var(--accent-color);
}

@media (min-width: 992px) {
.breadcrumb.nav {
grid-template-columns: repeat(auto-fit, minmax(100px, 150px));
justify-content: center;
}
}

.sidebar-cta-contact{
backdrop-filter: blur(8px);
border-radius: 12px;
border: 1px solid var(--border-white-color);
}

.sidebar-cta-contact-item{
border-bottom: 1px solid var(--border-white-color);
}

.offer-image {
box-shadow: none;
}
.offer-image::before {
box-shadow: none;
}

.team-image figure{
background: linear-gradient(135deg, var(--background-color-1), var(--background-color-2));
}

.footable-team-page-header{
height: 80vh !important;
background-repeat: no-repeat !important;
background-size: cover !important;
background-position: center center !important;
}

@media (max-width: 767px) {
.footable-team-page-header{
height: 50vh !important;
}
}


.swiper-wrapper{
align-items: center;
}

.our-testimonial::before{
background:0;
}
.our-testimonial{
background:0;
}