/* Stilul site-ului nou peste paginile de rezervare ale lui Richard (servite prin
   functions/morzinestorage/[[path]].js). Doar aspect: nu ascunde niciun camp si nu
   schimba niciun formular. Aceleasi culori si fonturi ca www.morzinestorage.com. */
:root{--bg:#f6f4ef;--ink:#151412;--ink-2:#44423d;--muted:#6b6862;--line:#e4e1d9;--paper:#fff;--accent:#9c3a26;
  --serif:'Cormorant Garamond',Georgia,serif;--sans:'Jost',system-ui,-apple-system,sans-serif;}
html,body{background:var(--bg)!important;}
body{background-image:none!important;font-family:var(--sans)!important;color:var(--ink)!important;font-size:17px!important;line-height:1.55!important;}
body *{font-family:inherit;}
.fa,.fa::before,[class^="fa-"]::before,[class*=" fa-"]::before{font-family:FontAwesome!important;}
.glyphicon,.glyphicon::before{font-family:'Glyphicons Halflings'!important;}

/* bara noastra de sus, in locul antetului vechi (logo, iconite, steaguri) */
.ms-top{position:sticky;top:0;z-index:1000;display:flex;align-items:center;justify-content:space-between;gap:12px;
  padding:14px max(22px,calc((100vw - 1160px)/2 + 22px));background:#fff;border-bottom:1px solid var(--line);}
.ms-brand{font-family:var(--serif)!important;font-weight:500;font-size:28px;color:var(--ink)!important;text-decoration:none!important;white-space:nowrap;}
.ms-brand span{font-style:italic;}
.ms-back{font-size:16px;color:var(--ink)!important;border:1px solid var(--line);border-radius:6px;padding:10px 16px;text-decoration:none!important;white-space:nowrap;}
.ms-back:hover{border-color:var(--ink);}
header .header-container,.header-container.header-bg{display:none!important;}

/* continutul */
.container{max-width:1160px!important;width:auto!important;padding-left:22px!important;padding-right:22px!important;background:transparent!important;}
.panel,.panel-default,.aside_bg{background:var(--paper)!important;border:1px solid var(--line)!important;border-radius:12px!important;box-shadow:none!important;color:var(--ink)!important;}
.panel-heading{background:#fff!important;border-bottom:1px solid var(--line)!important;color:var(--ink)!important;}
legend,h1,h2,h3,h4,.aside_bg h2,.icon-heading,.PageHeader{font-family:var(--serif)!important;font-weight:500!important;color:var(--ink)!important;letter-spacing:-.005em;text-shadow:none!important;}
legend{font-size:32px!important;border-bottom:1px solid var(--line)!important;padding-bottom:8px;}
.aside_bg h2{font-size:28px!important;}
.aside_bg p,.panel p,label,.help-block,.collectionlabel,.checkbox,td,th{color:var(--ink-2)!important;font-size:16px!important;text-shadow:none!important;}
.textshadow,.shadow{text-shadow:none!important;}
a{color:var(--accent);}
a:hover{color:var(--ink);}

/* campuri si butoane, ca pe site */
.form-control,.input-group-addon,select,input[type=text],input[type=email],input[type=password],input[type=number],input[type=tel],textarea{
  font-size:16px!important;min-height:48px;border-radius:6px!important;border:1px solid var(--line)!important;box-shadow:none!important;background:#fff!important;color:var(--ink)!important;}
.form-control:focus,select:focus,input:focus{border-color:var(--ink)!important;outline:none;}
.input-group-addon{min-height:0;background:var(--bg)!important;}
.btn,.buttonstyle,.btn-gonext,button,input[type=submit]{font-family:var(--sans)!important;font-size:16px!important;border-radius:6px!important;text-shadow:none!important;box-shadow:none!important;background-image:none!important;}
.btn-success,.btn-primary,.btn-gonext,.buttonstyle,input[type=submit],button[type=submit]{background:var(--ink)!important;border:1px solid var(--ink)!important;color:var(--bg)!important;min-height:48px;padding:12px 22px!important;}
.btn-success:hover,.btn-primary:hover,.btn-gonext:hover,.buttonstyle:hover{background:#000!important;}
.btn-default{background:#fff!important;border:1px solid var(--line)!important;color:var(--ink)!important;}

/* pasii 1-5 */
.progressbar{margin:26px 0 22px!important;}
.progressbar > li{color:var(--muted)!important;font-size:15px!important;}
.progressbar > li .desktoponly{color:var(--ink-2)!important;}
.progressbar > li:before{background:#fff!important;border:1px solid var(--line)!important;color:var(--ink)!important;box-shadow:none!important;}
.progressbar > li:after{background:var(--line)!important;}
.progressbar > li.is-active,.progressbar > li.is-complete{color:var(--ink)!important;}
.progressbar > li.is-active:before,.progressbar > li.is-complete:before{background:var(--ink)!important;border-color:var(--ink)!important;color:var(--bg)!important;}

/* mesaje */
.alert-danger{background:#fbeeea!important;border:1px solid #efc9bf!important;color:#7a2a1b!important;border-radius:8px!important;}
.alert-success{background:#eef5ef!important;border:1px solid #cfe3d2!important;color:#1f5b2c!important;border-radius:8px!important;}
.alert-success:before{color:#1f5b2c!important;}

/* tabele (cosul) */
.table,.TabletTable{background:#fff!important;color:var(--ink)!important;}
.TabletTable thead th{background:var(--bg)!important;color:var(--ink)!important;}
.TabletTable tr:nth-child(even){background:#fbfaf7!important;}

/* calendarul */
.datepicker{font-family:var(--sans)!important;}
.datepicker table tr td.active,.datepicker table tr td.active:hover,.datepicker table tr td.active.active{background:var(--ink)!important;background-image:none!important;color:var(--bg)!important;}

/* subsolul vechi: pe fundal inchis, ca pe site */
.footer-container{background:var(--ink)!important;color:#d9d6cf!important;border-radius:12px;padding:28px 22px!important;margin-top:28px;}
.footer-container h3,footer h3{font-family:var(--serif)!important;color:#fff!important;}
.footer-container a,.footer-container p,.footer-container label,footer ul li{color:#d9d6cf!important;}
.footer-container .form-control{background:#fff!important;}

@media (max-width:767px){
  .ms-brand{font-size:24px;}
  .ms-back{padding:9px 12px;font-size:15px;}
  legend{font-size:28px!important;}
}
@media (max-width:359px){.ms-back{display:none;}}

/* casutele goale dintre campuri (resturi de design vechi) */
.input-group-addon:empty{display:none!important;}

/* ---- runda 2 de retusuri (29 sept) ---- */
/* spatiile dintre campuri: fara cutii gri; "to" ramane ca text simplu */
.input-group-addon{background:transparent!important;border:0!important;color:var(--muted)!important;padding:0 10px!important;font-size:15px!important;min-height:0!important;}
/* bifa de colectare, marime de deget */
.checkbox input[type=checkbox],input[type=checkbox]{width:22px!important;height:22px!important;accent-color:var(--ink);margin:1px 0 0 -32px!important;}
.checkbox label{padding-left:32px!important;min-height:26px;}
/* eticheta de pret din butonul "Add to basket" */
.btn .badge{background:var(--bg)!important;color:var(--ink)!important;font-weight:500!important;font-size:14px!important;margin-left:8px;padding:4px 9px!important;}
/* Login / Register: control cu doua butoane, cel ales plin */
.nav-tabs{display:flex!important;border:1px solid var(--line)!important;border-radius:8px!important;overflow:hidden;margin:0 0 20px!important;background:#fff;}
.nav-tabs>li{flex:1 1 0;float:none!important;display:block!important;margin:0!important;width:auto!important;}
.nav-tabs>li>a,.nav-tabs.nav-justified>li>a{display:block;margin:0!important;border:0!important;border-radius:0!important;text-align:center;padding:13px 10px!important;
  color:var(--ink)!important;background:#fff!important;font-size:15px!important;letter-spacing:.06em;}
.nav-tabs>li+li>a{border-left:1px solid var(--line)!important;}
.nav-tabs>li.active>a,.nav-tabs>li.active>a:hover,.nav-tabs>li.active>a:focus{background:var(--ink)!important;color:var(--bg)!important;}
.nav-tabs>li>a:focus{outline:none!important;box-shadow:none!important;}
.nav-tabs strong{font-weight:500;}
/* cardurile din dreapta: iconita deasupra, titlul pe toata latimea */
.aside_bg .row.container{width:auto!important;margin:0!important;padding:20px!important;}
.aside_bg [class*="col-"]{float:none!important;width:auto!important;padding:0!important;}
.aside_bg [class*="col-"]+[class*="col-"]{margin-top:18px;}
.aside_bg i.fa{display:block!important;float:none!important;position:static!important;margin:0 0 10px!important;}
.aside_bg i.fa:before{font-size:30px!important;position:static!important;color:var(--ink)!important;}
.aside_bg h2.icon-heading,i+h2{display:block!important;width:auto!important;max-width:none!important;margin:0 0 8px!important;padding:0!important;font-size:26px!important;line-height:1.15!important;}
/* cosul pe telefon: etichete si pe celulele care nu aveau */
@media (max-width:720px){
  .TabletTable td.Collection:before{content:"Collection"!important;}
  .TabletTable td.Price:before{content:"Total"!important;}
  .TabletTable td.Collection,.TabletTable td.Price{text-align:left!important;}
  .TabletTable td .DeleteButton{margin-left:0;}
  .TabletTable tfoot tr{display:flex!important;justify-content:space-between;align-items:center;border-top:1px solid var(--line);background:#fff!important;}
  .TabletTable tfoot tr.hidden{display:none!important;}
  .TabletTable tfoot th{display:block!important;border:0!important;padding:10px 12px!important;background:transparent!important;font-size:17px!important;}
  .TabletTable tfoot th:empty{display:none!important;}
}
/* formularul de login din subsol */
.footer-container ul{padding-left:18px!important;}
.footer-container li::marker{color:#8f8b83;}
.footer-container form .form-group{display:flex!important;flex-wrap:wrap;gap:8px;margin:0!important;}
.footer-container form [class*="col-"]{float:none!important;width:auto!important;flex:1 1 150px;padding:0!important;}
.footer-container form .btn{flex:0 0 56px;min-height:48px!important;background:var(--bg)!important;color:var(--ink)!important;border:0!important;padding:0!important;}
.footer-container form .btn .fa:before{font-size:20px;}
/* campurile de data au si clasa "buttonstyle": raman campuri albe si la hover/focus */
input.buttonstyle,input.buttonstyle:hover,input.buttonstyle:focus,input.buttonstyle:active{background:#fff!important;color:var(--ink)!important;border:1px solid var(--line)!important;padding:10px 12px!important;min-height:48px;}
input.buttonstyle:focus{border-color:var(--ink)!important;}
/* fara conturul albastru Bootstrap dupa click */
.btn:focus,.btn:active:focus,.btn.active:focus,button:focus{outline:none!important;box-shadow:0 0 0 3px rgba(21,20,18,.14)!important;}
/* calendarul */
.datepicker.dropdown-menu{border:1px solid var(--line)!important;border-radius:10px!important;box-shadow:0 12px 30px -12px rgba(21,20,18,.25)!important;padding:8px!important;font-size:15px!important;}
.datepicker table tr td,.datepicker table tr th{border-radius:6px!important;}
.datepicker table tr td.today{background:var(--bg)!important;background-image:none!important;color:var(--ink)!important;}
.datepicker table tr td.range,.datepicker table tr td.range:hover{background:#ece9e1!important;background-image:none!important;border-radius:0!important;}