@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Urbanist:ital,wght@0,100..900;1,100..900&display=swap');
.other {
    font-family: 'Inter', Courier, monospace;
}
.navbar{
    background-color: white;
    font-family: 'Urbanist', Courier, monospace;
}
.navbar-nav .nav-link, .dropdown-item {
    font-size: 1.15em;
}
#theme-toggle{
    border: none; 
    background: none;
}

.navbar-toggler, .navbar-toggler:focus {
    border: 0 !important;
    box-shadow: none !important;
    outline: none !important;
}
.navbar-toggler:focus, .navbar-toggler:active, .navbar-toggler-icon:focus {
    outline: none;
    box-shadow: none;
}

/* GRAPHIC */

.bg-light {
    background-color: #f8f9fa !important;
}

/* SPECIALIZATION */

.nav-underline .nav-link {
    font-size: 0.9rem;
    padding-bottom: 10px;
    margin: 0 15px;
    background: none;
    border: none;
    border-bottom: 2px solid transparent;
}

.image-placeholder {
    min-height: 200px; 
    height: 100%;
    background-color: #e9ecef;
}

.image-placeholder img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* SKILLS */

.icon-big {
    font-size: 2.5rem; 
    color: #333;
    display: block;
}

.card {
    transition: all 0.3s ease-in-out;
    padding: 2rem !important; 
    border: none;
}

.flex-fill {
    flex: 1 1 auto;
}
.btn-grey{
    background-color: rgb(255, 233, 233) !important;
}
.more-link i {
    transition: transform 0.3s ease;
}
.more-link:hover i {
    transform: translateX(5px);
}
.col-lg-6 > .flex-column > .row {
    margin-left: 0;
    margin-right: 0;
}

.card:hover {
    transform: translateY(-5px);
}

/* GALLERY */

.gallery-img {
    width: 100%;
    height: 100%;
    object-fit: cover; 
    transition: transform 0.5s ease;
}

.gallery-img:hover{
    transform: scale(1.05);
}

/* COOKIES */

#cookie-bar {
    z-index: 10000; 
    transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out;
    display: none; 
    background-color: white !important;
    color: #212529 !important;
}

#cookie-bar h5, #cookie-bar p {
    color: #212529 !important;
}

#cookie-bar .btn-outline-custom {
    color: #212529 !important;
    background-color: #f0f0f0;
    border: 1px solid #ddd;
    padding: 7px 15px;
}

#cookie-bar .btn-outline-custom:hover {
    background-color: #e2e2e2;
}

.show-cookie-bar {
    display: block !important;
    animation: slideUp 0.5s ease-out forwards;
}

@keyframes slideUp {
    from { 
        transform: translateY(100%); 
        opacity: 0; 
    }
    to { 
        transform: translateY(0); 
        opacity: 1; 
    }
}

#cookieSettingsModal .modal-content {
    color: #212529 !important;
}

/* FOOTER */

#responseMessage{
    display: none;
}

.map{
    max-width: 300px;
}
.map iframe{
    border:0;
}

/* MEDIA QUERIES */

@media (min-width: 768px) {
    .image-placeholder {
        min-height: 400px;
    }
}

/* DARK MODE */

[data-bs-theme="dark"] body,
[data-bs-theme="dark"] .navbar,
[data-bs-theme="dark"] footer {
    background-color: black !important;
    color: white;
}

[data-bs-theme="dark"] .hero-card,
[data-bs-theme="dark"] .bg-light {
    background-color: #1b201f !important;
    color: white;
}

[data-bs-theme="dark"] .more-link,
[data-bs-theme="dark"] .bottom-menu .nav-link,
[data-bs-theme="dark"] button,
[data-bs-theme="dark"] .fa-regular,
[data-bs-theme="dark"] .fa-solid,
[data-bs-theme="dark"] .fa-brands {
    color: white !important;
}


.hero-card .image-placeholder {
    height: 500px; 
    overflow: hidden;
}

.hero-card .image-placeholder img {
    width: 100%;
    height: 100%;
    object-fit: cover; 
    }