/* Final responsive rules shared by public, authentication and admin layouts. */
html { scroll-padding-top: 100px; }
body { -webkit-text-size-adjust: 100%; }
iframe, canvas, svg { max-width: 100%; }
.admin-page-head > *, .header-start > *, .seo-panel-heading > *,
.tracking-form-heading > *, .content-section-card, .section-summary-copy,
.section-field-head label, .demo-preview-meta, .admin-demo-info { min-width: 0; }
.admin-page-head h2, .section-field-head label, .section-summary-copy,
.tracking-provider-tabs a, .tracking-help, .seo-search-preview,
.admin-demo-info, .auth-heading { overflow-wrap: anywhere; }
.admin-demo-table { min-width: 740px; }
.table-responsive { -webkit-overflow-scrolling: touch; }
.admin-sidebar { overscroll-behavior: contain; }
.sidebar-brand, .sidebar-user { flex-shrink: 0; }
body.admin-body .admin-sidebar { height: 100vh; height: 100dvh; padding-bottom: max(18px, env(safe-area-inset-bottom)); }
body.admin-body .header-actions { flex-shrink: 0; }
body.admin-body .btn-create { display: inline-flex; align-items: center; justify-content: center; text-decoration: none; }
.site-content-form, .seo-form, .tracking-settings-grid > *, .demo-upload-layout > * { min-width: 0; }
.demo-upload-preview img { object-fit: contain; }
.workspace-search-result > div { min-width: 0; overflow-wrap: anywhere; }
.workspace-search-result > a { flex-shrink: 0; }
@media (max-width: 991.98px) {
    .admin-sidebar:not(.show) { visibility: hidden; }
    body.admin-body .sidebar-close { display: grid; place-items: center; min-width: 44px; min-height: 44px; }
    .sidebar-submenu a { min-height: 44px; }
}
@media (max-width: 767.98px) {
    .content-editor-toolbar > *, .content-editor-toolbar label { min-width: 0; max-width: 100%; }
    .content-editor-toolbar label { flex: 1 1 100%; width: 100%; }
    .content-editor-toolbar input { min-width: 0; width: 100%; }
    .section-field-head { align-items: flex-start; }
    .seo-field label { flex-wrap: wrap; gap: 4px 12px; }
    .seo-panel-heading > span { flex-shrink: 0; }
    .content-page-tabs a, .seo-page-tabs a, .activity-range a { min-height: 44px; display: inline-flex; align-items: center; }
    .tracking-provider-tabs a { min-height: 64px; }
    .admin-check { min-height: 44px; }
    .inquiry-topline { flex-wrap: wrap; gap: 12px; }
    .inquiry-delete { min-height: 44px; }
    .workspace-search-result { flex-wrap: wrap; }
    .offcanvas .nav-link { min-height: 44px; display: flex; align-items: center; }
    .offcanvas-header .btn-close { flex-shrink: 0; min-width: 24px; min-height: 24px; }
}
@media (max-width: 575.98px) {
    body.admin-body .header-icon, body.admin-body .btn-create { width: 44px; height: 44px; }
    body.admin-body .admin-header { gap: 8px; }
    .admin-header .eyebrow { display: block; line-height: 1.5; }
    .admin-header h1 { line-height: 1.4; }
    .content-section-card > summary { display: grid !important; grid-template-columns: 28px minmax(0, 1fr) 14px; gap: 9px !important; }
    .content-section-card > summary .section-number { grid-column: 1; grid-row: 1; }
    .content-section-card > summary .section-summary-copy { grid-column: 2; grid-row: 1; }
    .content-section-card > summary > i { grid-column: 3; grid-row: 1; }
    .content-section-card > summary .section-customized { grid-column: 2; grid-row: 2; justify-self: start; }
    .content-savebar, .seo-save-bar { bottom: max(8px, env(safe-area-inset-bottom)); }
    .auth-heading p, .form-group label, .label-row label, .remember, .auth-switch { font-size: 13px; line-height: 1.7; }
    .remember { min-height: 44px; }
    .back-home, .auth-switch a { display: inline-flex; align-items: center; min-height: 44px; }
    body:has(input:focus, textarea:focus, select:focus) .whatsapp,
    body:has(input:focus, textarea:focus, select:focus) .scroll-top { opacity: 0; visibility: hidden; pointer-events: none; }
}
@media (max-width: 359.98px) {
    body.admin-body .stats-grid, .tracking-activity-grid { grid-template-columns: minmax(0, 1fr); }
    body.admin-body .header-start { gap: 6px; }
    body.admin-body .header-start .eyebrow { font-size: 8px; }
    body.admin-body .admin-header h1 { font-size: 14px; }
    .tracking-provider-tabs { grid-template-columns: minmax(0, 1fr); }
}
@media (max-height: 500px) and (max-width: 991.98px) {
    .content-savebar, .seo-save-bar { position: static; margin-top: 18px; }
    .admin-header, .site-header { position: relative !important; }
    .auth-content { padding-block: 24px; }
    .mobile-brand { margin-bottom: 24px; }
}

