/*
 Theme Name:   Woodmart Child - Protecom 2026
 Theme URI:    https://www.protecom.ma/
 Description:  Theme enfant premium 2026 pour Protecom SARL (Solutions Télécom, FTTH & Réseaux au Maroc) base sur WoodMart.
 Author:       PROTECOM SARL
 Author URI:   https://www.protecom.ma/
 Template:     woodmart
 Version:      2.0.0
 Text Domain:  woodmart
*/

/* ==========================================================================
   PROTECOM 2026 DESIGN SYSTEM & CSS VARIABLES
   ========================================================================== */
:root {
  /* Brand Palette */
  --protecom-primary: #0756B9;
  --protecom-primary-hover: #054494;
  --protecom-navy: #062B59;
  --protecom-navy-dark: #031429;
  --protecom-secondary: #087FD8;
  --protecom-secondary-hover: #076ebc;
  --protecom-cyan: #13A9E8;
  --protecom-cyan-light: #E1F5FE;
  
  /* Backgrounds & Neutrals */
  --protecom-bg-light: #F4F8FD;
  --protecom-bg-card: #FFFFFF;
  --protecom-bg-blue-tint: #EBF4FC;
  --protecom-bg-gradient-hero: linear-gradient(135deg, #EBF5FE 0%, #D8ECFB 50%, #CDE6FA 100%);
  --protecom-bg-gradient-blue: linear-gradient(135deg, #0756B9 0%, #062B59 100%);
  --protecom-bg-gradient-cyan: linear-gradient(135deg, #13A9E8 0%, #087FD8 100%);
  
  /* Text Colors */
  --protecom-text-heading: #062B59;
  --protecom-text-body: #4A5568;
  --protecom-text-muted: #718096;
  --protecom-text-white: #FFFFFF;
  
  /* Accents & Status */
  --protecom-accent-red: #E53935;
  --protecom-accent-green: #10B981;
  --protecom-accent-gold: #F59E0B;
  
  /* Borders & Shadows */
  --protecom-border-light: #E2E8F0;
  --protecom-border-blue: rgba(7, 86, 185, 0.15);
  --protecom-radius-sm: 8px;
  --protecom-radius-md: 12px;
  --protecom-radius-lg: 16px;
  --protecom-radius-pill: 9999px;
  
  --protecom-shadow-subtle: 0 2px 8px rgba(6, 43, 89, 0.04);
  --protecom-shadow-card: 0 4px 16px rgba(6, 43, 89, 0.06);
  --protecom-shadow-hover: 0 10px 24px rgba(7, 86, 185, 0.12);
  --protecom-shadow-glow: 0 0 20px rgba(19, 169, 232, 0.35);

  /* WoodMart Overrides */
  --wd-primary-color: #0756B9 !important;
  --wd-alternative-color: #087FD8 !important;
  --wd-link-color: #087FD8 !important;
  --wd-link-color-hover: #0756B9 !important;
}

/* Base Body Enhancements */
body.theme-woodmart {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  color: var(--protecom-text-body);
  background-color: #FFFFFF;
  -webkit-font-smoothing: antialiased;
}

/* Smooth Transitions */
a, button, .product-grid-item, .protecom-card {
  transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}