/* Dénia Home Watch V1.11 — private owner property gallery */

.dhc-gallery-v111{
  padding:0!important;
  overflow:hidden;
}

.dhc-gallery-head{
  padding:28px 30px 22px;
  display:flex;
  justify-content:space-between;
  gap:24px;
  align-items:flex-start;
  border-bottom:1px solid #e8ecee;
  background:linear-gradient(135deg,#fbfcfc,#f6f3ec);
}

.dhc-gallery-head small{
  color:#9b7431;
  font-weight:800;
  letter-spacing:.14em;
}

.dhc-gallery-head h2{
  margin:5px 0 8px;
  font-size:clamp(28px,3vw,40px);
}

.dhc-gallery-head p{
  max-width:760px;
  margin:0;
  color:#657784;
  line-height:1.55;
}

.dhc-gallery-private{
  flex:0 0 auto;
  padding:9px 12px;
  border-radius:999px;
  border:1px solid #d7e4de;
  background:#eff6f2;
  color:#38634f;
  font-size:11px;
  font-weight:700;
}

.dhc-gallery-layout{
  display:grid;
  grid-template-columns:235px minmax(0,1fr);
  min-height:420px;
}

.dhc-gallery-cats{
  padding:18px;
  display:grid;
  align-content:start;
  gap:6px;
  border-right:1px solid #e8ecee;
  background:#f8faf9;
}

.dhc-gallery-cats button{
  width:100%;
  padding:11px 12px;
  display:flex;
  justify-content:space-between;
  gap:10px;
  align-items:center;
  border:0;
  border-radius:10px;
  background:transparent;
  color:#526877;
  font:inherit;
  font-size:12px;
  text-align:left;
  cursor:pointer;
}

.dhc-gallery-cats button:hover,
.dhc-gallery-cats button.is-active{
  background:#fff;
  color:#12344c;
  box-shadow:0 5px 16px rgba(12,40,58,.07);
}

.dhc-gallery-cats b{
  min-width:24px;
  padding:3px 7px;
  border-radius:999px;
  background:#edf1f2;
  color:#71818b;
  text-align:center;
  font-size:10px;
}

.dhc-gallery-main{
  min-width:0;
  padding:22px 24px 26px;
}

.dhc-gallery-toolbar{
  display:flex;
  justify-content:space-between;
  gap:16px;
  align-items:center;
}

.dhc-gallery-toolbar>div{
  display:flex;
  align-items:baseline;
  gap:8px;
}

.dhc-gallery-toolbar strong{
  color:#15364d;
  font-size:21px;
}

.dhc-gallery-toolbar #dhcGalleryCount{
  color:#81909a;
  font-size:12px;
}

.dhc-gallery-upload{
  cursor:pointer;
  white-space:nowrap;
}

.dhc-gallery-hint{
  margin:9px 0 2px;
  color:#84919a;
  font-size:11px;
}

.dhc-gallery-status{
  min-height:26px;
  padding-top:8px;
  color:#657985;
  font-size:12px;
}

.dhc-gallery-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
  margin-top:8px;
}

.dhc-gallery-item{
  min-width:0;
  margin:0;
  overflow:hidden;
  border:1px solid #e3e8ea;
  border-radius:14px;
  background:#fff;
}

.dhc-gallery-imgwrap{
  aspect-ratio:4/3;
  overflow:hidden;
  background:#edf1f2;
}

.dhc-gallery-imgwrap img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}

.dhc-gallery-skeleton{
  width:100%;
  height:100%;
  background:linear-gradient(90deg,#edf0f1 25%,#f7f8f8 40%,#edf0f1 65%);
  background-size:300% 100%;
  animation:dhc-gallery-shimmer 1.3s infinite;
}

@keyframes dhc-gallery-shimmer{
  0%{background-position:100% 0}
  100%{background-position:0 0}
}

.dhc-gallery-image-error{
  height:100%;
  display:grid;
  place-items:center;
  color:#9aa6ad;
  font-size:32px;
}

.dhc-gallery-item figcaption{
  padding:9px 10px;
  display:flex;
  justify-content:space-between;
  gap:10px;
  align-items:center;
}

.dhc-gallery-item figcaption span{
  color:#6c7e88;
  font-size:10px;
}

.dhc-gallery-item figcaption button{
  border:0;
  background:transparent;
  color:#8b5555;
  font-size:10px;
  cursor:pointer;
}

.dhc-gallery-empty{
  grid-column:1/-1;
  min-height:180px;
  display:grid;
  place-items:center;
  border:1px dashed #d5dde1;
  border-radius:14px;
  color:#8a98a1;
  background:#fafbfb;
  text-align:center;
  padding:24px;
}

.dhc-gallery-report-note{
  margin-top:18px;
  padding:11px 13px;
  border-radius:10px;
  background:#f3f6f7;
  color:#657985;
  font-size:11px;
  line-height:1.5;
}

@media(max-width:1000px){
  .dhc-gallery-head{display:grid}
  .dhc-gallery-private{justify-self:start}
  .dhc-gallery-layout{grid-template-columns:1fr}
  .dhc-gallery-cats{
    display:flex;
    overflow-x:auto;
    border-right:0;
    border-bottom:1px solid #e8ecee;
    scrollbar-width:thin;
  }
  .dhc-gallery-cats button{
    flex:0 0 auto;
    width:auto;
    min-width:145px;
  }
  .dhc-gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media(max-width:620px){
  .dhc-gallery-head{padding:20px 16px}
  .dhc-gallery-head h2{font-size:28px}
  .dhc-gallery-main{padding:18px 14px 20px}
  .dhc-gallery-toolbar{align-items:stretch;display:grid}
  .dhc-gallery-upload{width:100%;justify-content:center}
  .dhc-gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
  .dhc-gallery-item figcaption{display:grid;gap:5px}
}

@media(max-width:420px){
  .dhc-gallery-grid{grid-template-columns:1fr}
}