/*
Theme Name: Rhapsody In Green
Template: twentytwentyfour
Description: Child theme of Twenty Twenty-Four for rhapsodyingreen.hr. Holds site-specific CSS/hooks so the parent theme can be updated safely.
Version: 1.1.0
Text Domain: rhapsody-in-green
*/

/* ---- "What the villa offers" amenity icons (sprite output in functions.php) ---- */
.rig-amenities-list li { display: flex; gap: .6em; align-items: flex-start; }

/* Icon slightly larger than the text (1.25em), centered on the first line. */
.amenity-ic {
  width: 1.25em; height: 1.25em; flex: none;
  color: #3a5c44; /* = .rig-section h2 heading color (Additional CSS) */
  margin-top: calc((1lh - 1.25em) / 2);
}
@supports not (height: 1lh) { .amenity-ic { margin-top: .15em; } } /* body line-height 1.55 */

/* ---- Language switcher (top-right of the hero; scrolls away with it) ---- */
.rig-lang { position: absolute; top: calc(1rem + env(safe-area-inset-top, 0px)); right: calc(1rem + env(safe-area-inset-right, 0px)); z-index: 50; font-size: 0.9rem; }
.rig-lang summary {
  list-style: none; cursor: pointer; display: flex; align-items: center; gap: .4em;
  padding: .45em .8em; border-radius: 999px; color: #fff; font-weight: 600; letter-spacing: .04em;
  background: rgba(10, 15, 10, 0.45); -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px);
}
.rig-lang summary::-webkit-details-marker { display: none; }
.rig-lang summary::after { content: ""; width: .45em; height: .45em; border: solid currentColor; border-width: 0 1.5px 1.5px 0; transform: translateY(-.15em) rotate(45deg); margin-left: .15em; }
.rig-lang details[open] summary::after { transform: translateY(.1em) rotate(-135deg); }
.rig-lang-ic { width: 1.15em; height: 1.15em; }
.rig-lang-menu {
  position: absolute; right: 0; top: calc(100% + .4rem); min-width: 11rem; padding: .4rem 0 .5rem;
  background: #fff; border-radius: 10px; box-shadow: 0 8px 28px rgba(0,0,0,.22);
  max-height: calc(100vh - 6rem); overflow-y: auto;
}
.rig-lang ul { margin: 0; padding: 0; list-style: none; }
.rig-lang li a { display: block; padding: .45rem 1rem; color: #2b3a2f; text-decoration: none; }
.rig-lang li a:hover, .rig-lang li a:focus-visible { background: #f4f1e6; }
.rig-lang li a[aria-current] { color: #3a5c44; font-weight: 700; }
.rig-lang-credit { margin: .3rem 1rem 0; padding-top: .35rem; border-top: 1px solid #ece8d9; font-size: .68rem; }
.rig-lang-credit a { color: #8a8a8a; text-decoration: none; }