/* =====================================================
   FULL WIDTH OVERRIDE - TEMA NUSACOM
   Menghapus semua border-radius dan mengubah lebar menjadi full width
   ===================================================== */

/* ===== RESET BORDER-RADIUS GLOBAL ===== */
* {
    border-radius: 0 !important;
}

/* ===== BODY & CONTAINER FULL WIDTH ===== */
body {
    padding: 0 !important;
    margin: 0 !important;
    width: 100% !important;
    overflow-x: hidden;
}

/* Override Bootstrap Container */
.container,
.container-fluid,
.container-sm,
.container-md,
.container-lg,
.container-xl,
.container-xxl {
    max-width: 100% !important;
    width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

/* Main Content Wrapper - Full Width */
.main-content-wrapper {
    max-width: 100% !important;
    width: 100% !important;
    border-radius: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Content Wrapper - Full Width */
.content-wrapper {
    max-width: 100% !important;
    width: 100% !important;
    border-radius: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* ===== HEADER & NAVIGATION FULL WIDTH ===== */
.top-bar {
    border-radius: 0 !important;
    max-width: 100% !important;
    width: 100% !important;
    margin: 0 !important;
}

.header {
    max-width: 100% !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 12px 15px !important;
}

.header-main {
    border-radius: 0 !important;
}

.menu {
    max-width: 100% !important;
    width: 100% !important;
    margin: 0 !important;
    border-radius: 0 !important;
}

.navbar {
    border-radius: 0 !important;
    margin: 0 !important;
}

/* ===== SLIDER FULL WIDTH ===== */
.slider {
    border-radius: 0 !important;
    max-width: 100% !important;
    width: 100% !important;
    margin: 0 !important;
}

.main-slider {
    border-radius: 0 !important;
    width: 100% !important;
}

.skeleton-slider {
    border-radius: 0 !important;
}

/* ===== CARDS & COMPONENTS ===== */
.card {
    border-radius: 0 !important;
}

.service-card {
    border-radius: 0 !important;
}

.news-card {
    border-radius: 0 !important;
}

.program-card {
    border-radius: 0 !important;
}

.gallery-item {
    border-radius: 0 !important;
}

.gallery-main {
    border-radius: 0 !important;
}

.gallery-thumbs .swiper-slide {
    border-radius: 0 !important;
}

/* ===== BUTTONS & FORM ELEMENTS ===== */
.btn {
    border-radius: 0 !important;
}

.form-control {
    border-radius: 0 !important;
}

.form-select {
    border-radius: 0 !important;
}

.search-bar .form-control {
    border-radius: 0 !important;
}

.search-bar .btn {
    border-radius: 0 !important;
}

.search-box .form-control {
    border-radius: 0 !important;
}

.search-box .btn {
    border-radius: 0 !important;
}

.header-actions .btn {
    border-radius: 0 !important;
}

/* ===== NAVIGATION ELEMENTS ===== */
.navbar-dark .navbar-nav .nav-link {
    border-radius: 0 !important;
}

.dropdown-menu {
    border-radius: 0 !important;
}

.menu .dropdown-menu {
    border-radius: 0 !important;
}

.menu .dropdown-submenu > .dropdown-menu {
    border-radius: 0 !important;
}

/* ===== IMAGES & MEDIA ===== */
.news-image {
    border-radius: 0 !important;
}

.news-thumbnail {
    border-radius: 0 !important;
}

.gallery-detail-img {
    border-radius: 0 !important;
}

.photo-grid img {
    border-radius: 0 !important;
}

.logo-section img {
    border-radius: 0 !important;
}

/* ===== FOOTER FULL WIDTH ===== */
.footer {
    border-radius: 0 !important;
    max-width: 100% !important;
    width: 100% !important;
    margin: 0 !important;
}

/* ===== SPECIAL COMPONENTS ===== */
.news-meta {
    border-radius: 0 !important;
}

.detail-meta {
    border-radius: 0 !important;
}

.quote-highlight {
    border-radius: 0 !important;
}

.tag {
    border-radius: 0 !important;
}

.category-badge {
    border-radius: 0 !important;
}

.photo-counter {
    border-radius: 0 !important;
}

/* ===== MODAL & OVERLAY ===== */
.modal-content {
    border-radius: 0 !important;
}

.modal-header,
.modal-body,
.modal-footer {
    border-radius: 0 !important;
}

/* ===== PAGINATION ===== */
.pagination .page-link {
    border-radius: 0 !important;
}

.swiper-pagination-bullet {
    border-radius: 0 !important;
}

/* ===== SCROLLBAR ===== */
::-webkit-scrollbar-thumb {
    border-radius: 0 !important;
}

/* ===== SOCIAL LINKS ===== */
.social-links a {
    border-radius: 0 !important;
}

.social-link {
    border-radius: 0 !important;
}

/* ===== SERVICE ICONS ===== */
.service-icon {
    border-radius: 0 !important;
}

.service-link {
    border-radius: 0 !important;
}

/* ===== NEWS META ICONS ===== */
.news-meta .meta-icon {
    border-radius: 0 !important;
}

.detail-meta .meta-icon {
    border-radius: 0 !important;
}

/* ===== CONTACT ICONS ===== */
.contact-icon {
    border-radius: 0 !important;
}

/* ===== SKELETON LOADERS ===== */
.skeleton {
    border-radius: 0 !important;
}

.skeleton-title {
    border-radius: 0 !important;
}

.skeleton-text {
    border-radius: 0 !important;
}

.skeleton-button {
    border-radius: 0 !important;
}

.skeleton-badge {
    border-radius: 0 !important;
}

.skeleton-status {
    border-radius: 0 !important;
}

.skeleton-slider {
    border-radius: 0 !important;
}

.skeleton-image {
    border-radius: 0 !important;
}

.skeleton-gallery-main {
    border-radius: 0 !important;
}

.skeleton-gallery-thumb {
    border-radius: 0 !important;
}

.skeleton-news-card {
    border-radius: 0 !important;
}

/* ===== PROGRAM COMPONENTS ===== */
.stat {
    border-radius: 0 !important;
}

.view-all-programs {
    border-radius: 0 !important;
}

/* ===== LIGHTBOX ===== */
.lb-outerContainer {
    border-radius: 0 !important;
}

.lb-dataContainer {
    border-radius: 0 !important;
}

/* ===== DOCUMENT PREVIEW ===== */
.document-preview {
    border-radius: 0 !important;
}

.description-text {
    border-radius: 0 !important;
}

#pdfFrame {
    border-radius: 0 !important;
}

/* ===== MOBILE SPECIFIC OVERRIDES ===== */
@media (max-width: 768px) {
    .content-wrapper {
        border-radius: 0 !important;
        padding: 0 !important;
    }
    
    .slider {
        border-radius: 0 !important;
    }
    
    .top-bar {
        border-radius: 0 !important;
    }
    
    .footer {
        border-radius: 0 !important;
    }
    
    .news-card,
    .skeleton-news-card {
        border-radius: 0 !important;
    }
    
    .news-thumbnail {
        border-radius: 0 !important;
    }
}

@media (max-width: 576px) {
    .content-wrapper {
        border-radius: 0 !important;
        padding: 0 !important;
    }
    
    .top-bar {
        border-radius: 0 !important;
    }
    
    .footer {
        border-radius: 0 !important;
    }
}

/* ===== DESKTOP SPECIFIC OVERRIDES ===== */
@media (min-width: 992px) {
    .content-wrapper {
        border-radius: 0 !important;
        max-width: 100% !important;
        width: 100% !important;
    }
    
    .header {
        max-width: 100% !important;
        width: 100% !important;
    }
    
    .menu {
        max-width: 100% !important;
        width: 100% !important;
    }
}

/* ===== SECTION SPACING ADJUSTMENTS ===== */
section {
    padding-left: 15px;
    padding-right: 15px;
}

section.py-4 {
    padding-left: 15px;
    padding-right: 15px;
}

/* ===== RESPONSIVE IMAGE SIZING ===== */
img {
    max-width: 100%;
    height: auto;
}

/* ===== TABLE RESPONSIVE ===== */
.table {
    border-radius: 0 !important;
}

.table-responsive {
    border-radius: 0 !important;
}

/* ===== ALERT COMPONENTS ===== */
.alert {
    border-radius: 0 !important;
}

/* ===== BREADCRUMB ===== */
.breadcrumb {
    border-radius: 0 !important;
}

/* ===== LIST GROUP ===== */
.list-group {
    border-radius: 0 !important;
}

.list-group-item {
    border-radius: 0 !important;
}

/* ===== BADGE ===== */
.badge {
    border-radius: 0 !important;
}

/* ===== PROGRESS BAR ===== */
.progress {
    border-radius: 0 !important;
}

.progress-bar {
    border-radius: 0 !important;
}

/* ===== TOOLTIP ===== */
.tooltip-inner {
    border-radius: 0 !important;
}

/* ===== POPOVER ===== */
.popover {
    border-radius: 0 !important;
}

.popover-header {
    border-radius: 0 !important;
}

/* ===== CAROUSEL ===== */
.carousel {
    border-radius: 0 !important;
}

.carousel-inner {
    border-radius: 0 !important;
}

.carousel-item {
    border-radius: 0 !important;
}

/* ===== ACCORDION ===== */
.accordion {
    border-radius: 0 !important;
}

.accordion-item {
    border-radius: 0 !important;
}

.accordion-button {
    border-radius: 0 !important;
}

/* ===== TABS ===== */
.nav-tabs {
    border-radius: 0 !important;
}

.nav-tabs .nav-link {
    border-radius: 0 !important;
}

.tab-content {
    border-radius: 0 !important;
}

/* ===== PILLS ===== */
.nav-pills .nav-link {
    border-radius: 0 !important;
}

/* ===== OFFCANVAS ===== */
.offcanvas {
    border-radius: 0 !important;
}

/* ===== TOAST ===== */
.toast {
    border-radius: 0 !important;
}

/* ===== SPINNER ===== */
.spinner-border {
    border-radius: 0 !important;
}

/* ===== PLACEHOLDER ===== */
.placeholder {
    border-radius: 0 !important;
}

/* ===== HERO SLIDER RESPONSIVE BACKGROUND ===== */
.hero-slide {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    transition: background-image 0.3s ease;
}

/* Mobile Portrait */
@media (max-width: 576px) and (orientation: portrait) {
    .hero-slide {
        background-size: 100% auto;
        background-position: top center;
        min-height: 60vh !important;
    }
}

/* Mobile Landscape */
@media (max-width: 576px) and (orientation: landscape) {
    .hero-slide {
        background-size: cover;
        background-position: center center;
        min-height: 80vh !important;
    }
}

/* Tablet */
@media (min-width: 577px) and (max-width: 991px) {
    .hero-slide {
        background-size: cover;
        background-position: center center;
        min-height: 60vh !important;
    }
}

/* Desktop */
@media (min-width: 992px) {
    .hero-slide {
        background-size: cover;
        background-position: center center;
        min-height: 70vh !important;
    }
}