/* Sharp Corners Override - Loại bỏ tất cả border-radius */

/* Global override cho tất cả elements */
*,
*::before,
*::after {
    border-radius: 0 !important;
}

/* Specific overrides cho các components thường có border-radius */
.btn,
button,
.button,
.card,
.modal,
.modal-content,
.modal-dialog,
.dropdown,
.dropdown-menu,
.form-control,
input,
select,
textarea,
.input-group,
.badge,
.alert,
.toast,
.tooltip,
.popover,
.nav-pills .nav-link,
.nav-tabs .nav-link,
.pagination .page-link,
.progress,
.progress-bar,
.carousel-indicators button,
.carousel-control-prev,
.carousel-control-next,
.offcanvas,
.accordion-button,
.list-group-item,
.breadcrumb-item,
.close,
.btn-close,
.spinner-border,
.spinner-grow,
.table,
.table th,
.table td,
.navbar,
.navbar-brand,
.navbar-nav .nav-link,
.navbar-toggler,
.collapse,
.collapsing,
.container,
.container-fluid,
.row,
.col,
.col-*,
.img-thumbnail,
.figure,
.blockquote,
.lead,
.display-*,
.text-*,
.bg-*,
.border,
.border-*,
.rounded,
.rounded-*,
.shadow,
.shadow-*,
.product-card,
.product-image,
.product-content,
.blog-card,
.blog-image,
.blog-content,
.hero,
.hero-content,
.section,
.container,
.wrapper,
.box,
.panel,
.widget,
.sidebar,
.header,
.footer,
.main,
.content,
.article,
.post,
.comment,
.reply,
.form,
.form-group,
.form-field,
.search-form,
.search-input,
.search-button,
.filter,
.filter-item,
.tag,
.category,
.price,
.price-tag,
.discount,
.sale,
.new,
.featured,
.popular,
.trending,
.recommended,
.related,
.similar,
.more,
.less,
.show,
.hide,
.toggle,
.switch,
.slider,
.carousel,
.gallery,
.lightbox,
.overlay,
.backdrop,
.mask,
.cover,
.thumbnail,
.preview,
.zoom,
.fullscreen,
.minimize,
.maximize,
.close,
.cancel,
.confirm,
.submit,
.reset,
.clear,
.delete,
.edit,
.update,
.create,
.add,
.remove,
.save,
.load,
.refresh,
.reload,
.sync,
.upload,
.download,
.share,
.like,
.favorite,
.bookmark,
.subscribe,
.follow,
.unfollow,
.block,
.unblock,
.report,
.flag,
.star,
.rating,
.review,
.comment,
.reply,
.quote,
.mention,
.hashtag,
.link,
.url,
.email,
.phone,
.address,
.location,
.map,
.marker,
.pin,
.icon,
.logo,
.brand,
.title,
.subtitle,
.heading,
.subheading,
.text,
.paragraph,
.list,
.item,
.menu,
.navigation,
.nav,
.navbar,
.sidebar,
.footer,
.header,
.main,
.content,
.section,
.article,
.post,
.page,
.home,
.about,
.contact,
.services,
.products,
.portfolio,
.gallery,
.blog,
.news,
.events,
.testimonials,
.team,
.clients,
.partners,
.sponsors,
.awards,
.certifications,
.achievements,
.milestones,
.timeline,
.history,
.mission,
.vision,
.values,
.goals,
.objectives,
.strategy,
.approach,
.methodology,
.process,
.workflow,
.pipeline,
.funnel,
.journey,
.experience,
.interface,
.design,
.layout,
.template,
.theme,
.style,
.css,
.html,
.js,
.javascript,
.php,
.python,
.java,
.c,
.cpp,
.csharp,
.ruby,
.go,
.rust,
.swift,
.kotlin,
.dart,
.flutter,
.react,
.vue,
.angular,
.svelte,
.node,
.express,
.laravel,
.django,
.flask,
.spring,
.rails,
.symfony,
.codeigniter,
.wordpress,
.drupal,
.joomla,
.magento,
.shopify,
.woocommerce,
.prestashop,
.opencart,
.oscommerce,
.zencart,
.cubecart,
.xcart,
.bigcommerce,
.squarespace,
.wix,
.weebly,
.jimdo,
.webflow,
.bubble,
.nocode,
.lowcode,
.api,
.rest,
.graphql,
.soap,
.xml,
.json,
.yaml,
.csv,
.excel,
.pdf,
.doc,
.docx,
.ppt,
.pptx,
.xls,
.xlsx,
.txt,
.rtf,
.odt,
.ods,
.odp,
.pages,
.numbers,
.keynote {
    border-radius: 0 !important;
}

/* Override cho pseudo-elements */
*::before,
*::after {
    border-radius: 0 !important;
}

/* Override cho các CSS variables thường dùng cho border-radius */
:root {
    --border-radius: 0 !important;
    --border-radius-sm: 0 !important;
    --border-radius-md: 0 !important;
    --border-radius-lg: 0 !important;
    --border-radius-xl: 0 !important;
    --border-radius-2xl: 0 !important;
    --border-radius-3xl: 0 !important;
    --border-radius-full: 0 !important;
    --border-radius-none: 0 !important;
    --radius: 0 !important;
    --radius-sm: 0 !important;
    --radius-md: 0 !important;
    --radius-lg: 0 !important;
    --radius-xl: 0 !important;
    --radius-2xl: 0 !important;
    --radius-3xl: 0 !important;
    --radius-full: 0 !important;
    --radius-none: 0 !important;
    --rounded: 0 !important;
    --rounded-sm: 0 !important;
    --rounded-md: 0 !important;
    --rounded-lg: 0 !important;
    --rounded-xl: 0 !important;
    --rounded-2xl: 0 !important;
    --rounded-3xl: 0 !important;
    --rounded-full: 0 !important;
    --rounded-none: 0 !important;
}

