/*
Theme Name: Zdesigner
Theme URI: http://zdesigner.local
Author: Zdesigner Team
Author URI: http://zdesigner.local
Description: Thème personnalisé pour la boutique de mode traditionnelle marocaine Zdesigner avec support WooCommerce
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: zdesigner
Tags: e-commerce, tailwind, woocommerce, fashion, moroccan
*/

/* Tailwind CSS sera chargé via CDN dans functions.php */

/* ============================================
   MOBILE TOUCH OPTIMIZATION - CRITICAL
   ============================================ */

/* Remove ALL delays on mobile - Fast click response */
* {
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
}

/* Make all interactive elements respond instantly */
a, button, input, select, textarea, label, 
[role="button"], [onclick], .btn, .button {
    cursor: pointer;
    -webkit-tap-highlight-color: rgba(236, 182, 19, 0.2);
    touch-action: manipulation;
    -ms-touch-action: manipulation;
}

/* Prevent double-tap zoom on buttons/links */
button, a, .btn, .button, input[type="button"], input[type="submit"] {
    touch-action: manipulation;
    -ms-touch-action: manipulation;
    user-select: none;
    -webkit-user-select: none;
}

/* Keep text selectable */
p, span, h1, h2, h3, h4, h5, h6, input, textarea {
    -webkit-user-select: text;
    user-select: text;
}

/* Disable hover effects on touch devices */
@media (hover: none) and (pointer: coarse) {
    a:hover, button:hover {
        transform: none !important;
    }
}