/**
 * Styles front-office du module psquotes
 */

/* Bouton devis dans le panier */
.psquotes-cart-button {
    padding: 15px;
    border-top: 1px solid #e5e5e5;
    margin-top: 15px;
}

.psquotes-cart-button .btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.psquotes-cart-button .btn .material-icons {
    font-size: 20px;
}

/* Bouton devis sur fiche produit */
.psquotes-product-button .btn {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
}

.psquotes-product-button .btn .material-icons {
    font-size: 18px;
}

/* Lien Mes devis dans le compte client */
#psquotes-link .link-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    padding: 20px;
}

#psquotes-link .link-item .material-icons {
    font-size: 36px;
    color: #333;
}

/* Page de demande de devis */
.psquotes-request .card {
    margin-bottom: 20px;
}

.psquotes-request .card-header h3 {
    margin: 0;
    font-size: 18px;
}

/* Page de confirmation */
.psquotes-confirmation .card {
    max-width: 600px;
    margin: 0 auto;
}

/* Liste des devis */
.psquotes-list .badge {
    font-size: 0.85em;
    padding: 5px 10px;
}

.psquotes-list .btn-sm {
    padding: 4px 8px;
}

.psquotes-list .btn-sm .material-icons {
    font-size: 16px;
}

/* Détail du devis */
.psquotes-detail .card {
    margin-bottom: 20px;
}

.psquotes-detail .card-header h3,
.psquotes-detail .card-header h4 {
    margin: 0;
}

.psquotes-detail .badge {
    font-size: 0.95em;
}

/* Responsive */
@media (max-width: 768px) {
    .psquotes-detail .table {
        font-size: 0.85em;
    }

    .psquotes-list .table {
        font-size: 0.85em;
    }

    .psquotes-cart-button .btn {
        width: 100%;
    }
}