/*
 * Mika rounded interface override.
 *
 * This file intentionally contains only shape overrides. Remove its include
 * from the site/admin master layout to return to the previous interface.
 */

:root {
    --clinic-radius: 24px;
    --mika-admin-radius: 22px;
}

/* Public website: navigation and actions */
.clinic-app .clinic-nav-list > li > a,
.clinic-app .clinic-nav-link,
.clinic-app .clinic-login-link,
.clinic-app .clinic-account-menu > .clinic-account-link,
.clinic-app .clinic-dropdown-menu,
.clinic-app .clinic-account-dropdown,
.clinic-app .clinic-mobile-menu-button,
.clinic-app .clinic-mobile-call,
.clinic-app .clinic-drawer-head button,
.clinic-app .clinic-drawer-account-link,
.clinic-app .clinic-drawer-account-logout {
    border-radius: 14px;
}

.clinic-app .clinic-btn {
    border-radius: 16px;
}

.clinic-app .clinic-login-icon,
.clinic-app .clinic-account-avatar,
.clinic-app .clinic-drawer-user-avatar,
.clinic-app .clinic-drawer-account-icon,
.clinic-app .clinic-quick-icon,
.clinic-app .clinic-slider-shortcuts i,
.clinic-app .clinic-reason-icon {
    border-radius: 14px;
}

.clinic-app .clinic-drawer-account,
.clinic-app .clinic-drawer-user,
.clinic-app .clinic-drawer-nav .clinic-drawer-video-link {
    border-radius: 22px;
}

.clinic-app .clinic-bottom-nav .clinic-bottom-action i {
    border-radius: 50%;
    box-shadow: none;
}

/* Public website: hero and slider */
.clinic-app .clinic-slider-arrow,
.clinic-app .clinic-slider-next,
.clinic-app .clinic-managed-slider .clinic-slider-arrow {
    border-radius: 16px;
}

.clinic-app .clinic-slider-dots button {
    border-radius: 999px;
}

.clinic-app .clinic-slider-shortcuts,
.clinic-app .clinic-quick-grid,
.clinic-app .clinic-managed-slider .clinic-managed-slide-copy {
    border-radius: 28px;
}

.clinic-app .clinic-hero-image {
    border-radius: 34px;
}

.clinic-app .clinic-hero-floating-card,
.clinic-app .clinic-hero-play-mark {
    border-radius: 20px;
}

/* Public website: cards and content */
.clinic-app .clinic-specialty-card,
.clinic-app .clinic-news-card,
.clinic-app .clinic-list-card,
.clinic-app .clinic-content-card,
.clinic-app .clinic-side-card,
.clinic-app .clinic-form-card,
.clinic-app .clinic-auth-card,
.clinic-app .clinic-media-card,
.clinic-app .clinic-contact-card,
.clinic-app .clinic-profile-card,
.clinic-app .clinic-video-player-shell,
.clinic-app .clinic-video-item,
.clinic-app .clinic-reason-card,
.clinic-app .clinic-location-article {
    border-radius: 24px;
}

.clinic-app .clinic-specialty-image,
.clinic-app .clinic-news-image,
.clinic-app .clinic-list-card-image {
    border-radius: 24px 24px 0 0;
}

.clinic-app input,
.clinic-app textarea,
.clinic-app select,
.clinic-app .form-control,
.clinic-app .clinic-alert {
    border-radius: 14px;
}

/* Admin: global components */
.mika-admin .box,
.mika-admin .panel,
.mika-admin .well,
.mika-admin .modal-content,
.mika-admin .dropdown-menu,
.mika-admin .cke_chrome,
.mika-admin-sidebar-note,
.mika-admin-alert {
    border-radius: 22px;
}

.mika-admin .btn,
.mika-admin .form-control,
.mika-admin .alert,
.mika-admin .dataTables_wrapper .dataTables_filter input,
.mika-admin .dataTables_wrapper .dataTables_length select,
.mika-patient-search-field {
    border-radius: 14px;
}

