/* ArcheoMap responsive.css v302
   Breakpoint tweaks beyond styles.css defaults. */

/* Very small phones */
@media (max-width:360px){
  #petalFab{width:58px;height:58px;font-size:26px;line-height:58px}
  .petal-core{width:94px;height:94px}
  .petal-core-icon{font-size:30px}
  .petal-core-label{font-size:10px}
}

/* Tablet landscape — keep FAB centered, cap menu size */
@media (min-width:900px){
  #petalMenu{width:360px;height:360px}
}

/* Desktop / wide — move to right to avoid covering map center */
@media (min-width:1280px){
  #petalFab{left:auto;right:36px;bottom:36px;transform:none}
  #petalFab.open{transform:rotate(45deg) scale(1.05)}
}

/* Hide touch-only hints on pointer:fine */
@media (pointer:fine){
  .touch-hint{display:none}
}