/* chill in – Apartments (Block „chill in Apartments“) */
.chillin-apts {
	--apt-green: var(--wp--preset--color--tannengruen, #183325);
	--apt-wald: var(--wp--preset--color--waldgruen, #354933);
	--apt-coral: var(--wp--preset--color--koralle, #EC6644);
	--apt-coral-d: var(--wp--preset--color--koralle-dunkel, #B5442A);
	--apt-beige: var(--wp--preset--color--beige, #F3E6CB);
	--apt-creme: var(--wp--preset--color--creme, #F7F0E1);
	--apt-ink: var(--wp--preset--color--tinte, #24302A);
	--apt-grey: var(--wp--preset--color--grau, #4B5550);
	--apt-line: var(--wp--preset--color--linie, #DCCDAE);
	--apt-head: var(--wp--preset--font-family--domine, Georgia, serif);
	margin-top: 2rem;
	color: var(--apt-ink);
}
.chillin-apts .chillin-ico { width: 24px; height: 24px; flex: none; }

/* Auswahl */
.chillin-apts__filter { display: flex; align-items: center; gap: .75rem 1rem; flex-wrap: wrap; margin-bottom: 1.5rem; }
.chillin-apts__filter-label { font-weight: 600; color: var(--apt-green); }
.chillin-apts__chips { display: flex; gap: .5rem; flex-wrap: wrap; }
.chillin-chip { display: inline-flex; align-items: center; gap: .4rem; min-height: 44px; padding: .45rem 1rem; border: 2px solid var(--apt-green); border-radius: 999px; background: #fff; color: var(--apt-green); font: 500 .95rem/1.1 inherit; font-family: inherit; cursor: pointer; transition: background .15s, color .15s; }
.chillin-chip .chillin-ico { width: 20px; height: 20px; }
.chillin-chip:hover { background: var(--apt-beige); }
.chillin-chip[aria-pressed="true"] { background: var(--apt-green); color: var(--apt-beige); }
.chillin-chip:focus-visible, .chillin-feat:focus-visible, .chillin-apt__tabs button:focus-visible, .chillin-apt__nav:focus-visible { outline: 3px solid var(--apt-coral); outline-offset: 2px; }
.chillin-apts__none { padding: 1rem 1.25rem; border-radius: 14px; background: var(--apt-beige); font-weight: 500; }

/* Karten */
.chillin-apts__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.75rem; }
.chillin-apt { display: flex; flex-direction: column; background: #fff; border-radius: 24px; overflow: hidden; box-shadow: 0 1px 0 var(--apt-line), 0 18px 40px -28px rgba(24, 51, 37, .45); transition: opacity .25s, transform .25s, box-shadow .25s; }
.chillin-apts.is-filtered .chillin-apt.is-out { opacity: .38; transform: scale(.985); }
.chillin-apts.is-filtered .chillin-apt.is-in { box-shadow: 0 0 0 3px var(--apt-coral), 0 18px 40px -28px rgba(24, 51, 37, .45); }
.chillin-apt__match { position: absolute; z-index: 3; top: 14px; right: 14px; display: none; padding: .3rem .8rem; border-radius: 999px; background: var(--apt-coral); color: var(--apt-green); font-weight: 700; font-size: .85rem; }
.chillin-apts.is-filtered .chillin-apt.is-in .chillin-apt__match { display: block; }

/* Medien */
.chillin-apt__media { position: relative; background: var(--apt-beige); }
.chillin-apt__panel { position: relative; aspect-ratio: 4 / 3; }
.chillin-apt__panel[hidden] { display: none; }
.chillin-apt__slides { display: flex; height: 100%; overflow-x: auto; scroll-snap-type: x mandatory; scroll-behavior: smooth; scrollbar-width: none; overscroll-behavior-x: contain; }
.chillin-apt__slides::-webkit-scrollbar { display: none; }
.chillin-apt__slide { flex: 0 0 100%; width: 100%; height: 100%; object-fit: cover; scroll-snap-align: start; scroll-snap-stop: always; }
.chillin-apt__nav { position: absolute; top: 50%; z-index: 2; width: 44px; height: 44px; margin-top: -22px; border: 0; border-radius: 50%; background: rgba(247, 240, 225, .92); color: var(--apt-green); display: flex; align-items: center; justify-content: center; cursor: pointer; box-shadow: 0 4px 14px rgba(0, 0, 0, .18); }
.chillin-apt__nav.is-prev { left: 12px; }
.chillin-apt__nav.is-next { right: 12px; }
.chillin-apt__nav[disabled] { opacity: 0; pointer-events: none; }
.chillin-apt__count { position: absolute; right: 14px; bottom: 14px; z-index: 2; padding: .2rem .65rem; border-radius: 999px; background: rgba(24, 51, 37, .78); color: var(--apt-beige); font-size: .8rem; font-variant-numeric: tabular-nums; }
.chillin-apt__plan { display: block; height: 100%; padding: 58px 10px 10px; background: var(--apt-beige); box-sizing: border-box; }
.chillin-apt__plan img { width: 100%; height: 100%; object-fit: contain; }
.chillin-apt__zoom { position: absolute; right: 14px; bottom: 14px; width: 44px; height: 44px; border-radius: 50%; background: var(--apt-green); color: var(--apt-beige); display: flex; align-items: center; justify-content: center; }
.chillin-apt__videobox { height: 100%; background: var(--apt-green); }
.chillin-apt__video, .chillin-apt__videobox iframe { display: block; width: 100%; height: 100%; border: 0; object-fit: cover; background: #000; }
.chillin-apt__yt { position: relative; display: block; width: 100%; height: 100%; padding: 0; border: 0; background: var(--apt-green) center / cover no-repeat; cursor: pointer; }
.chillin-apt__play { position: absolute; left: 50%; top: 50%; width: 76px; height: 76px; margin: -38px 0 0 -38px; border-radius: 50%; background: var(--apt-coral); color: var(--apt-green); display: flex; align-items: center; justify-content: center; box-shadow: 0 8px 26px rgba(0, 0, 0, .3); }
.chillin-apt__play .chillin-ico { width: 34px; height: 34px; margin-left: 4px; }
.chillin-apt__tabs { position: absolute; left: 12px; top: 12px; z-index: 2; display: flex; gap: 4px; padding: 4px; border-radius: 999px; background: rgba(24, 51, 37, .82); backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px); }
.chillin-apt__tabs button { display: inline-flex; align-items: center; gap: .35rem; min-height: 40px; padding: .3rem .9rem; border: 0; border-radius: 999px; background: transparent; color: var(--apt-beige); font: 500 .9rem/1 inherit; font-family: inherit; cursor: pointer; }
.chillin-apt__tabs button .chillin-ico { width: 18px; height: 18px; }
.chillin-apt__tabs button[aria-selected="true"] { background: var(--apt-coral); color: var(--apt-green); }

/* Text */
.chillin-apt__body { display: flex; flex-direction: column; flex: 1; padding: 1.4rem 1.6rem 1.7rem; }
.chillin-apt__name { margin: -2.9rem 0 .9rem; position: relative; z-index: 4; line-height: 1; }
.chillin-ribbon { display: inline-block; padding: .45rem 1.3rem .55rem; border: 3px solid #1d1d1b; border-radius: 10px 16px 9px 15px / 14px 9px 16px 10px; background: var(--apt-coral); color: #1d1d1b; font-family: var(--apt-head); font-size: clamp(1.45rem, 1.1rem + 1.2vw, 1.9rem); font-weight: 700; transform: rotate(-1.5deg); box-shadow: 3px 3px 0 #1d1d1b; }
.chillin-ribbon.is-mauve { background: #A97DA5; }
.chillin-ribbon.is-tuerkis { background: #59BEB8; }
.chillin-ribbon.is-gold { background: #D8B652; }
.chillin-ribbon.is-waldgruen { background: #6E8F5B; }
.chillin-apt__facts { display: flex; flex-wrap: wrap; align-items: center; gap: .5rem 1.25rem; margin: 0 0 1rem; padding: 0 0 1rem; list-style: none; border-bottom: 1px solid var(--apt-line); color: var(--apt-grey); }
.chillin-apt__facts li { display: flex; align-items: center; gap: .5rem; margin: 0; }
.chillin-apt__facts li.is-size { display: block; }
.chillin-apt__facts strong { color: var(--apt-green); font-size: 1.15rem; }
.chillin-apt__facts .is-size strong { font-family: var(--apt-head); font-size: 1.5rem; }
.chillin-people { display: inline-flex; align-items: flex-end; gap: 1px; }
.chillin-person { width: 13px; height: 26px; fill: var(--apt-coral); }
.chillin-person.is-small { width: 10px; height: 19px; }
.chillin-apt__tag { margin: 0 0 .35rem; font-family: var(--apt-head); font-weight: 700; font-size: 1.25rem; color: var(--apt-green); }
.chillin-apt__desc { margin: 0 0 1rem; line-height: 1.55; }
.chillin-apt__h { margin: .4rem 0 .5rem; font-size: .78rem; font-weight: 600; letter-spacing: .1em; text-transform: uppercase; color: var(--apt-coral-d); }
.chillin-apt__beds { margin: 0 0 1rem; padding: 0; list-style: none; }
.chillin-apt__beds li { position: relative; margin: .25rem 0; padding-left: 1.4rem; }
.chillin-apt__beds li::before { content: ""; position: absolute; left: 0; top: .55em; width: .65rem; height: .65rem; border-radius: 3px; background: var(--apt-coral); }
.chillin-apt__icons { display: grid; grid-template-columns: repeat(auto-fill, minmax(84px, 1fr)); gap: .5rem; margin: 0 0 .6rem; padding: 0; list-style: none; }
.chillin-apt__icons li { margin: 0; }
.chillin-feat { display: flex; flex-direction: column; align-items: center; gap: .35rem; width: 100%; min-height: 84px; padding: .7rem .35rem .55rem; border: 2px solid transparent; border-radius: 16px; font: 500 .78rem/1.2 inherit; font-family: inherit; text-align: center; cursor: pointer; transition: border-color .15s, transform .15s; }
.chillin-feat .chillin-ico { width: 30px; height: 30px; }
.chillin-feat.is-yes { background: #E5EEDD; color: var(--apt-green); }
.chillin-feat.is-no { position: relative; background: #F1EEE8; color: #9A9F9B; }
.chillin-feat.is-no .chillin-ico { opacity: .55; }
.chillin-feat.is-no::after { content: ""; position: absolute; top: 22px; left: 50%; width: 38px; height: 2px; margin-left: -19px; background: #9A9F9B; transform: rotate(-35deg); }
.chillin-feat:hover { transform: translateY(-1px); }
.chillin-feat[aria-pressed="true"] { border-color: var(--apt-coral); }
.chillin-apt__info { min-height: 2.8em; margin: 0 0 1.1rem; padding: .55rem .8rem; border-radius: 12px; background: var(--apt-creme); color: var(--apt-grey); font-size: .9rem; line-height: 1.4; }
.chillin-apt__info.is-active { color: var(--apt-green); font-weight: 500; }
.chillin-apt__book { align-self: flex-start; margin-top: auto; }

/* Haus */
.chillin-apts__house { margin-top: 2.25rem; padding: 1.6rem 1.75rem; border-radius: 24px; background: var(--apt-green); color: var(--apt-beige); }
.chillin-apts__house-h { margin: 0 0 1.1rem; font-family: var(--apt-head); font-size: clamp(1.3rem, 1.1rem + .8vw, 1.7rem); color: var(--apt-beige); }
.chillin-apts__house ul { display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: .9rem 1.5rem; margin: 0; padding: 0; list-style: none; }
.chillin-apts__house li { display: flex; align-items: flex-start; gap: .75rem; margin: 0; }
.chillin-apts__house .chillin-ico { width: 30px; height: 30px; color: var(--apt-coral); }
.chillin-apts__house strong { display: block; font-weight: 600; }
.chillin-apts__house small { display: block; opacity: .8; font-size: .85rem; line-height: 1.35; }

/* Tablet und Handy */
@media (max-width: 900px) {
	.chillin-apts__grid { grid-template-columns: minmax(0, 1fr); gap: 1.5rem; }
}
@media (max-width: 600px) {
	.chillin-apts__filter { margin-left: calc(-1 * var(--chillin-gutter, 20px)); margin-right: calc(-1 * var(--chillin-gutter, 20px)); }
	.chillin-apts__filter-label { padding-left: var(--chillin-gutter, 20px); }
	.chillin-apts__chips { flex-wrap: nowrap; overflow-x: auto; width: 100%; padding: 2px var(--chillin-gutter, 20px) 6px; scroll-snap-type: x proximity; scrollbar-width: none; }
	.chillin-apts__chips::-webkit-scrollbar { display: none; }
	.chillin-chip { flex: none; scroll-snap-align: start; }
	.chillin-apt { border-radius: 20px; }
	.chillin-apt__body { padding: 1.2rem 1.15rem 1.4rem; }
	.chillin-apt__name { margin-top: -2.6rem; }
	.chillin-apt__nav { display: none; }
	.chillin-apt__tabs button span { font-size: .85rem; }
	.chillin-apt__tabs button { padding: .3rem .75rem; }
	.chillin-apt__icons { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: .4rem; }
	.chillin-feat { min-height: 78px; font-size: .72rem; padding: .6rem .2rem .5rem; }
	.chillin-feat .chillin-ico { width: 26px; height: 26px; }
	.chillin-apt__book { align-self: stretch; }
	.chillin-apts__house { padding: 1.3rem 1.2rem; border-radius: 20px; }
	.chillin-apts__house ul { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem .8rem; }
	.chillin-apts__house li { flex-direction: column; gap: .35rem; }
	.chillin-apts__house .chillin-ico { width: 26px; height: 26px; }
	.chillin-apts__house strong { font-size: .92rem; line-height: 1.25; }
	.chillin-apts__house small { font-size: .78rem; }
}
@media (hover: none) {
	.chillin-feat:hover { transform: none; }
}
@media (prefers-reduced-motion: reduce) {
	.chillin-apt, .chillin-feat { transition: none; }
	.chillin-apt__slides { scroll-behavior: auto; }
}
