/* Homepage shortcode layout - Material UI / Tailwind inspired */
.cmp-homepage{--cmp-accent:#4f46e5;--cmp-bg:#0f1115;--cmp-card:#12151b;--cmp-text:#e5e7eb;--cmp-sub:#9ca3af;margin:0 auto;max-width:1200px;padding:16px;color:var(--cmp-text);overflow-x:hidden}

/* Hero */
.cmp-home-hero{margin:6px 0 18px}
.cmp-home-hero .cmp-next-hero{margin:0}

/* Quick actions */
.cmp-home-actions{display:flex;gap:10px;flex-wrap:wrap;margin:2px 0 14px}
.cmp-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:10px;background:#1f2430;color:#fff;text-decoration:none;font-weight:700;box-shadow:0 10px 24px rgba(0,0,0,.25), inset 0 0 0 1px rgba(255,255,255,.04);transition:transform .15s ease, box-shadow .2s ease, background .15s ease}
.cmp-btn:hover{transform:translateY(-1px);box-shadow:0 12px 28px rgba(0,0,0,.32), inset 0 0 0 1px rgba(255,255,255,.06)}
.cmp-btn-primary{background:linear-gradient(180deg, var(--cmp-accent), #3b36c2)}

/* Grid */
.cmp-home-grid{display:grid;grid-template-columns:1fr;gap:18px;max-width:1200px;margin:0 auto}
@media(min-width:1024px){.cmp-home-grid{grid-template-columns:1fr 1fr}}

/* Columns */
.cmp-home-col{display:flex;flex-direction:column;gap:18px}

/* Card */
.cmp-card{background:var(--cmp-card);border-radius:16px;overflow:hidden;box-shadow:0 20px 60px rgba(0,0,0,.35), inset 0 0 0 1px rgba(255,255,255,.04)}
.cmp-card-header{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;background:linear-gradient(180deg,#171a22,#141821);font-weight:800;letter-spacing:.2px;color:#fff;border-bottom:1px solid rgba(255,255,255,.06)}
.cmp-card-body{padding:12px}

/* Make embedded shortcodes breathe inside cards */
.cmp-card-body .cmp-fixtures-container{margin:0}
.cmp-card-body .cmp-last-results-container{margin:0}
.cmp-card-body .cmp-player-cards-grid{margin-top:12px;max-width:100%}
.cmp-card-body .cmp-player-card{width:100%;margin-left:0}

/* Fixtures/results embedded cards should not exceed card width */
.cmp-card-body .cmp-fixtures-container{max-width:100%;width:100%}
.cmp-card-body .cmp-fixtures-container .cmp-fixture-card{max-width:100%;flex:0 0 100%}

/* Prevent horizontal scroll from embedded tables */
.cmp-card-body .table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}
.cmp-card-body table{max-width:100%;width:100%;table-layout:fixed}
.cmp-card-body table th,.cmp-card-body table td{overflow:hidden;text-overflow:ellipsis}

/* Ensure league table centers and fits */
.cmp-homepage .cmp-league-table-container{max-width:100%;margin:0 auto}
.cmp-homepage .cmp-league-table-container.container{padding-left:0;padding-right:0}
.cmp-homepage .cmp-league-table-container .header{margin:8px 8px}
.cmp-homepage .cmp-league-table-container .card{overflow:hidden}

/* Scroll guards for embedded large content */
.cmp-card-body{max-height:100%;overflow:visible}

/* Light/Dark blending with site themes */
.cmp-homepage a{color:#e8e9ff}
.cmp-homepage a:hover{color:#fff}

/* Mobile tweaks */
@media (max-width: 640px){
  .cmp-homepage{padding:10px}
  .cmp-card-body{padding:10px}
  .cmp-home-hero{margin:4px 0 10px}
}

/* Span utilities */
.cmp-home-span{grid-column:1/-1}

/* News grid */
.cmp-news-grid{display:grid;grid-template-columns:1fr;gap:14px}
@media(min-width:680px){.cmp-news-grid{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1024px){.cmp-news-grid{grid-template-columns:repeat(3,1fr)}}

.cmp-news-card{background:#0f131a;border-radius:14px;overflow:hidden;box-shadow:0 14px 34px rgba(0,0,0,.32), inset 0 0 0 1px rgba(255,255,255,.04);display:flex;flex-direction:column}
.cmp-news-thumb{display:block;position:relative;width:100%;padding-top:56.25%;background-size:cover;background-position:center;background-repeat:no-repeat}
.cmp-news-thumb.noimg{background:#1a1f2b;display:flex;align-items:center;justify-content:center;padding-top:0;height:180px;color:#c6caff;font-weight:800}
.cmp-news-content{padding:12px;display:flex;flex-direction:column;gap:8px}
.cmp-news-title{margin:0;font-size:12px;line-height:1.25}
.cmp-news-title a{color:#fff;text-decoration:none}
.cmp-news-title a:hover{text-decoration:underline}
.cmp-news-meta{font-size:12px;color:#a6adbb}
.cmp-news-excerpt{margin:0;color:#d9dbea;font-size:14px;line-height:1.45}
.cmp-btn-sm{padding:8px 12px;border-radius:8px;background:#23293a;color:#fff;text-decoration:none;font-weight:700;display:inline-flex;align-items:center;width:max-content;margin-top:4px}
.cmp-btn-sm:hover{background:#2c3450}

/* Hero containment */
.cmp-home-hero{max-width:100%;overflow:hidden}
.cmp-home-hero .cmp-hero-inner{max-width:100%}

/* Images should never overflow */
.cmp-homepage img{max-width:100%;height:auto}

/* League Table desktop/mobile toggles */
.cmp-lt-desktop{display:block}
.cmp-lt-mobile{display:none}
@media(max-width:720px){
  .cmp-lt-desktop{display:none}
  .cmp-lt-mobile{display:block}
}

/* Row two spacing */
.cmp-home-row-two{margin-top:8px;margin-bottom:8px}

/* Top performers grid (inherits layout from .cmp-player-cards-grid) */
.cmp-top-performers-grid{gap:12px}
.cmp-top-performers-grid .cmp-single-player-container{width:100%}
.cmp-top-performers-grid .cmp-single-player-container .cmp-player-card{max-width:100% !important;margin:0 !important;width:100%}
/* Ensure player identity text is visible on dark background */
.cmp-top-performers-grid .cmp-player-name,
.cmp-top-performers-grid .cmp-player-firstname,
.cmp-top-performers-grid .cmp-player-lastname,
.cmp-top-performers-grid .cmp-player-position,
.cmp-top-performers-grid .cmp-player-number-left{color:#fff !important}
/* Use default player image sizing from shortcodes-public.css (contain, centered) */

/* League table resets inside homepage to prevent ellipsis/fixed layout */
.cmp-card-body .cmp-league-table-container table{table-layout:auto}
.cmp-card-body .cmp-league-table-container table th,
.cmp-card-body .cmp-league-table-container table td{overflow:visible;text-overflow:clip;white-space:normal}
.cmp-card-body .cmp-league-table-container td.team .club{white-space:nowrap}

/* Absolutely disable hover effects on league table rows in homepage */
.cmp-homepage .cmp-league-table-container tbody tr:hover,
.cmp-homepage .cmp-league-table-container tbody tr:hover td,
.cmp-homepage .cmp-league-table-container tbody tr:hover th{
  background:none !important;
  background-color:transparent !important;
  background-image:none !important;
  box-shadow:none !important;
  filter:none !important;
  opacity:1 !important;
  transition:none !important;
}
.cmp-homepage .cmp-league-table-container tbody tr:hover::before,
.cmp-homepage .cmp-league-table-container tbody tr:hover::after{content:none !important;display:none !important}
.cmp-homepage .cmp-league-table-container tbody tr:hover:nth-child(odd){background:var(--cmp-row,#11151e) !important}
.cmp-homepage .cmp-league-table-container tbody tr:hover:nth-child(even){background:var(--cmp-row-alt,#121825) !important}