/* FECG Week Tools - Grid 3x / 1x */
.fecg-week-cards{
  display:flex;
  flex-wrap:wrap;
  gap:22px;
  grid-template-columns: repeat(3, minmax(0,1fr));
  align-items:stretch;
  font-family: ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,"Apple Color Emoji","Segoe UI Emoji";
}



/* Card */
.fecg-card{
  background:#fff;
  border-radius:18px;
  padding:22px;
  border:1px solid rgba(16,24,40,.08);
  box-shadow:0 8px 28px rgba(16,24,40,.06);
  display:grid;
  gap:14px;
}

/* Head */
.fecg-head{
  display:flex; flex-wrap:wrap; align-items:center; gap:12px; justify-content:space-between;
}
.fecg-date{display:flex; gap:10px; align-items:center;margin-bottom: 15px;}

.fecg-date-big{

    display:inline-flex;          /* o display:flex si el vols a 100% d’ample */
  align-items:center;           /* centra verticalment */
  justify-content:center;       /* centra horitzontalment */
  text-align:left;
    font-weight:500; 
    font-size:20px;
    line-height: 110%;
    background-color: #ffffff;
    color: #353535;
    padding: 15px;
    border-radius: 12px;
    min-height: 100px;
    box-shadow:0 8px 28px rgba(16,24,40,.06);
     border:1px solid rgba(16,24,40,.08);
    
}

.fecg-time{
  display:inline-flex;          /* o display:flex si el vols a 100% d’ample */
  align-items:center;           /* centra verticalment */
  justify-content:center;       /* centra horitzontalment */
  text-align:center;

  font-variant-numeric:tabular-nums;
  font-weight:500;
  font-size:20px;
  line-height:1.2;              /* evita trucs de line-height */
  background-color:#a8a8a8;
  color:#fff;
  padding:15px;
  border-radius:12px;
  min-height:100px;
  box-shadow:0 8px 28px rgba(16,24,40,.06);
}


