/* ============================================================
   PAGE RENDEZ-VOUS — Bro's Perfs
   Vient compléter assets/css/styleform.css
   ============================================================ */

#contact {
    padding-top: 190px;
}

.recap-devis {
    width: 100%;
    max-width: 700px;
    background: #111;
    border: 2px solid #ff7300;
    border-radius: 20px;
    padding: 30px 40px;
    margin-bottom: 30px;
}

.recap-devis h2 {
    color: #ff7300;
    font-size: 1.4rem;
    text-align: center;
    margin-bottom: 20px;
}

.recap-devis .recap-ligne {
    display: flex;
    justify-content: space-between;
    color: white;
    padding: 10px 0;
    border-bottom: 1px solid #333;
    font-size: 0.95rem;
}

.recap-devis .recap-total {
    display: flex;
    justify-content: space-between;
    margin-top: 15px;
    padding-top: 15px;
    border-top: 2px solid #ff7300;
    color: #ff7300;
    font-size: 1.3rem;
    font-weight: bold;
}

.recap-devis .recap-vide {
    color: #999;
    text-align: center;
    font-size: 0.95rem;
    line-height: 1.6;
}

.recap-devis .recap-vide a {
    color: #ff7300;
    font-weight: bold;
}

.recap-devis .modifier-devis {
    display: block;
    text-align: center;
    margin-top: 18px;
    color: #ff7300;
    text-decoration: none;
    font-size: 0.85rem;
    font-weight: bold;
}

.recap-devis .modifier-devis:hover {
    text-decoration: underline;
}

/* ---------------- AGENDA ---------------- */
.agenda-card{width:100%;max-width:700px;background:#111;border:2px solid #ff7300;border-radius:20px;padding:28px 32px;margin-bottom:30px;box-shadow:0 0 25px rgba(255,115,0,.08)}
.agenda-header{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:20px}.agenda-kicker{font-size:.7rem;letter-spacing:2px;color:#888}.agenda-header h2{color:#fff;font-size:1.35rem;margin-top:5px}.agenda-status{color:#ff7300;font-size:.8rem;font-weight:700;text-align:right}.agenda-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.agenda-note{margin-top:5px;color:#888;font-size:.8rem;line-height:1.5}.agenda-note i{color:#ff7300}.input-box select{width:100%;padding:15px 20px 15px 55px;background:#1a1a1a;border:2px solid #333;border-radius:12px;color:#fff;font-size:1rem;appearance:auto}.input-box select:focus{outline:none;border-color:#ff7b00;box-shadow:0 0 15px rgba(255,123,0,.45)}
.help-wrapper .vin-help{position:absolute;right:8px;top:50%;transform:translateY(-50%);width:28px;height:28px;padding:0;border-radius:50%;border:1px solid #ff7300;background:#111;color:#ff7300;font-weight:900;cursor:pointer;z-index:3}.vin-tooltip{display:none;position:absolute;right:0;top:calc(100% + 10px);width:min(340px,90vw);padding:14px;background:#191919;border:1px solid #ff7300;border-radius:12px;color:#ccc;font-size:.8rem;line-height:1.5;z-index:20;box-shadow:0 10px 30px rgba(0,0,0,.5)}.vin-tooltip::before{content:"";position:absolute;right:12px;top:-7px;width:12px;height:12px;background:#191919;border-left:1px solid #ff7300;border-top:1px solid #ff7300;transform:rotate(45deg)}.vin-tooltip.visible{display:block}
.creneau-indisponible{color:#777!important}.agenda-error{color:#ff6b6b;font-size:.85rem;margin-top:10px}.agenda-ok{color:#7CFC00;font-size:.85rem;margin-top:10px}
@media(max-width:600px){.agenda-card{padding:22px 18px}.agenda-grid{grid-template-columns:1fr}.agenda-header{flex-direction:column}.agenda-status{text-align:left}.vin-tooltip{right:-5px}}

/* ---------------- GOOGLE CALENDAR ---------------- */
.google-booking-card{overflow:hidden}
.google-calendar-placeholder{min-height:220px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:30px 20px;background:#0b0b0b;border:1px solid #292929;border-radius:15px}
.google-calendar-placeholder i{font-size:2.4rem;color:#ff7300;margin-bottom:14px}
.google-calendar-placeholder h3{color:#fff;margin-bottom:8px}
.google-calendar-placeholder p{max-width:560px;color:#999;line-height:1.6;font-size:.9rem}
#google-calendar-frame{width:100%;height:720px;border:0;border-radius:14px;background:#fff;margin-top:5px}
.google-calendar-open{display:block;text-align:center;margin-top:15px}
.form-note-rdv{color:#888;text-align:center;font-size:.78rem;line-height:1.5;margin-top:12px}
@media(max-width:600px){#google-calendar-frame{height:760px}.google-calendar-placeholder{min-height:240px}}


/* ---------------- GOOGLE BOOKING - V4 ---------------- */
.booking-intro{
    background:#0b0b0b;
    border:1px solid #292929;
    border-radius:14px;
    padding:18px 20px;
    margin-bottom:18px;
    color:#bbb;
    line-height:1.65;
    font-size:.9rem;
}
.booking-intro p + p{margin-top:7px}
.booking-intro strong{color:#fff}
.google-calendar-frame{
    display:block;
}
.google-calendar-open{
    display:block;
    width:100%;
    text-align:center;
    margin:16px 0 0;
}
.google-calendar-open i{margin-right:8px}
.booking-security{
    display:flex;
    align-items:flex-start;
    gap:10px;
    margin-top:16px;
    padding:12px 14px;
    border-radius:10px;
    background:rgba(246,97,2,.06);
    border:1px solid rgba(246,97,2,.2);
    color:#888;
    font-size:.76rem;
    line-height:1.5;
}
.booking-security i{color:#F66102;margin-top:2px}
@media(max-width:600px){
    .booking-intro{padding:16px;font-size:.85rem}
    #google-calendar-frame{height:760px;min-height:760px}
    .booking-security{font-size:.72rem}
}