/* Deynu 16.5.16.12 — desktop-only UI polish.
   Loaded after the global theme so desktop header/card geometry wins without touching mobile. */
@media (min-width: 981px) {
  /* Homepage desktop header: keep the dark brand bar, but make every nav item readable. */
  .home-page .site-header{
    display:grid;
    grid-template-columns:auto minmax(0,1fr);
    align-items:center;
    gap:28px;
    padding:11px max(24px,4vw);
    background:linear-gradient(135deg,#0f493a,#155d49)!important;
    border-bottom:1px solid rgba(255,255,255,.10)!important;
    box-shadow:0 8px 26px rgba(12,55,43,.14)!important;
  }
  .home-page .site-header-row{min-height:48px}
  .home-page .site-header .brand{
    color:#fff!important;
    font-size:25px;
    font-weight:900;
    text-shadow:0 1px 1px rgba(0,0,0,.12);
  }
  .home-page .site-header .brand:before{
    background:linear-gradient(135deg,#f0c66e,#d49b35)!important;
    box-shadow:0 0 0 5px rgba(240,198,110,.10)!important;
  }
  .home-page .site-primary-nav{
    display:flex!important;
    align-items:center;
    justify-content:flex-start;
    gap:6px;
    margin:0;
    flex-wrap:wrap;
  }
  .home-page .site-primary-nav>a,
  .home-page .site-primary-nav .nav-logout button{
    min-height:40px;
    margin:0!important;
    padding:7px 11px;
    border-radius:11px;
    color:#f7fbf9!important;
    background:transparent!important;
    border:1px solid transparent!important;
    font-size:13px;
    font-weight:800;
    line-height:1.35;
    text-shadow:0 1px 1px rgba(0,0,0,.12);
  }
  .home-page .site-primary-nav>a:hover,
  .home-page .site-primary-nav>a:focus-visible,
  .home-page .site-primary-nav .nav-logout button:hover,
  .home-page .site-primary-nav .nav-logout button:focus-visible{
    color:#fff!important;
    background:rgba(255,255,255,.12)!important;
    border-color:rgba(255,255,255,.14)!important;
  }

  /* Home accommodation cards: stable widths and equal internal rhythm. */
  .home-page .deynu-section-items.is-horizontal{
    grid-auto-columns:minmax(286px,304px);
    grid-auto-rows:1fr;
    gap:16px;
    align-items:stretch;
    padding-inline:2px 14px;
  }
  .home-page .deynu-section-items.is-grid,
  .home-page .deynu-property-grid{
    align-items:stretch;
  }
  .home-page .deynu-property-card--home-compact{
    display:flex;
    flex-direction:column;
    width:100%;
    min-height:372px;
    height:100%;
    border-radius:20px;
  }
  .home-page .deynu-property-card--home-compact .deynu-property-media-wrap{
    flex:0 0 auto;
    aspect-ratio:16/10;
    min-height:176px;
    max-height:190px;
  }
  .home-page .deynu-property-card--home-compact .deynu-property-body{
    display:flex;
    flex:1;
    flex-direction:column;
    min-height:0;
    gap:5px;
    padding:12px 13px 13px;
  }
  .home-page .deynu-property-card--home-compact .deynu-property-topline{min-height:20px}
  .home-page .deynu-property-card--home-compact h3{
    min-height:2.85em;
    max-height:2.85em;
    margin:0;
    overflow:hidden;
  }
  .home-page .deynu-property-card--home-compact .deynu-property-location{
    min-height:1.5em;
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
  }
  .home-page .deynu-property-card--home-compact .deynu-property-meta{min-height:20px}
  .home-page .deynu-property-card--home-compact .deynu-property-price{
    margin-top:auto;
    min-height:66px;
    align-content:end;
  }

  /* Account dashboard: one clean reservation row per item prevents cramped 2-column cards. */
  .vr-panel .vr-priority .vr-booking-grid{
    grid-template-columns:minmax(0,1fr);
    gap:16px;
  }
  .vr-panel .vr-priority .vr-booking-card{
    display:grid;
    grid-template-columns:220px minmax(0,1fr);
    min-height:258px;
    align-items:stretch;
  }
  .vr-panel .vr-priority .vr-booking-cover{
    min-height:258px;
    height:100%;
  }
  .vr-panel .vr-priority .vr-booking-cover>img{
    width:100%;
    height:100%;
    min-height:258px;
    object-fit:cover;
  }
  .vr-panel .vr-priority .vr-booking-body{
    display:flex;
    flex-direction:column;
    min-width:0;
    padding:18px 20px;
  }
  .vr-panel .vr-priority .vr-booking-body h3{
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
    overflow:hidden;
    min-height:2.8em;
    margin:8px 0 4px;
  }
  .vr-panel .vr-priority .vr-booking-facts{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:8px!important;
    margin:12px 0!important;
  }
  .vr-panel .vr-priority .vr-booking-facts>div{min-width:0}
  .vr-panel .vr-priority .vr-booking-card-actions{margin-top:auto;padding-top:10px}
}