// _layout.scss
// Global Layout, Typography Baseline, Navbar, and Footer

body {
    font-family: $font-family-arabic;
    background-color: $body-bg;
    color: $body-color;
    direction: rtl;       // RTL Base
    text-align: right;    // RTL Base
    display: flex;
    flex-direction: column;
    min-height: 100vh;    // Keep footer at bottom
    // Webkit font smoothing for crisp Arabic fonts
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

// 1. Global Navbar (Fixed)
.navbar {
    background-color: #ffffff;
    box-shadow: $box-shadow;
    padding: 0.75rem 0;

    .navbar-brand {
        font-weight: 800;
        font-size: 1.5rem;
        color: $primary;
        letter-spacing: -0.5px;
    }

    .nav-link {
        font-weight: 500;
        color: $dark;
        padding: 0.5rem 1rem;
        transition: color 0.3s ease-in-out;

        &:hover, &.active {
            color: $primary;
        }
    }

    // Toggler override for standard clean look
    .navbar-toggler {
        border: none;
        &:focus {
            box-shadow: none;
        }
    }
}

// 2. Main Layout Container
.main-content {
    flex: 1;                 // Fill remaining space
    padding: 2.5rem 0;
    margin-top: 70px;        // Offset for .fixed-top navbar
}

// 3. Global Footer
.main-footer {
    background-color: #ffffff;
    border-top: 1px solid rgba(0,0,0,0.05);
    padding: 1.5rem 0;
    color: $secondary;
    font-size: 0.9rem;
    text-align: center;
}