.mika-admin .input-group .form-control:first-child,
.mika-admin .input-group-addon:first-child,
.mika-admin .input-group-btn:first-child > .btn {
    border-radius: 14px 0 0 14px;
}

.mika-admin .input-group .form-control:last-child,
.mika-admin .input-group-addon:last-child,
.mika-admin .input-group-btn:last-child > .btn {
    border-radius: 0 14px 14px 0;
}

.mika-admin .label,
.mika-admin .progress {
    border-radius: 999px;
}

.mika-admin .pagination > li:first-child > a,
.mika-admin .pagination > li:first-child > span {
    border-radius: 12px 0 0 12px;
}

.mika-admin .pagination > li:last-child > a,
.mika-admin .pagination > li:last-child > span {
    border-radius: 0 12px 12px 0;
}

/* Admin: navigation */
.mika-admin-logo-mark,
.mika-admin-header-avatar,
.mika-admin-profile-avatar,
.mika-admin-side-avatar,
.mika-admin .sidebar-menu > li > a > i {
    border-radius: 14px;
}

.mika-admin .navbar-custom-menu > .navbar-nav > .mika-admin-site-link > a,
.mika-admin .navbar-nav > .user-menu > .dropdown-menu > .user-body a,
.mika-admin .sidebar-menu > li > a {
    border-radius: 14px;
}

.mika-admin .navbar-nav > .user-menu > .dropdown-menu {
    border-radius: 22px;
}

/* Admin: patient list and detail */
.mika-patient-name-icon,
.mika-patient-detail-summary-icon,
.mika-patient-detail-tabs > li > a > i,
.mika-patient-info-icon,
.mika-patient-history-head > strong,
.mika-patient-history-play-icon,
.mika-patient-modal-title > span {
    border-radius: 12px;
}

.mika-patient-detail-hero,
.mika-patient-detail-shell,
.mika-patient-player-card,
.mika-patient-history-panel,
.mika-patient-history-empty > span {
    border-radius: 24px;
}

.mika-patient-detail-avatar {
    border-radius: 22px;
}

.mika-patient-detail-summary > div,
.mika-patient-info-item,
.mika-patient-history-item {
    border-radius: 18px;
}

.mika-patient-detail-tabs > li > a {
    border-radius: 14px;
}

/* Admin: dashboard and media management */
.mika-admin-welcome,
.mika-admin-welcome-mark,
.mika-slider-upload-card,
.mika-slider-overview,
.mika-slider-card,
.mika-slider-empty {
    border-radius: 28px;
}

.mika-admin-stat-icon,
.mika-admin-box-icon,
.mika-admin-storage-icon,
.mika-admin-quick-grid > a > i,
.mika-slider-upload-icon,
.mika-slider-overview > p {
    border-radius: 14px;
}

.mika-admin-storage-item,
.mika-admin-storage-empty,
.mika-admin-quick-grid > a,
.mika-admin .slider-item img,
.mika-admin .video-item video,
.mika-slider-file-field {
    border-radius: 18px;
}

.mika-admin .slider-action,
.mika-slider-file-field input,
.mika-slider-upload-choice > span {
    border-radius: 12px;
}

/* Fullscreen media must always reach every viewport edge. */
.clinic-app .plyr.plyr--fullscreen-active,
.mika-admin .plyr.plyr--fullscreen-active {
    border-radius: 0;
}

@media (max-width: 767px) {
    .clinic-app .clinic-slider-shortcuts,
    .clinic-app .clinic-quick-grid,
    .clinic-app .clinic-managed-slider .clinic-managed-slide-copy,
    .clinic-app .clinic-specialty-card,
    .clinic-app .clinic-news-card,
    .clinic-app .clinic-reason-card,
    .clinic-app .clinic-location-article {
        border-radius: 22px;
    }

    .mika-patient-detail-hero,
    .mika-patient-detail-shell,
    .mika-patient-player-card,
    .mika-patient-history-panel {
        border-radius: 20px;
    }
}