/**

 * Cart Conversion Notice - Design La Boutique de la Mémée

 * Couleurs: #142451 (bleu), #F0B9F0 (rose), #F2E2D0 (crème)

 */



.wgb-cart-conversion-notice {

    background: linear-gradient(135deg, #142451 0%, #1e3a6e 100%);

    color: white;

    padding: 25px;

    border-radius: 15px;

    margin-bottom: 20px;

    display: flex;

    gap: 20px;

    align-items: flex-start;

    box-shadow: 0 4px 20px rgba(20, 36, 81, 0.3);

    border: 2px solid #F0B9F0;

}



.wgb-conversion-icon {

    font-size: 50px;

    line-height: 1;

}



.wgb-conversion-content {

    flex: 1;

}



.wgb-conversion-content h3 {

    margin: 0 0 10px 0;

    color: #F0B9F0;

    font-size: 22px;

    font-family: 'Impact', 'Arial Black', Arial, sans-serif;

    letter-spacing: 0.5px;

}



.wgb-conversion-content p {

    margin: 10px 0;

    color: rgba(255, 255, 255, 0.95);

    line-height: 1.6;

}



.wgb-group-select {

    width: 100%;

    padding: 12px 15px;

    border: 2px solid rgba(240, 185, 240, 0.5);

    border-radius: 8px;

    background: rgba(255, 255, 255, 0.1);

    color: white;

    font-size: 14px;

    margin: 15px 0;

    transition: border-color 0.2s ease;

}



.wgb-group-select:focus {

    outline: none;

    border-color: #F0B9F0;

}



.wgb-group-select option {

    color: #142451;

    background: #fff;

}



.wgb-single-group-info {

    background: rgba(242, 226, 208, 0.15);

    padding: 15px;

    border-radius: 8px;

    margin: 15px 0;

    border-left: 3px solid #F0B9F0;

}



.wgb-btn-convert-cart {

    background: #F0B9F0;

    color: #142451;

    border: none;

    padding: 15px 30px;

    border-radius: 10px;

    font-size: 16px;

    font-weight: bold;

    cursor: pointer;

    transition: all 0.3s ease;

    width: 100%;

    margin-top: 15px;

    text-transform: uppercase;

    letter-spacing: 0.5px;

}



.wgb-btn-convert-cart:hover {

    background: #F2E2D0;

    transform: translateY(-2px);

    box-shadow: 0 5px 15px rgba(240, 185, 240, 0.4);

}



.wgb-btn-convert-cart:disabled {

    opacity: 0.6;

    cursor: not-allowed;

    transform: none;

}



.wgb-conversion-help {

    margin-top: 10px;

    margin-bottom: 0;

}



.wgb-conversion-help small {

    color: rgba(255, 255, 255, 0.8);

    font-size: 13px;

}



/* Animation subtile */

@keyframes softPulse {

    0%, 100% {

        box-shadow: 0 4px 20px rgba(20, 36, 81, 0.3);

    }

    50% {

        box-shadow: 0 4px 25px rgba(240, 185, 240, 0.3);

    }

}



.wgb-cart-conversion-notice {

    animation: softPulse 3s ease-in-out infinite;

}



.wgb-cart-conversion-notice:hover {

    animation: none;

    box-shadow: 0 6px 25px rgba(240, 185, 240, 0.4);

}



/* Responsive */

@media (max-width: 768px) {

    .wgb-cart-conversion-notice {

        flex-direction: column;

        text-align: center;

        padding: 20px;

    }



    .wgb-conversion-icon {

        font-size: 40px;

    }



    .wgb-conversion-content h3 {

        font-size: 18px;

    }

}