/* Custom CSS rules for bizz.bg */
/* 
/* Example: Make the hero section title slightly smaller on medium screens */
/* @media (max-width: 991px) {
    .hero-title {
        /* font-size: 2.2rem; */
/* Uncomment to apply */
}
}

/* Example: Add a custom style for a specific element */
.my-custom-highlight {
    background-color: yellow;
    padding: 2px 4px;
    border-radius: 3px;
}

.ad-details-card {
    height: auto !important
}

/* Newsletter Modal Styles */
#newsletterModal .modal-content {
    border-radius: 10px;
}

#newsletterModal .modal-header {
    background-color: var(--primary-color);
    color: white;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

#newsletterModal .btn-close {
    filter: invert(1) grayscale(100%) brightness(200%);
    /* Make close button white */
}

#newsletterModal .modal-body {
    padding: 2rem;
}

#newsletterModal .modal-title {
    font-weight: 600;
}

/* Footer Newsletter Form Styles */
.footer h5 {
    margin-top: 1rem;
    /* Add some space above the subscribe title */
}

#footer-newsletter-form .form-control-sm {
    font-size: 0.875rem;
    padding: 0.4rem 0.8rem;
}

#footer-newsletter-form .btn-sm {
    padding: 0.4rem 0.8rem;
    font-size: 0.875rem;
}

.logo {
    max-width: 100%;
    height: 100px !important;
}