/* Kiosk-mode specific overrides — only loaded for kiosk builds */

/* --- Kiosk Mode --- */
.main-content.kiosk-mode {
    padding-bottom: 1.75rem;
}
.content-grid.kiosk-mode {
    overflow: hidden;
}
.kiosk-mode .service-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}
.content-grid.kiosk-mode > .selected-service-card {
    flex: 0 0 var(--kiosk-summary);
    min-height: 0;
    overflow: visible;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
/* Empty shell reserves the flex slot without rendering a visible card.
   (Service info is now inside the 3-panel how-to area on the right.) */
.content-grid.kiosk-mode > .selected-service-card:empty {
    background: transparent;
    border: none;
    box-shadow: none;
}
/* Portrait-only: service-select sizes to content, how-to fills the rest (service info
   now lives inside the 3-panel how-to area, so there's no bottom summary card). */
.main-content.lang-at-top .content-grid.kiosk-mode > .select-service-card {
    flex: 0 0 auto;
    max-height: 55vh;
    margin-bottom: var(--space-sm);
}
.main-content.lang-at-top .content-grid.kiosk-mode > .how-to-card {
    flex: 1;
    min-height: 0;
}
.kiosk-mode .selected-service-card.slide-up-enter {
    animation: slideUpEnter 0.4s ease-out;
}
@keyframes slideUpEnter {
    from { opacity: 0; transform: translateY(100%); }
    to { opacity: 1; transform: translateY(0); }
}
.content-grid.kiosk-mode > .how-to-card {
    flex: 0 0 var(--kiosk-howto);
    min-height: 0;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}
.content-grid.kiosk-mode > .how-to-card > .card-content {
    flex: 1;
    min-height: 0;
    overflow: hidden;
}
.content-grid.kiosk-mode > .select-service-card {
    flex: 1 0 0;
    min-height: 0;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}
/* When summary card is hidden (search), how-to stays fixed; service absorbs freed space. */
.content-grid.kiosk-mode > .how-to-card:first-child {
    flex: 0 0 var(--kiosk-howto-nosummary);
}
.kiosk-mode .service-list {
    flex: 1;
    overflow-y: auto;
}
.kiosk-mode .card-content {
    overflow: hidden;
}
.kiosk-mode .wayfinding-grid {
    min-height: 0;
}
.kiosk-mode .select-service-card .card-content {
    flex: 1;
    display: flex;
    flex-direction: column;
    min-height: 0;
}
/* .kiosk-stamp — commented out, may reuse later
*/
.kiosk-welcome-card {
    display: flex;
    flex-direction: column;
}
.kiosk-welcome-card .card-content {
    flex: 1;
    display: flex;
    align-items: center;
    position: relative;
    overflow: hidden;
}
.kiosk-welcome-card .service-summary-layout {
    width: 100%;
}
.kiosk-welcome-card .service-summary-qr {
    display: flex;
    align-items: center;
    justify-content: center;
}