/*
 * Theme Name: NEWP — Agence Web
 * Theme URI: https://newp.fr
 * Description: Thème FSE pour newp.fr — Agence web & marketing digital
 * Author: NEWP
 * Version: 1.0.0
 * Requires at least: 6.3
 * Tested up to: 6.7
 * Requires PHP: 8.0
 * License: Proprietary
 * Text Domain: newp
 */

/* ========================================
   COLOR SCHEME & VARIABLES
   ======================================== */
:root {
  --newp-primary: #C2185B;
  --newp-primary-dark: #AD1457;
  --newp-secondary: #1A2744;
  --newp-light-overlay: rgba(255, 255, 255, 0.07);
  --newp-light-border: rgba(255, 255, 255, 0.2);
  --newp-light-text: #E2E8F0;
}

/* ========================================
   BUTTON STYLES - FIX FOR DOUBLE STYLING
   ======================================== */
.wp-block-button {
  /* Neutralize wrapper styles */
  background: transparent !important;
  border: none !important;
  padding: 0 !important;
}

.wp-block-button__link {
  border-radius: 8px;
  font-weight: 600;
  transition: background 0.3s ease, transform 0.2s ease, box-shadow 0.3s ease;
  display: inline-block;
  padding: 12px 24px;
}

.wp-block-button__link:hover,
.wp-block-button__link:focus {
  transform: translateY(-2px);
}

/* Hero CTA - Primary Button */
.wp-block-button.is-style-fill .wp-block-button__link,
.wp-block-button.has-newp-primary-background-color .wp-block-button__link {
  background: linear-gradient(135deg, #C2185B, #AD1457);
  color: white;
  box-shadow: 0 8px 20px rgba(194, 24, 91, 0.4);
  border: none;
}

.wp-block-button.is-style-fill .wp-block-button__link:hover,
.wp-block-button.has-newp-primary-background-color .wp-block-button__link:hover {
  box-shadow: 0 12px 28px rgba(194, 24, 91, 0.6);
}

/* Hero CTA - Secondary Button */
.wp-block-button.is-style-outline .wp-block-button__link,
.wp-block-button.has-newp-secondary-background-color .wp-block-button__link {
  background: rgba(255, 255, 255, 0.07);
  border: 1px solid rgba(255, 255, 255, 0.2);
  color: #E2E8F0;
  box-shadow: none;
}

.wp-block-button.is-style-outline .wp-block-button__link:hover,
.wp-block-button.has-newp-secondary-background-color .wp-block-button__link:hover {
  background: rgba(255, 255, 255, 0.12);
  box-shadow: 0 4px 12px rgba(255, 255, 255, 0.15);
}

/* ========================================
   MOBILE RESPONSIVE FIXES
   ======================================== */
@media (max-width: 768px) {
  h1, .wp-block-heading h1 {
    padding: 1rem;
  }

  h2, .wp-block-heading h2 {
    padding: 0.75rem;
  }

  h3, .wp-block-heading h3 {
    padding: 0.5rem;
  }

  .wp-block-cover,
  [class*="hero"],
  [class*="banner"] {
    padding: 1.25rem !important;
    min-height: auto;
  }

  .wp-block-button__link {
    padding: 10px 20px;
    font-size: 14px;
  }
}

/* ========================================
   GENERAL TYPOGRAPHY & SPACING
   ======================================== */
body {
  line-height: 1.6;
  color: #333;
}

a {
  color: var(--newp-primary);
  text-decoration: none;
}

a:hover {
  opacity: 0.8;
}

/* ========================================
   BLOCK STYLES - GENERAL
   ======================================== */
.wp-block-group {
  --wp-block--max-width: 100%;
}

/* ========================================
   UTILITY CLASSES
   ======================================== */
.text-white {
  color: white;
}

.text-dark {
  color: var(--newp-secondary);
}

.bg-primary {
  background-color: var(--newp-primary);
}

.bg-secondary {
  background-color: var(--newp-secondary);
}

.gradient-primary {
  background: linear-gradient(135deg, var(--newp-primary), var(--newp-primary-dark));
}