/* +movinghouse.mx — mobile header rating and portrait gallery fixes v12 */

.mobile-google-rating { display:none; }

@media (max-width:600px) {
  /* Compact, non-clickable Google rating in the mobile navbar. */
  #nav .mobile-google-rating {
    display:inline-flex !important;
    align-items:center;
    justify-content:center;
    gap:4px;
    margin-left:auto;
    padding:6px 8px;
    border:1px solid #ffd7bc;
    border-radius:999px;
    background:#fff7f0;
    color:var(--mh-navy,#061d3d);
    line-height:1;
    white-space:nowrap;
    flex:0 0 auto;
  }
  #nav .mobile-google-rating .mgr-stars {
    color:#ffb62e;
    font-size:8px;
    letter-spacing:-1.15px;
  }
  #nav .mobile-google-rating strong { font-size:11px; }
  #nav .mobile-google-rating small { color:#8a98aa; font-size:8px; }
  #nav .nav-right { margin-left:5px; }

  /* Safari-safe rating: never render the legacy numeric node. */
  html body #nav .mobile-google-rating strong,
  html body #nav .mobile-google-rating strong::after {
    display:none !important;
    content:none !important;
  }
  html body #nav .mobile-google-rating .mgr-stars { order:1; }
  html body #nav .mobile-google-rating::after {
    content:"4.8" !important;
    display:inline-block !important;
    order:2;
    color:var(--mh-navy,#061d3d);
    font-size:10px;
    line-height:1;
    font-weight:800;
  }
  html body #nav .mobile-google-rating small { order:3; }

  /* Keep all navbar elements on one row on narrow phones. */
  #nav { gap:5px; padding-inline:10px; }
  #nav .logo-link { width:104px; height:56px; flex:0 0 104px; }
  #nav .nav-phone { margin-left:0; }

  /* Portrait phones: one complete photo per swipe, without zooming or overflow. */
  .gallery-section { overflow:hidden; }
  .gallery-section .carousel {
    display:block;
    width:100%;
    max-width:100%;
    padding:0;
    overflow:hidden;
  }
  .gallery-section .car-track {
    width:100%;
    max-width:100%;
    gap:12px;
    padding:0 18px 12px;
    scroll-padding-left:18px;
    box-sizing:border-box;
  }
  .gallery-section .car-slide {
    flex:0 0 calc(100vw - 36px) !important;
    width:calc(100vw - 36px) !important;
    min-width:0 !important;
    max-width:420px;
    height:auto !important;
    aspect-ratio:4 / 3;
    border-radius:22px;
    background:var(--mh-navy,#061d3d);
    scroll-snap-align:start;
    overflow:hidden;
  }
  .gallery-section .car-slide img {
    display:block;
    width:100% !important;
    height:100% !important;
    object-fit:contain !important;
    object-position:center !important;
    transform:none !important;
  }
  .gallery-section .car-arrow { display:none !important; }
  .gallery-section .car-dots { margin-top:18px; }
}

@media (max-width:370px) {
  #nav .logo-link { width:94px; height:52px; flex-basis:94px; }
  #nav .mobile-google-rating { padding:5px 6px; gap:3px; }
  #nav .mobile-google-rating .mgr-stars { font-size:7px; }
}