/* ─── Coordination des remises — page de commande ──────────────────────────── */

.pl-handoff-order-wrap {
    margin-top: 40px;
    border-top: 2px solid #EEEEEE;
    padding-top: 32px;
}

.pl-ho-main-title {
    font-family: Nunito, sans-serif;
    font-weight: 900;
    font-size: 22px;
    color: #3E211F;
    margin: 0 0 24px;
}

/* ── Section (remise / retour) ─────────────────────────────────────────────── */

.pl-ho-section {
    background: #ffffff;
    border: 2px solid #EEEEEE;
    border-radius: 15px;
    padding: 24px;
    margin-bottom: 20px;
}

.pl-ho-section-title {
    font-family: Nunito, sans-serif;
    font-weight: 900;
    font-size: 17px;
    color: #3E211F;
    margin: 0 0 16px;
}

/* ── État vide ─────────────────────────────────────────────────────────────── */

.pl-ho-empty p {
    font-family: Nunito, sans-serif;
    font-size: 14px;
    color: #888888;
    margin: 0 0 12px;
    line-height: 1.5;
}

/* ── Proposition (pending / accepted) ─────────────────────────────────────── */

.pl-ho-proposal {
    background: #FAFAFA;
    border-radius: 10px;
    padding: 16px 20px;
    margin-bottom: 12px;
}

.pl-ho-proposal-meta {
    font-family: Nunito, sans-serif;
    font-size: 13px;
    color: #888888;
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

.pl-ho-proposal-meta strong {
    color: #3E211F;
}

.pl-ho-proposal-detail {
    display: flex;
    flex-direction: column;
    gap: 4px;
    margin-bottom: 14px;
}

.pl-ho-detail-date {
    font-family: Nunito, sans-serif;
    font-weight: 700;
    font-size: 16px;
    color: #3E211F;
}

.pl-ho-detail-place {
    font-family: Nunito, sans-serif;
    font-size: 14px;
    color: #555555;
}

.pl-ho-detail-comment {
    font-family: Nunito, sans-serif;
    font-size: 13px;
    color: #888888;
    font-style: italic;
}

.pl-ho-actions {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}

/* ── Badges ────────────────────────────────────────────────────────────────── */

.pl-ho-badge {
    display: inline-block;
    font-family: Nunito, sans-serif;
    font-size: 12px;
    font-weight: 700;
    padding: 3px 10px;
    border-radius: 20px;
    white-space: nowrap;
}

.pl-ho-badge--confirmed {
    background: #e6f9f0;
    color: #1a7a47;
}

.pl-ho-badge--free {
    background: #e6f9f0;
    color: #1a7a47;
}

.pl-ho-badge--extra {
    background: #fff3cd;
    color: #856404;
}

/* ── Boutons ───────────────────────────────────────────────────────────────── */

.pl-ho-btn {
    display: inline-block;
    font-family: Nunito, sans-serif;
    font-weight: 700;
    font-size: 14px;
    padding: 9px 20px;
    border-radius: 10px;
    border: none;
    cursor: pointer;
    transition: background 0.2s, color 0.2s;
    text-decoration: none;
}

.pl-ho-btn-accept {
    background: #F9867B;
    color: #3E211F;
}

.pl-ho-btn-accept:hover {
    background: #f06b5f;
}

.pl-ho-btn-propose {
    background: #3E211F;
    color: #ffffff;
}

.pl-ho-btn-propose:hover {
    background: #5a312f;
}

.pl-ho-btn-outline {
    background: transparent;
    color: #3E211F;
    border: 1.5px solid #EEEEEE;
}

.pl-ho-btn-outline:hover {
    border-color: #3E211F;
    background: #FAFAFA;
}

.pl-ho-btn:disabled {
    opacity: 0.6;
    cursor: not-allowed;
}

/* ── Formulaire de proposition ─────────────────────────────────────────────── */

.pl-ho-form {
    border-top: 1px solid #EEEEEE;
    padding-top: 20px;
    margin-top: 8px;
}

.pl-ho-form h4 {
    font-family: Nunito, sans-serif;
    font-weight: 900;
    font-size: 15px;
    color: #3E211F;
    margin: 0 0 12px;
}

.pl-ho-form-info {
    font-family: Nunito, sans-serif;
    font-size: 13px;
    color: #555555;
    background: #FFF9F0;
    border-left: 3px solid #F9867B;
    padding: 10px 14px;
    border-radius: 0 8px 8px 0;
    margin-bottom: 16px;
    line-height: 1.5;
}

.pl-ho-form-actions {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    margin-top: 4px;
}

/* Indicateur de facturation sur le champ date de retour */
.pl-ho-billing-hint {
    display: block;
    margin-top: 6px;
}

/* ── Champs (réutilise les classes de handoff-checkout.css) ────────────────── */

.pl-handoff-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
    margin-bottom: 16px;
}

