/**
 * MOB HOTEL - minimal Magento 2 compatibility layer.
 * Blank/Luma styles-m/styles-l are NOT loaded (the M1 skin CSS replaces them), so only what
 * Magento 2 markup needs to remain usable is defined here.
 */
[hidden],
.no-display,
.cart-empty:empty { display: none !important; }

.action.skip,
.action.skip:not(:focus),
.fieldset > .legend.visually-hidden,
.label.visually-hidden,
.admin__control-support-text.visually-hidden {
    border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px;
}
.action.skip:focus { position: static; clip: auto; width: auto; height: auto; margin: 0; padding: .5em 1em; background: #fff; }

/* Messages */
/* M2 always renders the messages container (div.page.messages); M1 .page/.messages rules turned it
   into a full-screen orange block. Reset the container, keep the M1 toast look for the inner list only. */
.page.messages { position: static; max-width: 1200px; height: auto; min-height: 0; margin: 0 auto; padding: 0 2%; background: none; z-index: auto; text-transform: none; }
.page.messages .messages:empty { display: none; }
/* before Knockout binds the messages scope, the template markup (no .message child yet) would flash as the M1
   red toast at the bottom of the screen on every page load */
.page.messages .messages:not(:has(> .message)) { display: none; }
.messages .message { margin: 1em 0; padding: .9em 1.2em; border: 1px solid #d6d6d6; background: #f6f6f6; }
.messages .message-success { background: #e5efe5; border-color: #b4d2b4; color: #006400; }
.messages .message-error { background: #fae5e5; border-color: #e1a8a8; color: #b30000; }
.messages .message-warning, .messages .message-notice { background: #fdf0d5; border-color: #e6cd96; color: #6f4400; }
.message.global.cookie, .message.global.noscript { padding: 1em 2%; background: #fdf0d5; margin: 0; }
.message.global.cookie .actions { margin-top: .5em; }

/* Layout glue between the M1 skin and Magento 2 containers */
.main-container .columns { display: block; }
.main-container .column.main { width: 100%; max-width: none; padding: 0; float: none; }
.header-wrapper .logo-wrapper .home-logo { margin: 0; }

/* Magento 2 loader mask (ajax) */
.loading-mask { position: fixed; inset: 0; background: rgba(255, 255, 255, .6); z-index: 9999; }
.loading-mask .loader > img { position: absolute; inset: 0; margin: auto; }
.loading-mask .loader > p { display: none; }

/* Language <select> (flag + native select, M1 .custom-select kept) */
.language-wrapper select { cursor: pointer; }

/* Footer newsletter iframe (TravelClick), inline styles of the M1 template */
iframe.newsframe { margin: 0 auto; display: block; }
.footer-before-container { padding-top: 5em !important; padding-bottom: 5em !important; }
@media screen and (max-width: 750px) {
    iframe.newsframe { width: 100% !important; height: 330px !important; }
}

/* Iframes blocked by Cookiebot until marketing consent (newsletter, Google Maps): hidden, as in prod */
iframe[data-cookieblock-src]:not([src]) { display: none; }

/* Mob_Advancednewsletter: jQuery validation messages rendered like the M1 Prototype .validation-advice */
.newsletter-wrapper div.mage-error {
    font-family: "HelveticaNeue-LightItalic", "Helvetica Neue", Helvetica, Arial, sans-serif;
    margin-top: 0;
    margin-bottom: 8px;
    font-size: .925em;
    color: red;
    text-align: left;
}