/* =========================================================
   Tennis-Padel Academy Sanremo — Branded Report Theme
   Per-match custom CSS. Load after the base report stylesheet.
   Scope: report content only. Header/footer site global styles are not modified.
   ========================================================= */

:root {
  --tpa-orange: #F15A24;
  --tpa-orange-dark: #D94A16;
  --tpa-orange-soft: #FFF0E8;
  --tpa-navy: #17113D;
  --tpa-navy-dark: #0D0928;
  --tpa-green: #2FAE43;
  --tpa-green-soft: #EAF8ED;
  --tpa-white: #FFFFFF;
  --tpa-surface: #FFFFFF;
  --tpa-soft: #F8FAFC;
  --tpa-border: #E4E7EF;
  --tpa-muted: #5B5874;
}

/* Page background */
.pc-report-v16-site-shell,
.pcv16-page,
.pcv16-report,
.report-page,
body.pc-report-v16-page {
  background: var(--tpa-white) !important;
}

/* Main hero / title area */
.pcv16-hero,
.pc-report-hero,
.report-hero,
.match-hero {
  background: var(--tpa-white) !important;
  color: var(--tpa-navy) !important;
  border: 1px solid var(--tpa-border) !important;
  border-top: 5px solid var(--tpa-orange) !important;
  box-shadow: 0 18px 45px rgba(23, 17, 61, 0.08) !important;
}

.pcv16-hero h1,
.pc-report-hero h1,
.report-hero h1,
.match-hero h1 {
  color: var(--tpa-navy) !important;
}

.pcv16-hero p,
.pcv16-hero aside span,
.pc-report-hero p,
.report-hero p,
.match-hero p {
  color: var(--tpa-muted) !important;
}

.pcv16-hero aside,
.pc-report-hero aside,
.report-hero aside,
.match-hero aside {
  background: var(--tpa-soft) !important;
  border: 1px solid var(--tpa-border) !important;
  color: var(--tpa-navy) !important;
}

.pcv16-hero aside strong,
.pc-report-hero aside strong,
.report-hero aside strong,
.match-hero aside strong {
  color: var(--tpa-navy) !important;
}

/* Brand logo inside report body if template renders logo.png */
.pcv16-brand-logo,
.pc-report-brand-logo,
.report-brand-logo,
.match-brand-logo,
img[src$="logo.png"] {
  max-width: 360px !important;
  max-height: 110px !important;
  width: auto !important;
  height: auto !important;
  object-fit: contain !important;
}

/* Pills, badges, kickers */
.pcv16-kicker,
.pcv16-section-title span,
.pcv16-card-head span,
.pc-report-kicker,
.report-badge,
.metric-badge {
  background: var(--tpa-orange-soft) !important;
  color: var(--tpa-orange-dark) !important;
  border-color: rgba(241, 90, 36, 0.18) !important;
}

/* Section titles */
.pcv16-section-title h2,
.pc-report-section h2,
.report-section h2,
.pcv16-card-head h3,
.pc-report-card h3,
.report-card h3 {
  color: var(--tpa-navy) !important;
}

/* Cards */
.pcv16-card,
.pc-report-card,
.report-card,
.metric-card,
.chart-card {
  background: var(--tpa-surface) !important;
  border: 1px solid var(--tpa-border) !important;
  box-shadow: 0 14px 36px rgba(23, 17, 61, 0.07) !important;
}

/* KPI cards */
.pcv16-kpi,
.kpi-card,
.report-kpi {
  background: var(--tpa-white) !important;
  border: 1px solid var(--tpa-border) !important;
  box-shadow: 0 12px 30px rgba(23, 17, 61, 0.06) !important;
}

.pcv16-kpi strong,
.kpi-card strong,
.report-kpi strong {
  color: var(--tpa-orange) !important;
}

.pcv16-kpi span,
.kpi-card span,
.report-kpi span {
  color: var(--tpa-navy) !important;
}

/* Links and buttons */
.pcv16-report-actions a,
.pc-report-button,
.report-button,
.btn-report,
a.button,
button {
  background: var(--tpa-orange) !important;
  color: #fff !important;
  border-color: var(--tpa-orange) !important;
}

.pcv16-report-actions a:hover,
.pc-report-button:hover,
.report-button:hover,
.btn-report:hover {
  background: var(--tpa-orange-dark) !important;
  border-color: var(--tpa-orange-dark) !important;
}

/* Bars */
.pcv16-bar-row i,
.metric-bar-fill,
.chart-bar-fill,
.progress-fill {
  background: var(--tpa-orange) !important;
}

.pcv16-bar-row:nth-of-type(even) i {
  background: var(--tpa-navy) !important;
}

/* Metric rows */
.pcv16-metric-row strong,
.metric-row strong {
  color: var(--tpa-navy) !important;
}

.pcv16-metric-row span,
.metric-row span {
  color: var(--tpa-muted) !important;
}

/* Engine/objective layer */
.pcv16-core-section,
.engine-layer,
.objective-layer {
  --layer-accent: var(--tpa-orange);
}

/* AI layer: muted but still branded */
.pcv16-ai-section .pcv16-section-title span,
.pcv16-ai-card .pcv16-card-head span,
.ai-layer .report-badge {
  background: #EFEFF4 !important;
  color: var(--tpa-navy) !important;
}

.pcv16-ai-card,
.pcv16-ai-section .pcv16-card,
.ai-card,
.ai-layer .report-card {
  background: #F7F7FA !important;
  border-color: #DADAE4 !important;
  box-shadow: 0 10px 28px rgba(23, 17, 61, 0.04) !important;
}

.pcv16-ai-text-block {
  background: var(--tpa-white) !important;
  border-color: #DADAE4 !important;
}

.pcv16-ai-text-block h3 {
  color: var(--tpa-navy) !important;
}

.pcv16-ai-text-block p {
  color: #403D52 !important;
}

/* Zone maps */
.pcv16-zone {
  border-color: #DADAE4 !important;
}

.pcv16-zone.low {
  background: #FAFAFC !important;
}

.pcv16-zone.medium,
.pcv16-zone.medium_high {
  background: #FFF0E8 !important;
}

.pcv16-zone.high {
  background: #FFD9C7 !important;
}

.pcv16-zone.very_high {
  background: #F15A24 !important;
  color: #fff !important;
}

.pcv16-zone.very_high span,
.pcv16-zone.very_high strong,
.pcv16-zone.very_high small {
  color: #fff !important;
}

/* Player cards and placeholder images */
.player-card,
.pcv16-player-card,
.report-player-card {
  background: var(--tpa-white) !important;
  border: 1px solid var(--tpa-border) !important;
}

.player-card img,
.pcv16-player-card img,
.report-player-card img {
  border: 3px solid var(--tpa-orange) !important;
  background: var(--tpa-soft) !important;
}

/* YouTube/video block */
.video-section,
.pcv16-video-section,
.report-video-section {
  background: var(--tpa-white) !important;
  border: 1px solid var(--tpa-border) !important;
  border-radius: 20px !important;
  box-shadow: 0 12px 34px rgba(23,17,61,.06) !important;
}

/* Print */
@media print {
  body,
  .pc-report-v16-site-shell,
  .pcv16-page,
  .pcv16-report {
    background: #fff !important;
  }

  .pcv16-hero,
  .pcv16-card,
  .pcv16-kpi,
  .pc-report-card,
  .report-card {
    box-shadow: none !important;
    border-color: #BFC2CF !important;
  }

  .pcv16-hero {
    border-top: 3px solid #F15A24 !important;
  }

  img[src$="logo.png"] {
    max-width: 260px !important;
    max-height: 80px !important;
  }
}