/* MV-FeWo Portal – Ergänzungen zum Original-Theme */

/* Ferienobjekt-Liste (wie YOOtheme-Element) */
.mv-fewo-list .el-meta { font-size: 16px; font-weight: 700; }
.mv-fewo-list .uk-cover-container > canvas.mv-sizer { display: block; width: 533px; max-width: 100%; height: auto; }

/* Ausstattung-Karten */
.mv-amenities .el-title { color: #fff !important; }
.mv-amenities .el-content { color: #fff !important; font-size: 13px; }

/* Belegungsplan */
.mv-booking { padding-right: 80px; }
@media (max-width: 639px) { .mv-booking { padding-right: 0; } }
.mv-booking iframe { max-width: 100%; }

/* Thumbnav der Slideshow (wie Original: schrumpft in einer Zeile) */
.mv-thumbnav img { width: 100px; height: auto; aspect-ratio: 4 / 3; object-fit: cover; }
.uk-slideshow-items a { cursor: zoom-in; }

/* Galerie-Element */
.uk-cover-container > canvas { width: 100%; height: auto; display: block; }

/* Karten */
.mv-map { background: #eee; }
.mv-map .leaflet-popup-content { margin: 10px 14px; }
.mv-map .leaflet-popup-content .el-title { font-size: 1.1rem; }

/* Formulare (Optik des bisherigen Formulars, Werte vom Original gemessen) */
.mv-form .uk-margin { margin: 9px 0 !important; }
.mv-form .uk-form-label { display: block; color: #212121; font-size: 16px; font-weight: 700; line-height: 36px; margin: 0; }
.mv-form .mv-req { color: #212121; margin-left: 2px; }
.mv-form .uk-input, .mv-form .uk-select, .mv-form .uk-textarea {
  background: #f0f0f0; border: 0; border-radius: 0; color: #212121; font-size: 16px; font-weight: 700;
  height: 44px; padding: 8px; line-height: 28px;
}
.mv-form .uk-select:not([multiple]):not([size]) { padding-right: 24px; }
.mv-form .uk-textarea { height: 150px; resize: vertical; }
.mv-form .uk-input:focus, .mv-form .uk-select:focus, .mv-form .uk-textarea:focus { background: #ebebeb; outline: 1px solid #a3037b; }
.mv-form .uk-form-danger { outline: 1px solid #e44e56; background: #fdf0f0 !important; }
.mv-form .mv-check { display: flex; gap: 16px; align-items: flex-start; color: #212121; font-size: 16px; font-weight: 700; line-height: 28px; cursor: pointer; }
.mv-form .mv-check .uk-checkbox { flex: none; width: 30px; height: 30px; margin: 0; background-color: rgba(214,214,214,.4); border: 2px solid transparent; border-radius: 4px; }
.mv-form .mv-check .uk-checkbox:checked { background-color: #a3037b; background-size: 18px; }
.mv-form .mv-error { color: #e44e56; font-size: 13px; margin-top: 4px; }
.mv-form .mv-note { color: #212121; font-size: 16px; }
.mv-form .mv-daterange > div:nth-child(2) { color: #212121; }
.mv-submit {
  display: inline-flex; align-items: center; gap: 10px; cursor: pointer;
  background: #a3037b; color: #fff; border: 0; border-radius: 0;
  padding: 20px 60px; font: inherit; font-size: 18px; line-height: 18px; font-weight: bold;
  transition: background .2s;
}
.mv-submit:hover, .mv-submit:focus { background: #212121; color: #fff; }
.mv-submit[disabled] { opacity: .6; cursor: wait; }
.mv-hp { position: absolute !important; left: -9999px !important; width: 1px; height: 1px; overflow: hidden; }
.mv-form-success { font-size: 16px; }
.uk-tile-primary .mv-form .uk-form-label, .uk-tile-primary .mv-form .mv-check { color: #fff; }

/* Cookie-Hinweis */
.tm-cookie-banner { z-index: 1000; }
.tm-cookie-banner .js-accept { background: #eee; color: #888; }
.tm-cookie-banner .js-accept:hover { background: #e0e0e0; color: #555; }

/* Mobile Menü schließen */
#tm-mobile .uk-modal-close-full { background: transparent; }

/* Bilder nie breiter als Container */
main img { max-width: 100%; height: auto; }
main img[uk-cover] { max-width: none; }

/* Texte in magentafarbenen Kacheln weiß (wie bisher) */
.uk-tile-primary .uk-panel, .uk-tile-primary .uk-panel a, .uk-tile-primary .uk-panel strong { color: #fff; }
