/* =========================
   Hide Footer
========================= */

footer,
.footer,
.site-footer,
.page-footer,
[class*="footer"],
[class*="Footer"] {
    display: none !important;
}

footer *,
.footer *,
.site-footer *,
.page-footer *,
[class*="footer"] *,
[class*="Footer"] * {
    display: none !important;
}

.powered-by,
.copyright,
.attribution {
    display: none !important;
}

/* =========================
   全部容器直角改圆角
========================= */

* {
    border-radius: 12px !important;
}

/* =========================
   Button - Pill Style (无动画)
========================= */

button,
.btn,
.button,
input[type="submit"],
input[type="button"],
input[type="reset"],
a.button,
a.btn {
    border-radius: 9999px !important;
    padding: 12px 24px !important;
    transition: none !important;
    transform: none !important;
}

button:hover,
.btn:hover,
.button:hover,
input[type="submit"]:hover,
input[type="button"]:hover,
a.button:hover,
a.btn:hover {
    transform: none !important;
}

button:active,
.btn:active,
.button:active {
    transform: none !important;
}

/* =========================
   Inputs
========================= */

input,
textarea,
select {
    border-radius: 12px !important;
}

/* =========================
   Cards
========================= */

.card,
.box,
.panel {
    border-radius: 18px !important;
}

/* =========================
   Links
========================= */

a {
    transition: .2s;
}

a:hover {
    opacity: .85;
}

/* =========================
   Tables
========================= */

table {
    border-radius: 16px !important;
    overflow: hidden !important;
}

/* =========================
   Modal
========================= */

.modal,
.dialog,
.modal-content {
    border-radius: 20px !important;
}

/* =========================
   Checkbox
========================= */

input[type="checkbox"] {
    border-radius: 8px !important;
}

/* =========================
   Avatar
========================= */

img {
    border-radius: 12px !important;
}

/* =========================
   Container
========================= */

.container,
.container-fluid,
.wrapper {
    border-radius: 16px !important;
}

/* =========================
   Navbar
========================= */

.navbar,
.nav {
    border-radius: 16px !important;
}

/* =========================
   Dropdown
========================= */

.dropdown,
.dropdown-menu {
    border-radius: 14px !important;
}

/* =========================
   Alert
========================= */

.alert,
.notification {
    border-radius: 14px !important;
}

/* =========================
   Progress
========================= */

.progress,
.progress-bar {
    border-radius: 9999px !important;
}

/* =========================
   Breadcrumb
========================= */

.breadcrumb {
    border-radius: 12px !important;
}

/* =========================
   Responsive
========================= */

@media (max-width: 768px) {
    * {
        border-radius: 8px !important;
    }
    
    .card,
    .box,
    .panel {
        border-radius: 12px !important;
    }
    
    .modal,
    .modal-content {
        border-radius: 14px !important;
    }
}

@media (max-width: 576px) {
    * {
        border-radius: 6px !important;
    }
    
    .card,
    .box,
    .panel {
        border-radius: 8px !important;
    }
    
    .modal,
    .modal-content {
        border-radius: 10px !important;
    }
}