/*
Theme Name: Fornidata Theme
Theme URI: https://fornidata.klodbersa.it
Author: Fornidata Team
Author URI: https://klodbersa.it
Description: Tema WordPress dedicato per il portale Fornidata con design GoDaddy-inspired. Ottimizzato per performance, sicurezza e user experience.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.4
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: fornidata-theme
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready, business, e-commerce

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

Fornidata Theme is based on GoDaddy design principles.
*/

/* ========================================
   CSS VARIABLES - GODADDY DESIGN SYSTEM
   ======================================== */

:root {
    /* Primary Colors - Turchese GoDaddy Ufficiale */
    --fd-cyan: #1BDBDB;
    --fd-cyan-dark: #00A4BD;
    --fd-cyan-light: #E6F9F9;
    --fd-cyan-ultra-light: #F0FCFC;

    /* Alias per retrocompatibilità */
    --fd-green: var(--fd-cyan);
    --fd-green-dark: var(--fd-cyan-dark);
    --fd-green-light: var(--fd-cyan-light);
    --fd-green-ultra-light: var(--fd-cyan-ultra-light);

    /* Grays */
    --fd-black: #111111;
    --fd-gray-900: #1A1A1A;
    --fd-gray-800: #333333;
    --fd-gray-700: #4D4D4D;
    --fd-gray-600: #666666;
    --fd-gray-500: #808080;
    --fd-gray-400: #999999;
    --fd-gray-300: #CCCCCC;
    --fd-gray-200: #E5E5E5;
    --fd-gray-100: #F5F5F5;
    --fd-gray-50: #F9FAFB;
    --fd-white: #FFFFFF;

    /* Status Colors */
    --fd-success: #34C759;
    --fd-success-light: #E8F8EB;
    --fd-warning: #FF9500;
    --fd-warning-light: #FFF4E5;
    --fd-error: #DC3545;
    --fd-error-light: #FFE8E6;
    --fd-info: #007AFF;
    --fd-info-light: #E5F2FF;

    /* Typography */
    --fd-font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
    --fd-font-mono: 'SF Mono', Monaco, 'Cascadia Code', 'Roboto Mono', Consolas, monospace;

    /* Spacing */
    --fd-space-xs: 0.25rem;
    --fd-space-sm: 0.5rem;
    --fd-space-md: 1rem;
    --fd-space-lg: 1.5rem;
    --fd-space-xl: 2rem;
    --fd-space-2xl: 3rem;
    --fd-space-3xl: 4rem;

    /* Border Radius */
    --fd-radius-sm: 4px;
    --fd-radius: 8px;
    --fd-radius-md: 12px;
    --fd-radius-lg: 16px;
    --fd-radius-xl: 24px;
    --fd-radius-full: 9999px;

    /* Shadows */
    --fd-shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.08);
    --fd-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    --fd-shadow-md: 0 4px 12px rgba(0, 0, 0, 0.12);
    --fd-shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.15);
    --fd-shadow-xl: 0 16px 48px rgba(0, 0, 0, 0.18);

    /* Transitions */
    --fd-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    --fd-transition-fast: all 0.15s ease;

    /* Layout */
    --fd-container-max: 1400px;
    --fd-header-height: 80px;
}

/* ========================================
   GLOBAL RESET
   ======================================== */

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

html {
    font-size: 16px;
    scroll-behavior: smooth;
}

body {
    font-family: var(--fd-font-family);
    font-size: 1rem;
    line-height: 1.6;
    color: var(--fd-gray-900);
    background-color: var(--fd-gray-50);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* ========================================
   TYPOGRAPHY
   ======================================== */

h1, h2, h3, h4, h5, h6 {
    font-weight: 700;
    line-height: 1.2;
    color: var(--fd-gray-900);
    margin-bottom: var(--fd-space-md);
}

h1 { font-size: 2.5rem; }
h2 { font-size: 2rem; }
h3 { font-size: 1.75rem; }
h4 { font-size: 1.5rem; }
h5 { font-size: 1.25rem; }
h6 { font-size: 1rem; }

p {
    margin-bottom: var(--fd-space-md);
}

a {
    color: var(--fd-green);
    text-decoration: none;
    transition: var(--fd-transition-fast);
}

a:hover {
    color: var(--fd-green-dark);
}

/* ========================================
   LAYOUT CONTAINERS
   ======================================== */

.fd-container {
    max-width: var(--fd-container-max);
    margin: 0 auto;
    padding: 0 var(--fd-space-lg);
}

.fd-section {
    padding: var(--fd-space-3xl) 0;
}

/* ========================================
   BUTTONS
   ======================================== */

.fd-btn {
    display: inline-flex;
    align-items: center;
    gap: var(--fd-space-sm);
    padding: 12px 24px;
    font-family: var(--fd-font-family);
    font-size: 1rem;
    font-weight: 600;
    border: none;
    border-radius: var(--fd-radius);
    cursor: pointer;
    transition: var(--fd-transition);
    text-decoration: none;
}

.fd-btn-primary {
    background: linear-gradient(135deg, var(--fd-green) 0%, var(--fd-green-dark) 100%);
    color: var(--fd-white);
    box-shadow: var(--fd-shadow);
}

.fd-btn-primary:hover {
    transform: translateY(-2px);
    box-shadow: var(--fd-shadow-lg);
    color: var(--fd-white);
}

.fd-btn-secondary {
    background: var(--fd-white);
    color: var(--fd-green);
    border: 2px solid var(--fd-green);
}

.fd-btn-secondary:hover {
    background: var(--fd-green);
    color: var(--fd-white);
}

/* ========================================
   CARDS
   ======================================== */

.fd-card {
    background: var(--fd-white);
    border-radius: var(--fd-radius-md);
    padding: var(--fd-space-xl);
    box-shadow: var(--fd-shadow);
    transition: var(--fd-transition);
}

.fd-card:hover {
    transform: translateY(-4px);
    box-shadow: var(--fd-shadow-lg);
}

/* ========================================
   UTILITIES
   ======================================== */

.text-center { text-align: center; }
.text-left { text-align: left; }
.text-right { text-align: right; }

.mt-1 { margin-top: var(--fd-space-sm); }
.mt-2 { margin-top: var(--fd-space-md); }
.mt-3 { margin-top: var(--fd-space-lg); }
.mt-4 { margin-top: var(--fd-space-xl); }

.mb-1 { margin-bottom: var(--fd-space-sm); }
.mb-2 { margin-bottom: var(--fd-space-md); }
.mb-3 { margin-bottom: var(--fd-space-lg); }
.mb-4 { margin-bottom: var(--fd-space-xl); }

/* ========================================
   GODADDY FULLSCREEN LAYOUT
   ======================================== */

/* Override container per layout fullscreen quando c'è plugin */
body.fd-full-width .fd-container,
body.fd-no-sidebar .fd-container {
    max-width: 100% !important;
    padding: 0 !important;
}

/* ========================================
   RESPONSIVE
   ======================================== */

@media (max-width: 992px) {
    :root {
        --fd-space-3xl: 3rem;
    }

    h1 { font-size: 2rem; }
    h2 { font-size: 1.75rem; }
    h3 { font-size: 1.5rem; }
}

@media (max-width: 768px) {
    :root {
        --fd-space-3xl: 2rem;
        --fd-header-height: 70px;
    }

    .fd-container {
        padding: 0 var(--fd-space-md);
    }

    h1 { font-size: 1.75rem; }
    h2 { font-size: 1.5rem; }
}

@media (max-width: 480px) {
    h1 { font-size: 1.5rem; }
    h2 { font-size: 1.25rem; }
}