/*
Theme Name: GeneratePress Peacocks
Template: generatepress
Version: 1.0
*/

/* ── FONTS ── */
@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@400;600;700;900&family=Barlow:wght@400;500;600&display=swap');

/* ── VARIABLES ── */
:root {
  --pk-black:   #0D0D0D;
  --pk-surface: #141414;
  --pk-surface2:#1A1A1A;
  --pk-orange:  #E8801A;
  --pk-green:   #4DB87A;
  --pk-text:    #F0EDE6;
  --pk-muted:   rgba(240,237,230,0.4);
  --pk-border:  rgba(255,255,255,0.07);
  --pk-font-display: 'Barlow Condensed', sans-serif;
  --pk-font-body:    'Barlow', sans-serif;
}

/* ── BASE ── */
body {
  background: var(--pk-black) !important;
  color: var(--pk-text) !important;
  font-family: var(--pk-font-body) !important;
  font-size: 15px;
  line-height: 1.6;
}

a { color: var(--pk-orange); text-decoration: none; }
a:hover { color: var(--pk-green); }

/* ── NAVIGATION ── */
.main-navigation,
.site-header {
  background: var(--pk-black) !important;
  border-bottom: 1px solid var(--pk-border) !important;
}

.main-navigation a {
  font-family: var(--pk-font-display) !important;
  font-weight: 700 !important;
  font-size: 12px !important;
  letter-spacing: 0.14em !important;
  text-transform: uppercase !important;
  color: var(--pk-muted) !important;
}

.main-navigation a:hover,
.main-navigation .current-menu-item > a {
  color: var(--pk-orange) !important;
}

.site-title a {
  font-family: var(--pk-font-display) !important;
  font-weight: 900 !important;
  font-size: 22px !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  color: var(--pk-text) !important;
}

/* ── HEADINGS ── */
h1, h2, h3, h4, h5, h6 {
  font-family: var(--pk-font-display) !important;
  font-weight: 900 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.04em !important;
  color: var(--pk-text) !important;
  line-height: 1.1 !important;
}

h1 { font-size: 52px !important; }
h2 { font-size: 32px !important; }
h3 { font-size: 22px !important; }

h2 .pk-accent { color: var(--pk-orange); }
h2 .pk-accent-green { color: var(--pk-green); }

/* ── LAYOUT ── */
.site-main,
.content-area {
  background: var(--pk-black) !important;
}

.container {
  max-width: 1200px !important;
}

/* ── CARDS ── */
.pk-card {
  background: var(--pk-surface);
  border: 1px solid var(--pk-border);
  padding: 20px;
}

.pk-card-accent {
  border-left: 3px solid var(--pk-orange);
}

.pk-card-accent-green {
  border-left: 3px solid var(--pk-green);
}

/* ── BUTTONS ── */
.wp-block-button__link,
button,
input[type="submit"],
.pk-btn {
  font-family: var(--pk-font-display) !important;
  font-weight: 700 !important;
  font-size: 13px !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  border-radius: 0 !important;
  cursor: pointer !important;
}

.pk-btn-primary {
  background: var(--pk-orange) !important;
  color: var(--pk-black) !important;
  border: none !important;
  padding: 11px 24px !important;
}

.pk-btn-primary:hover {
  background: #d4711a !important;
  color: var(--pk-black) !important;
}

.pk-btn-success {
  background: var(--pk-green) !important;
  color: var(--pk-black) !important;
  border: none !important;
  padding: 11px 24px !important;
}

.pk-btn-success:hover {
  background: #3da668 !important;
  color: var(--pk-black) !important;
}

.pk-btn-ghost {
  background: transparent !important;
  color: var(--pk-muted) !important;
  border: 1px solid var(--pk-border) !important;
  padding: 10px 22px !important;
}

/* ── BADGES ── */
.pk-badge {
  font-family: var(--pk-font-display);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  padding: 3px 10px;
  display: inline-block;
}

.pk-badge-win  { background: rgba(77,184,122,0.15); color: var(--pk-green); }
.pk-badge-loss { background: rgba(232,128,26,0.12); color: var(--pk-orange); }
.pk-badge-live { background: var(--pk-green); color: var(--pk-black); }

/* ── TABLES ── */
table {
  width: 100%;
  border-collapse: collapse;
  font-size: 13px;
}

th {
  font-family: var(--pk-font-display) !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: 0.14em !important;
  text-transform: uppercase !important;
  color: var(--pk-muted) !important;
  padding: 8px 12px !important;
  border-bottom: 1px solid var(--pk-border) !important;
  text-align: left !important;
}

td {
  padding: 10px 12px !important;
  border-bottom: 1px solid rgba(255,255,255,0.04) !important;
  color: var(--pk-muted) !important;
}

tr:hover td { background: rgba(255,255,255,0.02); }