/* Override cho Bootstrap classes */
.rounded,
.rounded-sm,
.rounded-md,
.rounded-lg,
.rounded-xl,
.rounded-2xl,
.rounded-3xl,
.rounded-top,
.rounded-end,
.rounded-bottom,
.rounded-start,
.rounded-circle,
.rounded-pill {
    border-radius: 0 !important;
}

/* Override cho Tailwind CSS classes */
.rounded-none,
.rounded-sm,
.rounded,
.rounded-md,
.rounded-lg,
.rounded-xl,
.rounded-2xl,
.rounded-3xl,
.rounded-full,
.rounded-t-none,
.rounded-t-sm,
.rounded-t,
.rounded-t-md,
.rounded-t-lg,
.rounded-t-xl,
.rounded-t-2xl,
.rounded-t-3xl,
.rounded-t-full,
.rounded-r-none,
.rounded-r-sm,
.rounded-r,
.rounded-r-md,
.rounded-r-lg,
.rounded-r-xl,
.rounded-r-2xl,
.rounded-r-3xl,
.rounded-r-full,
.rounded-b-none,
.rounded-b-sm,
.rounded-b,
.rounded-b-md,
.rounded-b-lg,
.rounded-b-xl,
.rounded-b-2xl,
.rounded-b-3xl,
.rounded-b-full,
.rounded-l-none,
.rounded-l-sm,
.rounded-l,
.rounded-l-md,
.rounded-l-lg,
.rounded-l-xl,
.rounded-l-2xl,
.rounded-l-3xl,
.rounded-l-full,
.rounded-tl-none,
.rounded-tl-sm,
.rounded-tl,
.rounded-tl-md,
.rounded-tl-lg,
.rounded-tl-xl,
.rounded-tl-2xl,
.rounded-tl-3xl,
.rounded-tl-full,
.rounded-tr-none,
.rounded-tr-sm,
.rounded-tr,
.rounded-tr-md,
.rounded-tr-lg,
.rounded-tr-xl,
.rounded-tr-2xl,
.rounded-tr-3xl,
.rounded-tr-full,
.rounded-br-none,
.rounded-br-sm,
.rounded-br,
.rounded-br-md,
.rounded-br-lg,
.rounded-br-xl,
.rounded-br-2xl,
.rounded-br-3xl,
.rounded-br-full,
.rounded-bl-none,
.rounded-bl-sm,
.rounded-bl,
.rounded-bl-md,
.rounded-bl-lg,
.rounded-bl-xl,
.rounded-bl-2xl,
.rounded-bl-3xl,
.rounded-bl-full {
    border-radius: 0 !important;
}

/* Đảm bảo images cũng vuông góc */
img,
.img,
.image,
.picture,
.photo,
.avatar,
.profile-pic,
.thumbnail,
.preview,
.gallery-item,
.carousel-item img,
.slider-item img,
.product-image img,
.blog-image img,
.hero-image img,
.background-image,
.bg-image,
video,
.video,
iframe,
.iframe,
embed,
.embed,
object,
.object,
canvas,
.canvas,
svg,
.svg {
    border-radius: 0 !important;
}

/* Override cho các framework UI components */
.ant-btn,
.ant-card,
.ant-modal,
.ant-input,
.ant-select,
.ant-dropdown,
.ant-tooltip,
.ant-popover,
.ant-notification,
.ant-message,
.ant-alert,
.ant-badge,
.ant-tag,
.ant-progress,
.ant-avatar,
.ant-image,
.ant-upload,
.ant-table,
.ant-pagination,
.ant-tabs,
.ant-collapse,
.ant-carousel,
.ant-drawer,
.ant-affix,
.ant-anchor,
.ant-back-top,
.ant-breadcrumb,
.ant-menu,
.ant-steps,
.ant-auto-complete,
.ant-cascader,
.ant-checkbox,
.ant-date-picker,
.ant-form,
.ant-input-number,
.ant-mentions,
.ant-radio,
.ant-rate,
.ant-slider,
.ant-switch,
.ant-time-picker,
.ant-transfer,
.ant-tree-select,
.ant-upload,
.mui-button,
.mui-card,
.mui-dialog,
.mui-textfield,
.mui-select,
.mui-menu,
.mui-tooltip,
.mui-popover,
.mui-snackbar,
.mui-alert,
.mui-chip,
.mui-badge,
.mui-progress,
.mui-avatar,
.mui-image,
.mui-table,
.mui-pagination,
.mui-tabs,
.mui-accordion,
.mui-carousel,
.mui-drawer,
.mui-appbar,
.mui-breadcrumbs,
.mui-stepper,
.mui-autocomplete,
.mui-checkbox,
.mui-datepicker,
.mui-form,
.mui-radio,
.mui-rating,
.mui-slider,
.mui-switch,
.mui-timepicker {
    border-radius: 0 !important;
}

/* Đảm bảo không có border-radius nào được áp dụng */
* {
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -ms-border-radius: 0 !important;
    -o-border-radius: 0 !important;
    border-radius: 0 !important;
}

/* Override cho các inline styles */
[style*="border-radius"] {
    border-radius: 0 !important;
}

[style*="-webkit-border-radius"] {
    -webkit-border-radius: 0 !important;
}

[style*="-moz-border-radius"] {
    -moz-border-radius: 0 !important;
}

/* Media queries để đảm bảo override trên mọi device */
@media screen and (max-width: 768px) {
    * {
        border-radius: 0 !important;
    }
}

@media screen and (min-width: 769px) {
    * {
        border-radius: 0 !important;
    }
}

@media print {
    * {
        border-radius: 0 !important;
    }
}