/*
Theme Name:   Astra Child - Webdesign and co
Theme URI:    https://webdesignandco.org
Description:  Thème enfant d'Astra personnalisé pour Webdesign and co - Agence Web Franco-Emirienne
Author:       Webdesign and co
Author URI:   https://webdesignandco.org
Template:     astra
Version:      1.0.0
License:      GNU General Public License v2 or later
License URI:  http://www.gnu.org/licenses/gpl-2.0.html
Text Domain:  astra-child
Tags: custom, webdesign, astra-child
*/

/* ===== WEBDESIGN AND CO - CUSTOM STYLES ===== */

/* Variables de couleur (brand) */
:root {
    --wdc-primary:     #7B2FFF;
    --wdc-primary-dark: #5a1fd4;
    --wdc-primary-light: #9a5fff;
    --wdc-white:       #ffffff;
    --wdc-dark:        #1a1a2e;
    --wdc-gray-light:  #f8f9fa;
    --wdc-gray:        #6c757d;
}

/* Boutons principaux en violet brand */
.ast-custom-button,
.elementor-button.elementor-size-md,
.wp-block-button__link,
.wpcf7-submit,
.elementor-button {
    background-color: var(--wdc-primary) !important;
    border-color: var(--wdc-primary) !important;
    transition: background-color 0.3s ease, transform 0.2s ease;
}

.ast-custom-button:hover,
.elementor-button:hover,
.wp-block-button__link:hover {
    background-color: var(--wdc-primary-dark) !important;
    border-color: var(--wdc-primary-dark) !important;
    transform: translateY(-2px);
}

/* Liens en violet brand */
a,
.ast-breadcrumbs a {
    color: var(--wdc-primary);
}

a:hover {
    color: var(--wdc-primary-dark);
}

/* Focus accessible */
a:focus,
button:focus,
input:focus,
textarea:focus {
    outline: 2px solid var(--wdc-primary);
    outline-offset: 2px;
}

/* Amélioration lisibilité mobile */
@media (max-width: 768px) {
    .ast-container {
        padding-left: 16px;
        padding-right: 16px;
    }
    
    h1 { font-size: 1.8rem; }
    h2 { font-size: 1.5rem; }
}

/* Skip link accessibilité */
.skip-link {
    position: absolute;
    top: -40px;
    left: 0;
    background: var(--wdc-primary);
    color: white;
    padding: 8px;
    text-decoration: none;
    z-index: 9999;
}

.skip-link:focus {
    top: 0;
}