tr.pk-row-highlight td {
  background: rgba(232,128,26,0.07) !important;
  color: var(--pk-text) !important;
}

tr.pk-row-highlight td.pk-team-name {
  color: var(--pk-orange) !important;
}

/* ── SECTION HEADERS ── */
.pk-section-header {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  margin-bottom: 20px;
  padding-bottom: 12px;
  border-bottom: 1px solid var(--pk-border);
}

.pk-section-title {
  font-family: var(--pk-font-display);
  font-weight: 900;
  font-size: 28px;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  margin: 0;
  color: var(--pk-text);
}

.pk-see-all {
  font-family: var(--pk-font-display);
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--pk-muted);
}

/* ── FOOTER ── */
.site-footer {
  background: var(--pk-black) !important;
  border-top: 1px solid var(--pk-border) !important;
  color: var(--pk-muted) !important;
  font-family: var(--pk-font-display) !important;
  font-size: 11px !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
}

/* ── GRID BACKGROUND UTILITAIRE ── */
.pk-grid-bg {
  background-image:
    linear-gradient(rgba(255,255,255,0.025) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,0.025) 1px, transparent 1px);
  background-size: 40px 40px;
}

/* ── WOOCOMMERCE ── */
.woocommerce-page body,
.woocommerce { background: var(--pk-black) !important; }

.woocommerce .price { color: var(--pk-orange) !important; font-family: var(--pk-font-display) !important; font-weight: 900 !important; }

.woocommerce button.button,
.woocommerce a.button {
  background: var(--pk-orange) !important;
  color: var(--pk-black) !important;
  border-radius: 0 !important;
  font-family: var(--pk-font-display) !important;
  font-weight: 700 !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
}

/* ── UTILITAIRES ── */
.pk-orange { color: var(--pk-orange) !important; }
.pk-green  { color: var(--pk-green)  !important; }
.pk-muted  { color: var(--pk-muted)  !important; }
.pk-upper  { text-transform: uppercase; letter-spacing: 0.1em; }

/* ── HOMEPAGE HERO ── */
.pk-hero h1 {
  font-size: 64px !important;
  line-height: 0.95 !important;
  color: #F0EDE6 !important;
  margin-bottom: 16px !important;
}

.pk-hero .pk-eyebrow {
  font-family: var(--pk-font-display) !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  letter-spacing: 0.2em !important;
  text-transform: uppercase !important;
  color: var(--pk-green) !important;
  margin-bottom: 16px !important;
  display: block;
}

/* ── SECTIONS HOMEPAGE ── */
.pk-section {
  padding: 40px 32px !important;
  border-top: 1px solid var(--pk-border) !important;
}

.pk-section h2 {
  font-size: 28px !important;
  margin-bottom: 20px !important;
}

/* ── BANDEAU PROCHAIN MATCH ── */
.pk-banner {
  background: var(--pk-orange) !important;
  padding: 14px 32px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
}

.pk-banner h3 {
  font-size: 20px !important;
  color: #0D0D0D !important;
  margin: 0 !important;
}

.pk-banner p {
  font-size: 13px !important;
  color: rgba(13,13,13,0.6) !important;
  margin: 0 !important;
}

.site-header .inside-header {
  max-width: 1200px !important;
  margin: 0 auto !important;
  padding: 0 32px !important;
}

.site-content .inside-article,
.site-content .entry-content {
  max-width: 1200px !important;
  margin: 0 auto !important;
  padding: 0 !important;
}

/* ── RESPONSIVE MOBILE ── */
@media (max-width: 768px) {

  /* Hero */
  .pk-hero {
    padding: 48px 20px 36px !important;
  }
  .pk-hero h1 {
    font-size: 48px !important;
  }

  /* Bandeau prochain match */
  .pk-banner {
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 10px !important;
    padding: 16px 20px !important;
  }

  /* Sondage match */
  div[style*="display:flex"][style*="justify-content:space-between"] {
    flex-direction: column !important;
    gap: 16px !important;
  }

  /* Grille résultats + classement côte à côte → empilés */
  div[style*="grid-template-columns:1fr 1fr"] {
    display: block !important;
  }

  div[style*="grid-template-columns:1fr 1fr"] > div {
    border-right: none !important;
    border-bottom: 1px solid rgba(255,255,255,0.06) !important;
    padding: 28px 20px !important;
  }

  /* Grille stats 4 colonnes → 2 colonnes */
  div[style*="grid-template-columns:repeat(4,1fr)"] {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
  }

  /* Roster 5 colonnes → 2 colonnes */
  div[style*="grid-template-columns:repeat(5,1fr)"] {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
  }

  /* Awards 3 colonnes → 1 colonne */
  div[style*="grid-template-columns:repeat(3,1fr)"] {
    display: block !important;
  }

  /* Sections padding réduit */
  .pk-section {
    padding: 28px 20px !important;
  }

  /* Tableau classement — réduit colonnes moins importantes */
  .pk-table td:nth-child(3),
  .pk-table td:nth-child(4) {
    display: none;
  }
  .pk-table th:nth-child(3),
  .pk-table th:nth-child(4) {
    display: none;
  }

}