/* Rich text menus must escape the form panel without being cropped. */
body.admin-body .admin-form-panel, body.admin-body .admin-form-panel .note-editor { overflow: visible; }
.note-editor .note-dropdown-menu { max-width: calc(100vw - 24px); overflow-y: auto; overscroll-behavior: contain; }
.note-modal { overflow-y: auto; overscroll-behavior: contain; }
.note-modal-content { max-width: calc(100vw - 24px); }
.note-modal-body input:not([type=checkbox]):not([type=radio]) { max-width: 100%; min-width: 0; }
@media (max-width: 1199.98px) {
    .demo-upload-layout { grid-template-columns: minmax(0, 1fr); }
    .demo-preview-panel { position: static; }
}
@media (max-width: 575.98px) {
    .note-editor .note-toolbar .note-color .note-dropdown-menu { min-width: 180px; width: 180px; }
    .note-editor .note-toolbar .note-color .note-dropdown-menu .note-palette { display: block; margin: 0 4px 10px; }
    .note-modal-content { margin: 12px auto; }
    .note-modal-body { padding: 16px; }
    .note-modal-body input { font-size: 16px; }
    .note-modal-header { padding: 12px 16px; }
    .note-modal-footer { height: auto; min-height: 56px; }
}

.demo-price { display: flex; align-items: baseline; flex-wrap: wrap; gap: 6px 12px; margin: 12px 0; color: #416b43; font-size: 1.2rem; font-weight: 800; line-height: 1.5; letter-spacing: normal; font-variant-numeric: tabular-nums; }
.demo-price[hidden] { display: none; }
.demo-detail-price { font-size: clamp(1.5rem, 4vw, 2rem); }

#demoPrice, #demoSalePrice { max-width: 100%; }

.demo-price del { color: #728076; font-size: .8em; font-weight: 500; }
.demo-price strong { color: inherit; font-size: inherit; }

/* Keep each amount intact; regular and sale prices wrap as whole items. */
.demo-price > del, .demo-price > strong { white-space: nowrap; max-width: 100%; }
@media (max-width: 575.98px) {
    .gallery-body .demo-price, .landing-demo-body .demo-price { font-size: 1.125rem; }
    .demo-pagination > a, .demo-pagination > span, .gallery-tab { min-height: 44px; }
    .nex-link-column a { min-height: 44px !important; }
    .demo-credential-list > div { grid-template-columns: minmax(0, 1fr) 44px; }
    .demo-credential-list button { min-width: 44px; min-height: 44px; }
    body.admin-body .mobile-menu, .offcanvas-header .btn-close { min-width: 44px; min-height: 44px; }
}
@media (max-width: 1199.98px) {
    .offcanvas-header { gap: 8px; }
    .offcanvas-header .navbar-brand { flex: 1; min-width: 0; margin-right: 0; }
    .offcanvas-header .site-logo { max-width: 100%; height: auto; }
    .offcanvas-header .btn-close { box-sizing: border-box; width: 44px; height: 44px; padding: 12px; margin: 0; }
}

.seo-demo-search .form-control { flex: 1 1 180px; min-width: 0; width: auto; }
.seo-demo-search .btn { flex: 0 0 auto; }
@media(max-width:575.98px) { .seo-demo-search .btn { flex-grow: 1; } }

.content-image-preview { display: block; width: 100%; max-height: 180px; object-fit: contain; margin-top: 12px; border: 1px solid #dce5df; border-radius: 8px; background: #f4f7f2; }
.content-field-feedback { margin-top: 8px; font-size: 12px; color: #526d50; overflow-wrap: anywhere; }

.site-logo { max-height: 52px; object-fit: contain; object-position: left center; }
.footer-logo { max-height: 64px; object-fit: contain; object-position: left center; }