/* Ostsachsen Portal 4.9.1
 * Gutenberg style: Unterkunft Kasten Ostsachsen – Bild oben
 * Fixed photo height: 320px desktop, 220px mobile; centered crop.
 */
:is(.ost-hotel-card--photo-top,.is-style-ost-accommodation-photo-top).wp-block-group{
  padding:0!important;overflow:hidden;background:#fff!important;
  border:1px solid #dce9e1;border-radius:22px;box-shadow:0 18px 48px rgba(18,74,44,.11);
}
:is(.ost-hotel-card--photo-top,.is-style-ost-accommodation-photo-top) .ost-hotel-card__columns,
.wp-block-group.is-style-ost-accommodation-photo-top>.wp-block-columns{
  display:grid!important;grid-template-columns:minmax(0,1fr)!important;
  width:100%!important;max-width:none!important;min-height:0!important;gap:0!important;margin:0!important;
}
:is(.ost-hotel-card--photo-top,.is-style-ost-accommodation-photo-top) .wp-block-columns>.wp-block-column{
  width:100%;min-width:0;margin:0!important;
}
:is(.ost-hotel-card--photo-top,.is-style-ost-accommodation-photo-top) .ost-hotel-card__media,
.wp-block-group.is-style-ost-accommodation-photo-top .wp-block-image{
  width:100%!important;height:var(--ost-accommodation-photo-height,320px)!important;min-height:0!important;margin:0!important;
}
:is(.ost-hotel-card--photo-top,.is-style-ost-accommodation-photo-top) .ost-hotel-card__media img,
.wp-block-group.is-style-ost-accommodation-photo-top .wp-block-image img{
  display:block;width:100%!important;height:var(--ost-accommodation-photo-height,320px)!important;min-height:0!important;max-height:none!important;object-fit:cover!important;object-position:center!important;
}
:is(.ost-hotel-card--photo-top,.is-style-ost-accommodation-photo-top) .ost-hotel-card__body{
  padding:clamp(22px,3vw,34px);justify-content:flex-start;
}
.wp-block-media-text:is(.ost-stay-card--photo-top,.is-style-ost-accommodation-photo-top){
  grid-template-columns:minmax(0,1fr)!important;align-items:start;
  padding:0!important;overflow:hidden;background:#fff!important;
  border:1px solid #dce9e1;border-radius:22px;box-shadow:0 18px 48px rgba(18,74,44,.11);
}
.wp-block-media-text:is(.ost-stay-card--photo-top,.is-style-ost-accommodation-photo-top)>.wp-block-media-text__media{
  grid-column:1!important;grid-row:1!important;width:100%;height:var(--ost-accommodation-photo-height,320px)!important;min-height:0!important;
  margin:0!important;background-image:none!important;
}
.wp-block-media-text:is(.ost-stay-card--photo-top,.is-style-ost-accommodation-photo-top)>.wp-block-media-text__media img{
  position:static!important;display:block!important;width:100%!important;height:var(--ost-accommodation-photo-height,320px)!important;
  min-height:0!important;max-height:none!important;clip:auto!important;clip-path:none!important;
  object-fit:cover!important;object-position:center!important;margin:0!important;
}
.wp-block-media-text:is(.ost-stay-card--photo-top,.is-style-ost-accommodation-photo-top)>.wp-block-media-text__content{
  grid-column:1!important;grid-row:2!important;min-width:0;padding:clamp(22px,3vw,34px);justify-content:flex-start;
}

@media(max-width:600px){
  :is(.ost-hotel-card--photo-top,.ost-stay-card--photo-top,.is-style-ost-accommodation-photo-top){--ost-accommodation-photo-height:220px;}
}

/* Native four-column accommodation comparison; preserve three-column visit tables. */
:is(.ost-single .ost-article__content,.ost-accommodation-guide,.editor-styles-wrapper) .ost-besuchsplanung-table.ost-accommodation-comparison table{table-layout:fixed;min-width:680px;}
:is(.ost-single .ost-article__content,.ost-accommodation-guide,.editor-styles-wrapper) .ost-besuchsplanung-table.ost-accommodation-comparison tr>:nth-child(n){width:25%;padding:14px 12px;overflow-wrap:break-word;}

/* Shared guide width for pages and articles; captions remain below cropped photos. */
.wp-block-group.ost-accommodation-guide{width:100%;max-width:780px!important;margin-inline:auto!important;}
.ost-accommodation-guide .ost-accommodation-comparison{overflow-x:auto;max-width:100%;}
.ost-accommodation-guide .ost-accommodation-comparison table{width:100%;table-layout:fixed;min-width:680px;}
.ost-accommodation-guide .ost-accommodation-comparison tr>:nth-child(n){width:25%!important;padding:14px 12px;overflow-wrap:break-word;}
.ost-hotel-card--photo-top .ost-hotel-card__media:has(figcaption){height:auto!important;}
.ost-hotel-card--photo-top .ost-hotel-card__media figcaption{margin:0;padding:10px 20px;font-size:13px;line-height:1.5;}

/* Native photo-top cards: keep images in document flow and align the decision text. */
.ost-accommodation-guide .ost-hotel-card--photo-top .ost-hotel-card__media img {
  position:static!important;
  inset:auto!important;
}
.ost-accommodation-guide .ost-hotel-card--photo-top .ost-hotel-card__body > * {
  box-sizing:border-box;
  width:100%;
  margin-inline:0!important;
  text-align:left;
}
.ost-accommodation-guide .ost-hotel-card__actions {
  justify-content:flex-start;
}
.ost-accommodation-guide .ost-hotel-card__actions .wp-block-button:first-child .wp-block-button__link {
  background:#087f48!important;
  color:#fff!important;
  box-shadow:0 6px 16px rgba(8,127,72,.14);
}
.ost-accommodation-guide .ost-hotel-card__actions .wp-block-button:first-child .wp-block-button__link:hover,
.ost-accommodation-guide .ost-hotel-card__actions .wp-block-button:first-child .wp-block-button__link:focus-visible {
  background:#06683b!important;
  color:#fff!important;
}

/* Shared accommodation quick selection: small light-green buttons in every state. */
:is(.ost-article__content,.ost-accommodation-guide,.editor-styles-wrapper) :is(.ost-quick-select,.ost-hotel-quick__buttons){gap:8px!important;justify-content:flex-start;}
:is(.ost-article__content,.ost-accommodation-guide,.editor-styles-wrapper) :is(.ost-quick-select,.ost-hotel-quick__buttons) .wp-block-button__link{
 box-sizing:border-box;background:#d7efdf!important;color:#0b4f2c!important;
 border:1px solid #b8ddc6!important;border-radius:999px!important;
 padding:7px 12px!important;font-size:14px!important;line-height:1.4!important;
 font-weight:600;min-height:34px;box-shadow:none!important;text-decoration:none!important;
}
:is(.ost-article__content,.ost-accommodation-guide,.editor-styles-wrapper) :is(.ost-quick-select,.ost-hotel-quick__buttons) .wp-block-button__link:is(:hover,:focus,:active){background:#c8ead4!important;color:#0b4f2c!important;box-shadow:none!important;}
:is(.ost-article__content,.ost-accommodation-guide,.editor-styles-wrapper) :is(.ost-quick-select,.ost-hotel-quick__buttons) .wp-block-button__link:focus-visible{outline:2px solid #087f48;outline-offset:3px;}