/* =========================================================================
   ROMOTOP — mini-calculateur de volume (bloc des pages categorie)
   Source : livraison prestataire, fichier 03-CSS-mini-calculateur.css.
   Charge sur tout le site : le bloc n'existe que sur les pages equipees.
   ========================================================================= */

.rt-mini{margin:30px 0;border:1px solid #dcdcdc;border-left:3px solid #ff4c00;border-radius:0 10px 10px 0;
  background-color:#ffffff;padding:20px 24px;color:#33302c;line-height:1.55;
  font-family:"Source Sans Pro","Segoe UI",-apple-system,Arial,sans-serif}
.rt-mini *{box-sizing:border-box}
.rt-mini__hd{font-size:12px;letter-spacing:2px;text-transform:uppercase;font-weight:800;color:#ff4c00;margin:0 0 4px}
.rt-mini__ti{font-size:17px;font-weight:700;color:#1a1a1a;margin:0 0 14px}

.rt-mini__grid{display:flex;flex-wrap:wrap;align-items:flex-end;gap:14px}
.rt-mini__f{flex:0 0 auto}
.rt-mini__f label{display:block;font-size:12.5px;color:#717171;font-weight:600;margin-bottom:5px}
.rt-mini__f input{width:104px;padding:9px 11px;font-size:15.5px;font-family:inherit;color:#1a1a1a;
  background-color:#ffffff;border:1px solid #dcdcdc;border-radius:6px}
.rt-mini__f input:focus{outline:2px solid #ff4c00;outline-offset:1px;border-color:#ff4c00}

.rt-mini__rooms{display:flex;flex-wrap:wrap;gap:8px;margin:0}
.rt-mini__rooms input{width:82px}
.rt-mini__add,.rt-mini__rst{background:none;border:0;padding:0;margin:9px 12px 0 0;font:inherit;font-size:13.5px;
  font-weight:700;color:#ff4c00;cursor:pointer;text-align:left}
.rt-mini__rst{font-weight:400;color:#9a948c;display:none}
.rt-mini__add:hover,.rt-mini__rst:hover{text-decoration:underline}

.rt-mini__out{flex:1 1 210px;min-width:200px;border-left:1px solid #dcdcdc;padding-left:20px}
.rt-mini__vol{font-size:26px;font-weight:800;color:#ff4c00;line-height:1.1}
.rt-mini__kw{font-size:14px;color:#717171;margin-top:5px}
.rt-mini__kw b{color:#1a1a1a}
.rt-mini__lk{display:inline-block;margin-top:11px;font-size:14px;font-weight:700;color:#ff4c00;text-decoration:none}
.rt-mini__lk:hover{text-decoration:underline}
.rt-mini__fp{margin:14px 0 0;font-size:12.5px;color:#9a948c;line-height:1.5}

@media (max-width:760px){
  .rt-mini{padding:18px 20px}
  .rt-mini__grid{display:block}
  .rt-mini__f{margin-bottom:14px}
  .rt-mini__f input{width:100%}
  .rt-mini__rooms input{width:calc(50% - 4px)}
  .rt-mini__out{border-left:0;border-top:1px solid #dcdcdc;padding-left:0;padding-top:16px;margin-top:4px}
}