.fecg-round-badge{font-size:12px; padding:6px 10px; border-radius:999px; border:1px solid #eee; background:#f8fafc}
.fecg-status-badge{font-size:12px; padding:6px 10px; border-radius:999px; border:1px solid #dbe4ff; background:#eef3ff; color:#123076}

/* Body */
.fecg-body{
  display:grid;
  grid-template-columns: 1fr 40px 1fr;
  align-items:center;
  gap:14px;
  margin-top: 14px;
  margin-bottom: 14px;
  background-color: #f6f6f6;
  padding: 18px;
  border-radius: 18px;
  box-shadow:0 8px 28px rgba(16,24,40,.06);
    border:1px solid rgba(16,24,40,.08);
}
.fecg-team{display:flex; align-items:center; gap:12px; min-width:0}
.fecg-name{
    font-size:18px; 
    line-height:1.1; 
    font-weight:600; 
    color:#0f172a; 
    white-space:nowrap; 
    overflow:hidden; 
    text-overflow:ellipsis}


/* Logos */
.aw-logo-slot{
  width:30px;               /* lleugerament més gran en stack */
  height:30px;

}
.aw-logo{width:100%; height:100%; object-fit:contain; display:block}

/* Foot */
.fecg-foot{color:#667085; font-size:14px}

/* Status colors (opc) */
.fecg-status-badge.status-scheduled{
    border-color: #c1e8d3 !important;
    background: #c1e8d3 !important;
    color: #0b7a4b;
}

.fecg-status-badge.status-played{border-color:#cce9d6; background:#eaf7ef; color:#155e2e}
.fecg-status-badge.status-postponed{border-color:#8a0a0a; background:#ff0000; color:#ffffff}
.fecg-status-badge.status-canceled{border-color:#ffd1d1; background:#fff0f0; color:#7a0c0c}
.fecg-status-badge.status-pending{border-color:#e5d3ff; background:#f6efff; color:#4b2a99}
.fecg-status-badge.status-live{border-color:#ffb3c2; background:#ffe6eb; color:#8a1130}

/* Responsive */
@media (max-width: 993px){
  .fecg-week-cards{ grid-template-columns: 1fr; }
  .fecg-name{ font-size:18px }
  .fecg-date-big{ font-size:18px }
  .fecg-time{ font-size:14px }
}


.fecg-team--home {
    clear: both;

}

@media (max-width: 993px){
  .fecg-name{ font-size:18px; }
  .aw-logo-slot{ width:36px; height:36px; }
}


/* Stack 2 línies: local a dalt, visitant a baix */
.fecg-body--stack{
  display:flex;
  flex-direction:column;
  gap:14px;
}

/* Cada línia (equip) */
.fecg-line{
  display:flex;
  align-items:center;
  gap:12px;
  min-width:0;
}


/* Week navigation */
.fecg-week-nav{
  margin-top:18px;
  display:flex;
  gap:12px;
  justify-content:center;
  align-items:center;
  flex-wrap:wrap;
}

.fecg-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:10px 14px;
  border-radius:12px;
  border:1px solid #e2e8f0;
  background:#f8fafc;
  color:#0f172a;
  font-weight:700;
  text-decoration:none;
  transition:transform .06s ease, box-shadow .12s ease, background .12s ease;
}
.fecg-btn:hover{ transform:translateY(-1px); box-shadow:0 6px 20px rgba(16,24,40,.08); }
.fecg-btn--now{ background:#eef2ff; border-color:#dbe4ff; color:#1e2a78; }
.fecg-btn--prev::before{ content:""; }
.fecg-btn--next::after{ content:""; }

@media (max-width: 900px){
  .fecg-btn{ padding:9px 12px; }
}

/* Resultat per partits jugats */
.fecg-score{
  margin: 2px 0 2px 52px; /* alineat amb nom (logo de 40px + gap ~12px) */
  font-size: 22px;
  font-weight: 800;
  line-height: 1;
  padding: 7px 14px;
  border-radius: 9999px;
  background: #f1f5f9;
  display: inline-block;

}
.status-played .fecg-score,
.status-live .fecg-score{ background:#e6f7ee; } /* opcional */



/* Center cards with any count */
.fecg-week-cards{
  /* switch to flex for easy centering */
  display:flex;
  flex-wrap:wrap;
  gap:24px;
  justify-content:center;   /* center rows */
  align-items:stretch;
  max-width:1200px;         /* container width on desktop */
  margin:0 auto;            /* center container on page */
  padding:0 12px;
}

/* Card width rules: 3 per row on desktop, 1 on mobile */
.fecg-card{
  flex:0 1 31%;             /* target ~3 per row */
  max-width:380px;          /* prevent too wide cards */
  min-width:300px;          /* keep layout stable */
}

/* Tablet */
@media (max-width: 1024px){
  .fecg-card{
    flex:0 1 45%;           /* ~2 per row */
    max-width:420px;
    min-width:280px;
  }
}

/* Mobile */
@media (max-width: 680px){
  .fecg-card{
    flex:1 1 100%;          /* 1 per row */
    max-width:640px;
    min-width:0;
  }
}

/* Keep week nav centered too */
.fecg-week-nav{
  max-width:1200px;
  margin:18px auto 0;
  justify-content:center;
}


.fecg-week-title{
  display:flex;
  flex-wrap:wrap;
  gap:24px;
  line-height: 110%;
  font-size: 17px;
  justify-content:center;   /* center rows */
  align-items:stretch;
  max-width:500px;         /* container width on desktop */
  margin:30px auto 40px;            /* center container on page */
  padding:0 12px;
  text-align: center;
  padding: 20px;
  border-radius: 29px;
    box-shadow:0 0px 18px rgba(16,24,40,.06);
  background-color: #eaeaec;
   font-family: ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,"Apple Color Emoji","Segoe UI Emoji";

}

@media (max-width: 680px){
  .fecg-week-title{ font-size:20px; }
}


.fecg-week-title i {
    margin-top: 3px;
    font-size: 22px;

}

.fecg-status-badge {
  font-size: 14px !important;
}