img {
    max-width: 100%; 
}

pre.diff-highlight > code .token.deleted:not(.prefix),
pre > code.diff-highlight .token.deleted:not(.prefix) {
    width: 1000px;
}

pre.diff-highlight > code .token.inserted:not(.prefix),
pre > code.diff-highlight .token.inserted:not(.prefix) {
    width: 1000px;
}

/*@media (min-width: 992px) {
    .dropdown-menu .dropend:hover > .dropdown-menu {
        display: block;
        position: absolute;
        top: 0;
        left: 100%;
        margin-top: -1px;
    }
}*/

.dropdown-menu .dropend .dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -8px;
    margin-left: 0;
}

.dropdown-menu .dropend {
    position: relative;
}

.dropend .dropdown-toggle::after {
    vertical-align: 0.255em;
    content: "";
}

@font-face {
  font-family: 'DeliusUnicase';
  src: url('../fonts/DeliusUnicase-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

.navbar-brand {
    font-family: 'DeliusUnicase' !important;
    font-weight: bold;
}

.dropdown-menu {
    border: 0px;
    border-radius: 8px;
}

/* Button Styling - Clean and minimal */
    .carousel-nav-btn {
        background: none;
        border: none;
        font-size: 1.2rem;
        color: #6c757d; /* Bootstrap secondary gray */
        cursor: pointer;
        padding: 0 10px;
        transition: color 0.2s;
    }
    .carousel-nav-btn:hover {
        color: #000;
    }

    /* Pips (Dots) Styling */
    .carousel-pip {
        width: 8px;
        height: 8px;
        border-radius: 50%;
        background-color: #dee2e6; /* Light gray */
        border: none;
        padding: 0;
        cursor: pointer;
        transition: all 0.3s ease;
    }
    
    /* Active Pip State */
    .carousel-pip.active {
        background-color: #0d6efd; /* Your Primary Color */
        transform: scale(1.3);
    }
    
    /* Smooth Fade Animation */
    .fade-transition {
        animation: fadeIn 0.4s;
    }
    @keyframes fadeIn {
        from { opacity: 0.5; }
        to { opacity: 1; }
    }