/* Layout & Common Component Styles */

/* ========================================
   Navigation Styles (Desktop & Mobile)
   ======================================== */

/* Multi-level dropdown menu for desktop */
@media (min-width: 992px) {
    .dropdown-submenu {
        position: relative;
    }

    .dropdown-submenu .dropdown-menu {
        top: 0;
        right: 100%;
        left: auto;
        margin-top: -1px;
    }

    .dropdown-submenu:hover > .dropdown-menu {
        display: block;
    }
}

/* Mobile navigation styles */
@media (max-width: 991.98px) {
    .mobile-action-btn {
        width: 48%;
        font-size: 1rem;
        padding: 0.6rem;
        margin-top: 0.5rem;
    }

    .mobile-header-actions {
        display: flex;
        justify-content: space-between;
        padding: 0.5rem;
        background: #fff;
        border-top: 1px solid #ddd;
    }

    /* Nested accordion styles for mobile */
    .accordion .accordion .accordion-button {
        font-size: 0.9rem;
        padding-right: 2.5rem;
    }
    
    .accordion .accordion .accordion-body {
        padding-right: 1rem;
    }
}

/* ========================================
   Print Layout Styles
   ======================================== */

.print-layout-body {
    background-color: #fff;
}

@media print {
    .no-print {
        display: none !important;
    }
    
    body {
        -webkit-print-color-adjust: exact;
        print-color-adjust: exact;
    }
}