/*
Theme Name: WSSG WP THEME
Theme URI: https://www.wssg-esport.org/
Discord: https://discord.gg/VmvX2CW6TH
Author: PunkyTiger pour la WSSG
Description: Thème WordPress personnalisé pour WSSG Esport.
Version: 1.0.0
Text Domain: wssg-wp-theme
Tags: esport, gaming, twitch, youtube, discord, tournaments, rankings, sponsors, responsive, custom-theme
*/

/* fichier : style.css */

/* ==========================================================================
   Base WordPress
   ========================================================================== */

html {
  scroll-behavior: smooth;
}

body {
  margin: 0;
  font-family: "Inter", "Segoe UI", Arial, sans-serif;
  background: #050505;
  color: #f4f4f4;
}

img {
  max-width: 100%;
  height: auto;
}

a {
  color: inherit;
  text-decoration: none;
}

button,
input,
textarea,
select {
  font: inherit;
}

::selection {
  background: rgba(220, 36, 36, 0.85);
  color: #ffffff;
}

/* ==========================================================================
   Accessibilité WordPress
   ========================================================================== */

.screen-reader-text {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
  border: 0;
}

.screen-reader-text:focus {
  top: 8px;
  left: 8px;
  z-index: 100000;
  display: block;
  width: auto;
  height: auto;
  padding: 12px 18px;
  clip-path: none;
  background: #ffffff;
  color: #111111;
  border-radius: 999px;
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.35);
}

/* ==========================================================================
   Alignements WordPress
   ========================================================================== */

.alignleft {
  float: left;
  margin-right: 24px;
  margin-bottom: 16px;
}

.alignright {
  float: right;
  margin-left: 24px;
  margin-bottom: 16px;
}

.aligncenter {
  display: block;
  margin-right: auto;
  margin-left: auto;
}

.wp-caption {
  max-width: 100%;
}

.wp-caption-text {
  margin-top: 8px;
  color: rgba(255, 255, 255, 0.68);
  font-size: 0.92rem;
}

.gallery {
  display: grid;
  gap: 18px;
}

.bypostauthor {
  display: block;
}

/* ==========================================================================
   Contenu WordPress
   ========================================================================== */

.entry-content,
.wp-block-post-content {
  line-height: 1.75;
}

.entry-content p,
.wp-block-post-content p {
  margin-top: 0;
  margin-bottom: 1.25rem;
}

.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4,
.wp-block-post-content h1,
.wp-block-post-content h2,
.wp-block-post-content h3,
.wp-block-post-content h4 {
  line-height: 1.15;
  margin-top: 2rem;
  margin-bottom: 1rem;
}

.entry-content ul,
.entry-content ol,
.wp-block-post-content ul,
.wp-block-post-content ol {
  padding-left: 1.4rem;
}

.entry-content table,
.wp-block-post-content table {
  width: 100%;
  border-collapse: collapse;
  overflow: hidden;
  border-radius: 18px;
}

.entry-content th,
.entry-content td,
.wp-block-post-content th,
.wp-block-post-content td {
  padding: 14px 16px;
  border: 1px solid rgba(255, 255, 255, 0.12);
}

.entry-content th,
.wp-block-post-content th {
  background: rgba(255, 255, 255, 0.08);
}

/* ==========================================================================
   Médias WordPress
   ========================================================================== */

.wp-block-image img,
.wp-block-cover,
.wp-block-media-text {
  border-radius: 24px;
}

.wp-block-quote {
  margin: 32px 0;
  padding: 24px 28px;
  border-left: 4px solid #d7a941;
  background: rgba(255, 255, 255, 0.05);
  border-radius: 20px;
}

.wp-block-button__link {
  border-radius: 999px;
  background: linear-gradient(135deg, #b91414, #e13737, #d7a941);
  color: #ffffff;
  font-weight: 800;
  box-shadow: 0 12px 34px rgba(220, 36, 36, 0.28);
}

/* ==========================================================================
   Formulaires WordPress
   ========================================================================== */

input[type="text"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="password"],
textarea,
select {
  width: 100%;
  box-sizing: border-box;
  padding: 14px 18px;
  color: #ffffff;
  background: rgba(255, 255, 255, 0.07);
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 18px;
  outline: none;
}

input:focus,
textarea:focus,
select:focus {
  border-color: rgba(215, 169, 65, 0.75);
  box-shadow: 0 0 0 4px rgba(215, 169, 65, 0.12);
}

input[type="submit"],
button[type="submit"] {
  cursor: pointer;
  padding: 14px 24px;
  color: #ffffff;
  font-weight: 800;
  background: linear-gradient(135deg, #b91414, #e13737, #d7a941);
  border: 0;
  border-radius: 999px;
  box-shadow: 0 12px 34px rgba(220, 36, 36, 0.28);
}

/* ==========================================================================
   Compatibilité responsive
   ========================================================================== */

@media (max-width: 782px) {
  .alignleft,
  .alignright {
    float: none;
    display: block;
    margin-right: auto;
    margin-left: auto;
  }

  .entry-content,
  .wp-block-post-content {
    line-height: 1.65;
  }
}