@media (max-width: 600px) {
    .pl-handoff-row {
        grid-template-columns: 1fr;
    }
}

.pl-handoff-field {
    margin-bottom: 16px;
}

.pl-handoff-field label {
    display: block;
    font-family: Nunito, sans-serif;
    font-weight: 700;
    font-size: 14px;
    color: #3E211F;
    margin-bottom: 6px;
}

.pl-handoff-field label abbr {
    text-decoration: none;
    color: #F9867B;
    margin-left: 2px;
}

.pl-handoff-field input[type="date"],
.pl-handoff-field input[type="text"],
.pl-handoff-field select,
.pl-handoff-field textarea {
    width: 100%;
    padding: 10px 14px;
    border: 1.5px solid #EEEEEE;
    border-radius: 10px;
    font-family: Nunito, sans-serif;
    font-size: 15px;
    color: #3E211F;
    background: #FAFAFA;
    box-sizing: border-box;
    transition: border-color 0.2s, background 0.2s;
    appearance: none;
    -webkit-appearance: none;
}

.pl-handoff-field input:focus,
.pl-handoff-field select:focus,
.pl-handoff-field textarea:focus {
    border-color: #F9867B;
    background: #ffffff;
    outline: none;
}

.pl-handoff-field textarea {
    resize: vertical;
    min-height: 68px;
}

.pl-handoff-hint {
    display: block;
    font-family: Nunito, sans-serif;
    font-size: 12px;
    color: #aaaaaa;
    margin-top: 4px;
}

/* ── Historique ────────────────────────────────────────────────────────────── */

.pl-ho-history {
    margin-top: 12px;
    border-top: 1px dashed #EEEEEE;
    padding-top: 12px;
}

.pl-ho-history-toggle {
    background: none;
    border: none;
    font-family: Nunito, sans-serif;
    font-size: 13px;
    font-weight: 700;
    color: #888888;
    cursor: pointer;
    padding: 0;
    text-decoration: underline;
}

.pl-ho-history-toggle:hover {
    color: #3E211F;
}

.pl-ho-history-list {
    list-style: none;
    margin: 12px 0 0;
    padding: 0;
}

.pl-ho-hist-item {
    display: flex;
    align-items: baseline;
    gap: 8px;
    padding: 8px 0;
    border-bottom: 1px solid #EEEEEE;
    flex-wrap: wrap;
}

.pl-ho-hist-item:last-child {
    border-bottom: none;
}

.pl-ho-hist-who {
    font-family: Nunito, sans-serif;
    font-weight: 700;
    font-size: 13px;
    color: #3E211F;
    flex-shrink: 0;
}

.pl-ho-hist-detail {
    font-family: Nunito, sans-serif;
    font-size: 13px;
    color: #555555;
    flex: 1;
}

.pl-ho-hist-ago {
    font-family: Nunito, sans-serif;
    font-size: 12px;
    color: #aaaaaa;
    flex-shrink: 0;
}

/* ── Surcharge dropdown Google Places ──────────────────────────────────────── */

.pac-container {
    border-radius: 10px !important;
    border: 1.5px solid #EEEEEE !important;
    box-shadow: 0 4px 20px rgba(62, 33, 31, 0.08) !important;
    font-family: Nunito, sans-serif !important;
    margin-top: 4px;
}

.pac-item {
    padding: 10px 14px !important;
    font-family: Nunito, sans-serif !important;
    font-size: 14px !important;
    color: #3E211F !important;
    cursor: pointer;
    border-top: 1px solid #EEEEEE !important;
}

.pac-item:first-child {
    border-top: none !important;
}

.pac-item:hover,
.pac-item-selected {
    background: #FFF5F5 !important;
}

.pac-icon,
.pac-logo {
    display: none !important;
}

.pac-item-query {
    font-weight: 700 !important;
    color: #3E211F !important;
}