/*----------------------------*/
/* MOBIL                      */
/*----------------------------*/

@media (max-width:768px) {
	html,
    body { scrollbar-width: none; -ms-overflow-style: none; }
    html::-webkit-scrollbar,
    body::-webkit-scrollbar { display: none; }
	.main { scrollbar-width: none; -ms-overflow-style: none; }
	body { background: var(--body-bg) };
	.main::-webkit-scrollbar { display: none; }
	.page-wrapper { padding: 16px; }
	.alert-message .title { font-size: 1.8em; line-height: 1.2em; }
	.nomobile {	display: none; }
	.auth-card { padding: 10px; }
	.form-control { height: 45px; }
	#auth .btn-primary { min-height: 45px; }
	#auth .btn { height: 45px; font-size: 19px; }
	#event { font-size: 14px; }
	#event .card-title { font-size: 1.8em; }
	.org-logo img { max-height: 90px; }
	.auth-page { background: var(--body-bg); }
	.organization-info-panel { padding: 12px; }
	.organization-sections-card { padding: 12px; }
	.organization-section-card {padding: 12px;}
	.alert-location { display: grid; gap: 0px; padding-left: 1.2em; text-indent: -1.2em;}
	.alert-location > *:nth-child(n+5) { display: none; }
    .mobile-organization-pending {
        position: fixed;
        z-index: 51;
        right: 0;
        bottom: calc(74px + env(safe-area-inset-bottom));
        left: 0;
        padding: 8px 12px;
        background: var(--primary);
        color: #fff;
        text-align: center;
        font-size: 12px;
        font-weight: 600;
    }
    .mobile-organization-notice + .mobile-organization-notice {
        margin-top: 4px;
    }
    .mobile-organization-status,
    .mobile-organization-reason {
        display: block;
    }
    .mobile-organization-reason:empty {
        display: none;
    }
    .mobile-organization-reason:not(:empty)::before {
        content: "Dôvod: ";
    }
	.modal-body .tabs-pill { gap: 2px 2px; justify-content: normal;}
	.modal-body .tabs-pill .tab { height: 50px; flex: 1; }
}

@media (max-width:1024px) {
	.event-row { grid-template-columns: 1fr; width: 100%; }
	.card.org { grid-template-columns: 1fr; }
	.org-logo img { max-height: 100px; }
	#event-detail .skeleton-rect { width: 100%; }
}