/* Theme Name: Centri Dentistici Caruso Theme URI: https://abnet.it Description: Child theme di Hello Elementor con design system Dentalia pixel-perfect per Centri Dentistici Caruso. Attiva il tema e importa il kit Elementor per applicare colori, tipografia, bottoni e form responsive. Author: AB Net Author URI: https://abnet.it Template: hello-elementor Version: 1.0.0 Requires at least: 6.0 Tested up to: 6.7 Requires PHP: 7.4 License: GNU General Public License v3 or later License URI: https://www.gnu.org/licenses/gpl-3.0.html Text Domain: centri-dentistici-caruso */ /* ================================================================= CSS VARIABLES — Design token estratti pixel-perfect dal sito Dentalia originale (sviluppo.clinicacaruso.com). Fallback globale per elementi non gestiti da Elementor. I valori Elementor Site Settings (kit) hanno priorita sui widget. ================================================================= */ :root { /* COLORI — verificati contro dentalia-dynamic-css */ --color-primary: #1971c0; --color-primary-hover: #2880cf; --color-secondary: #15457c; --color-secondary-hover: #24548b; --color-accent: #60af00; --color-accent-hover: #6fbe0f; --color-text: #959595; --color-heading: #595959; --color-link: #212121; --color-bg: #ffffff; --color-bg-alt: #efefef; --color-border: #e5e5e5; --color-dark: #0a0a0a; --color-footer: #0055a0; --color-white: #ffffff; /* FONT — da Google Fonts nel originale */ --font-body: 'Open Sans', sans-serif; --font-heading: 'Montserrat', sans-serif; --font-button: 'Montserrat', sans-serif; /* LAYOUT — DESKTOP */ --container-width: 1140px; --section-padding: 60px; /* BORDER RADIUS */ --radius-btn: 2px; --radius-card: 2px; --radius-input: 2px; /* TRANSIZIONI */ --transition: 0.3s ease; } /* ================================================================= RESPONSIVE VARIABLES Coprono SOLO elementi non gestiti da Elementor. Tipografia/bottoni/form responsive sono nel kit Elementor. ================================================================= */ @media (max-width: 991px) { :root { --section-padding: 48px; } } @media (max-width: 767px) { :root { --section-padding: 36px; --container-width: 100%; } } /* ================================================================= STILI CHE ELEMENTOR SITE SETTINGS NON COPRE Solo cio che non si puo configurare da Site Settings > Theme Style. Tipografia h1-h6, bottoni, form -> tutto nel kit Elementor. ================================================================= */ /* Selezione testo */ ::selection { background-color: var(--color-primary); color: var(--color-white); } /* Link globali (fallback — Theme Style li gestisce per Elementor) */ a { transition: color var(--transition); } /* Hover effect card generico */ .cdc-hover-lift { transition: box-shadow var(--transition), transform var(--transition); } .cdc-hover-lift:hover { box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1); transform: translateY(-5px); } /* Classi sfondo utility */ .cdc-bg-alt { background-color: var(--color-bg-alt); } .cdc-bg-dark { background-color: var(--color-dark); color: var(--color-white); } .cdc-bg-primary { background-color: var(--color-primary); color: var(--color-white); } .cdc-bg-secondary { background-color: var(--color-secondary); color: var(--color-white); } .cdc-bg-accent { background-color: var(--color-accent); color: var(--color-white); } .cdc-bg-footer { background-color: var(--color-footer); color: var(--color-white); } /* ================================================================= RESPONSIVE UTILITIES ================================================================= */ @media (max-width: 767px) { .cdc-hide-mobile { display: none !important; } } @media (min-width: 768px) { .cdc-hide-desktop { display: none !important; } } @media (max-width: 767px) { .cdc-btn-full-mobile { width: 100% !important; text-align: center; } } add_action('wp_enqueue_scripts', function() { wp_enqueue_style( 'icomoon-icons', 'https://new.centridentisticicaruso.com/wp-content/uploads/elementor/custom-icons/icomoon/style.css', [], '1.0.0' ); });