/*
Theme Name: OceanWP Child - Stamipol
Theme URI: https://stamipol.sn
Description: Theme enfant pour Stamipol avec gestion multi-agents WooCommerce
Author: Dopamine Agency
Author URI: https://dopamine.agency
Template: oceanwp
Version: 1.0.0
Text Domain: oceanwp-child
*/

/* ============================================================
   STYLES CHECKOUT - Type de vente
   ============================================================ */

.stamipol-sale-type,
.stamipol-delivery-info {
    margin: 25px 0;
    padding: 25px;
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.05);
}

.stamipol-sale-type {
    background: #f8f9fa;
    border-left: 4px solid #0073aa;
}

.stamipol-delivery-info {
    background: #f0f9ff;
    border-left: 4px solid #0284c7;
}

.stamipol-sale-type h3,
.stamipol-delivery-info h3 {
    margin-top: 0;
    margin-bottom: 20px;
    color: #0073aa;
    font-size: 1.2em;
    font-weight: 600;
}

/* Radio buttons */
.stamipol-sale-type .woocommerce-input-wrapper {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.stamipol-sale-type input[type="radio"] {
    margin-right: 10px;
}

/* Textarea et inputs */
.stamipol-delivery-info textarea {
    min-height: 100px;
    padding: 12px;
    border-radius: 4px;
    border: 1px solid #ddd;
    width: 100%;
    font-family: inherit;
}

.stamipol-delivery-info select,
.stamipol-delivery-info input[type="text"],
.stamipol-delivery-info input[type="tel"] {
    padding: 10px;
    border-radius: 4px;
    border: 1px solid #ddd;
    width: 100%;
}

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

@media (max-width: 768px) {
    .stamipol-sale-type,
    .stamipol-delivery-info {
        padding: 15px;
        margin: 15px 0;
    }
    
    .stamipol-sale-type h3,
    .stamipol-delivery-info h3 {
        font-size: 1.1em;
    }
}

/* ============================================================
   ADMIN - Colonnes
   ============================================================ */

.wp-list-table .column-commercial,
.wp-list-table .column-sale_type {
    width: 130px;
}

/* ============================================================
   ADMIN - Bouton WhatsApp
   ============================================================ */

.button-primary[href*="wa.me"] {
    background: #25D366 !important;
    border-color: #25D366 !important;
}

.button-primary[href*="wa.me"]:hover {
    background: #128C7E !important;
    border-color: #128C7E !important;
}