/* Hostel cards inside articles. Loaded only on articles that have them. */
.hw-hostels{margin:32px 0;padding:20px;border-radius:16px;background:#F1F2F4;font-family:inherit;}
.hw-hostels__title{margin:0 0 14px;font-size:20px;font-weight:700;line-height:1.3;color:#121417;}
.hw-hostels__list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:14px;}
.hw-hostels--cols-2 .hw-hostels__list{grid-template-columns:repeat(2,1fr);}
.hw-hostels--cols-3 .hw-hostels__list{grid-template-columns:repeat(3,1fr);}
.hw-hostels--row .hw-hostels__list{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:minmax(220px,1fr);overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:6px;}
.hw-hostels__item{margin:0;padding:0;scroll-snap-align:start;}
.hw-hostels__item::before{content:none;}
.hw-hostels__card{display:flex;flex-direction:column;height:100%;background:#fff;border-radius:12px;overflow:hidden;text-decoration:none!important;color:#121417;box-shadow:0 1px 2px rgba(18,20,23,.08);transition:box-shadow .15s,transform .15s;}
.hw-hostels__card:hover,.hw-hostels__card:focus-visible{box-shadow:0 6px 18px rgba(18,20,23,.14);transform:translateY(-2px);}
.hw-hostels__photo{display:block;aspect-ratio:3/2;background:#DDE0E5;}
.hw-hostels__photo img{display:block;width:100%;height:100%;object-fit:cover;margin:0;border-radius:0;}
.hw-hostels__body{display:flex;flex-direction:column;gap:6px;padding:12px 14px 14px;flex:1;}
.hw-hostels__name{font-weight:700;font-size:16px;line-height:1.3;}
.hw-hostels__rating{display:flex;align-items:center;gap:8px;font-size:13px;color:#636C7D;}
.hw-hostels__score{background:#F25621;color:#fff;font-weight:700;border-radius:6px;padding:2px 7px;font-size:13px;}
.hw-hostels__price{font-size:14px;color:#31363F;}
.hw-hostels__price strong{color:#121417;}
.hw-hostels__cta{margin-top:auto;white-space:nowrap;padding-top:4px;font-weight:700;font-size:14px;color:#F25621;}
.hw-hostels__all{margin:16px 0 0;text-align:center;}
/* The theme's article link colour is orange too, so the button's colours are locked in. */
.hw-hostels .hw-hostels__all a.hw-hostels__all-btn,.hw-hostels .hw-hostels__all a.hw-hostels__all-btn:link,.hw-hostels .hw-hostels__all a.hw-hostels__all-btn:visited{display:inline-block;padding:11px 22px;border-radius:999px;background:#F25621 !important;color:#fff !important;-webkit-text-fill-color:#fff;font-weight:700;font-size:15px;line-height:1.3;text-decoration:none !important;border:0;box-shadow:none;}
.hw-hostels .hw-hostels__all a.hw-hostels__all-btn:hover,.hw-hostels .hw-hostels__all a.hw-hostels__all-btn:focus-visible{background:#CA3B0C !important;color:#fff !important;}
.hw-hostels__note{margin:12px 0 0;font-size:12px;color:#A9AFBB;}
@media (max-width:600px){
	.hw-hostels{padding:16px;margin:24px -4px;}
	.hw-hostels .hw-hostels__list{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:78%;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:6px;}
}

/* The editor's dialog */
.hw-hostels-dialog{position:fixed;inset:0;z-index:100100;display:flex;align-items:center;justify-content:center;background:rgba(18,20,23,.55);}
.hw-hostels-dialog[hidden],.hw-hostels-dialog [hidden]{display:none!important;}
.hw-hostels-dialog__box{background:#fff;border-radius:8px;width:min(640px,94vw);max-height:88vh;display:flex;flex-direction:column;box-shadow:0 12px 40px rgba(0,0,0,.3);}
.hw-hostels-dialog__head{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;border-bottom:1px solid #DDE0E5;}
.hw-hostels-dialog__head h2{margin:0;font-size:17px;}
.hw-hostels-dialog__main{padding:16px 18px;overflow:auto;}
.hw-hostels-dialog__row{display:flex;gap:10px;flex-wrap:wrap;align-items:flex-end;margin-bottom:12px;}
.hw-hostels-dialog__row label{display:flex;flex-direction:column;gap:4px;font-weight:600;font-size:13px;}
.hw-hostels-dialog__row input[type=text]{width:170px;}
.hw-hostels-dialog__list{border:1px solid #DDE0E5;border-radius:6px;max-height:300px;overflow:auto;margin:6px 0 12px;}
.hw-hostels-dialog__list label{display:flex;gap:10px;align-items:center;padding:7px 10px;border-bottom:1px solid #F1F2F4;font-size:13px;}
.hw-hostels-dialog__list label:last-child{border-bottom:0;}
.hw-hostels-dialog__list .meta{margin-left:auto;color:#636C7D;white-space:nowrap;}
.hw-hostels-dialog__msg{color:#636C7D;margin:6px 0;}
.hw-hostels-dialog__msg.is-error{color:#b32d2e;}
.hw-hostels-dialog__foot{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:12px 18px;border-top:1px solid #DDE0E5;}
.hw-hostels-dialog__foot code{font-size:12px;word-break:break-all;}