/*
Theme Name: Difuzz Theme
Theme URI: https://difuzz.app
Author: Simon
Author URI: https://difuzz.app
Description: Thème compagnon officiel du plugin Difuzz. Design moderne et tech, optimisé pour la création et la diffusion de contenu IA. Compatible Full Site Editing (FSE).
Version: 0.1.0
Requires at least: 6.4
Tested up to: 6.7
Requires PHP: 8.1
License: Propriétaire
License URI: https://difuzz.app/license
Text Domain: difuzz-theme
Tags: full-site-editing, block-templates, blog, portfolio, business, one-column, two-columns, custom-colors, custom-logo, custom-menu, featured-images, full-width-template, threaded-comments, translation-ready, wide-blocks, block-styles, style-variations
*/

/*
 * Note : pour un thème FSE, l'essentiel des styles est dans theme.json.
 * Ce fichier style.css contient uniquement les métadonnées et quelques
 * surcharges spécifiques qui ne peuvent pas être faites en JSON.
 */

/* ===========================================================
 * Imports de polices Inter (chargées localement pour la performance)
 * Inter est une police open-source de Rasmus Andersson, parfaite pour les UI tech.
 * =========================================================== */

@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('assets/fonts/Inter-Regular.woff2') format('woff2');
}

@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('assets/fonts/Inter-Medium.woff2') format('woff2');
}

@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('assets/fonts/Inter-SemiBold.woff2') format('woff2');
}

@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('assets/fonts/Inter-Bold.woff2') format('woff2');
}

/* ===========================================================
 * Surcharges globales
 * =========================================================== */

/* Améliore la lisibilité de la typographie sur tous les écrans */
body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}

/* Sélection de texte aux couleurs Difuzz */
::selection {
  background-color: rgba(99, 102, 241, 0.25);
  color: inherit;
}

/* Focus accessible et stylé */
:where(a, button, input, select, textarea, [tabindex]):focus-visible {
  outline: 2px solid var(--wp--preset--color--primary, #6366f1);
  outline-offset: 2px;
  border-radius: 4px;
}

/* Scrollbar moderne (Webkit) */
::-webkit-scrollbar {
  width: 12px;
  height: 12px;
}

::-webkit-scrollbar-track {
  background: var(--wp--preset--color--surface, #f8fafc);
}

::-webkit-scrollbar-thumb {
  background: var(--wp--preset--color--border, #e2e8f0);
  border-radius: 6px;
  border: 2px solid var(--wp--preset--color--surface, #f8fafc);
}

::-webkit-scrollbar-thumb:hover {
  background: var(--wp--preset--color--muted, #94a3b8);
}

/* ===========================================================
 * Animations subtiles (utilisables via classes)
 * =========================================================== */

@keyframes difuzz-fade-up {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.has-animation-fade-up {
  animation: difuzz-fade-up 0.6s ease-out;
}

/* ===========================================================
 * Cartes et boutons custom
 * =========================================================== */

/* Carte avec ombre douce */
.is-style-difuzz-card {
  background: #ffffff;
  border: 1px solid var(--wp--preset--color--border, #e2e8f0);
  border-radius: 12px;
  padding: 32px;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.is-style-difuzz-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 10px 30px rgba(99, 102, 241, 0.08);
  border-color: var(--wp--preset--color--primary, #6366f1);
}

/* Bouton avec dégradé Difuzz */
.is-style-difuzz-gradient {
  background: linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%) !important;
  color: #ffffff !important;
  border: none !important;
  font-weight: 600 !important;
  transition: transform 0.15s ease, box-shadow 0.15s ease !important;
}

.is-style-difuzz-gradient:hover {
  transform: translateY(-1px);
  box-shadow: 0 8px 20px rgba(99, 102, 241, 0.35) !important;
}

/* ===========================================================
 * Lien stylé "Difuzz"
 * =========================================================== */

.is-style-difuzz-link {
  color: var(--wp--preset--color--primary, #6366f1);
  text-decoration: none;
  font-weight: 500;
  border-bottom: 1px solid transparent;
  transition: border-color 0.15s ease;
}

.is-style-difuzz-link:hover {
  border-bottom-color: var(--wp--preset--color--primary, #6366f1);
}

/* ===========================================================
 * Responsive helpers
 * =========================================================== */

@media (max-width: 600px) {
  .is-style-difuzz-card {
    padding: 24px;
    border-radius: 8px;
  }
}