@media (max-width: 768px) {
    /* Résultats mobile */
    #pk-resultats-list > div > div {
        flex-wrap: wrap !important;
    }
    #pk-resultats-list .pk-date-col {
        width: 100% !important;
        margin-bottom: 4px;
    }
}

/* ── WooCommerce messages style Peacocks ── */

/* Reset général */
.woocommerce-message,
.woocommerce-error,
.woocommerce-info,
.woocommerce-notices-wrapper .woocommerce-message,
.woocommerce-notices-wrapper .woocommerce-error,
.woocommerce-notices-wrapper .woocommerce-info {
    border: none !important;
    border-radius: 0 !important;
    padding: 16px 20px !important;
    font-family: 'Barlow Condensed', sans-serif !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    letter-spacing: 0.06em !important;
    text-transform: uppercase !important;
    list-style: none !important;
    margin-bottom: 12px !important;
}

/* Succès — vert */
.woocommerce-message {
    background: #4DB87A !important;
    color: #0D0D0D !important;
    border-left: none !important;
}

.woocommerce-message a,
.woocommerce-message .button {
    background: rgba(0,0,0,0.15) !important;
    color: #0D0D0D !important;
    border: none !important;
    font-family: 'Barlow Condensed', sans-serif !important;
    font-weight: 900 !important;
    font-size: 12px !important;
    letter-spacing: 0.14em !important;
    text-transform: uppercase !important;
    padding: 8px 16px !important;
    text-decoration: none !important;
}

.woocommerce-message a:hover,
.woocommerce-message .button:hover {
    background: rgba(0,0,0,0.25) !important;
}

/* Erreur — orange/rouge */
.woocommerce-error {
    background: #1A1A1A !important;
    color: #F0EDE6 !important;
    border-left: 4px solid #E53E3E !important;
}

.woocommerce-error li {
    color: #F0EDE6 !important;
    list-style: none !important;
}

.woocommerce-error a {
    color: #E8801A !important;
    text-decoration: none !important;
}

/* Info — neutre */
.woocommerce-info {
    background: #141414 !important;
    color: #F0EDE6 !important;
    border-left: 4px solid #E8801A !important;
}

.woocommerce-info a,
.woocommerce-info .button {
    color: #E8801A !important;
    text-decoration: none !important;
    font-family: 'Barlow Condensed', sans-serif !important;
    font-weight: 700 !important;
}

/* Panier vide */
.cart-empty.woocommerce-info {
    background: #141414 !important;
    border-left: 4px solid rgba(240,237,230,0.2) !important;
    color: rgba(240,237,230,0.4) !important;
    font-size: 13px !important;
    font-weight: 600 !important;
}

/* Bouton Retour à la boutique */
.return-to-shop .button,
.wc-empty-cart-message + .return-to-shop a {
    background: #E8801A !important;
    color: #0D0D0D !important;
    font-family: 'Barlow Condensed', sans-serif !important;
    font-weight: 900 !important;
    font-size: 13px !important;
    letter-spacing: 0.14em !important;
    text-transform: uppercase !important;
    padding: 12px 24px !important;
    border: none !important;
    border-radius: 0 !important;
    text-decoration: none !important;
}

.return-to-shop .button:hover {
    background: #d4721a !important;
}

/* Container WooCommerce — supprime le fond blanc */
.woocommerce-notices-wrapper,
.woocommerce div.woocommerce-notices-wrapper,
ul.woocommerce-error,
.woocommerce-message,
.woocommerce-info {
    background: transparent !important;
}

/* Force le fond sombre sur les notices */
.woocommerce-notices-wrapper .woocommerce-message {
    background: #4DB87A !important;
    color: #0D0D0D !important;
}

.woocommerce-notices-wrapper .woocommerce-error {
    background: #141414 !important;
    border-left: 4px solid #E53E3E !important;
    color: #F0EDE6 !important;
}

.woocommerce-notices-wrapper .woocommerce-info {
    background: #141414 !important;
    border-left: 4px solid #E8801A !important;
    color: #F0EDE6 !important;
}

/* Variations WooCommerce */.woocommerce div.product .variations select,.woocommerce-page div.product .variations select,form.cart .variations select {    background: #1A1A1A !important;    color: #F0EDE6 !important;    border: 1px solid rgba(255,255,255,0.1) !important;    padding: 10px 14px !important;    font-family: 'Barlow', sans-serif !important;    font-size: 14px !important;    border-radius: 0 !important;    outline: none !important;    cursor: pointer !important;}.woocommerce div.product .variations select:focus,.woocommerce-page div.product .variations select:focus {    border-color: #E8801A !important;}