/**
 * Frontend styles for Empty Category Banners
 */

/* Banner Wrapper */
.aecb-banner-wrapper {
    margin: 0 0 20px 0;
    padding: 0;
}

/* Alignment */
.aecb-align-center {
    text-align: center;
}

.aecb-align-left {
    text-align: left;
}

.aecb-align-right {
    text-align: right;
}

/* Banner Link */
.aecb-banner-link {
    display: inline-block;
    transition: opacity 0.3s ease, transform 0.3s ease;
}

.aecb-banner-link:hover {
    opacity: 0.9;
}

/* Banner Image */
.aecb-banner-image {
    display: block;
    width: 100%;
    height: auto;
    margin: 0 auto;
}

/* Display Modes */
.aecb-mode-replace {
    /* Default mode - replaces the message */
}

.aecb-mode-before {
    margin-bottom: 20px;
}

.aecb-mode-after {
    margin-top: 20px;
}

/* Animation on load */
@keyframes aecb-fade-in {
    from {
        opacity: 0;
        transform: translateY(10px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.aecb-banner-wrapper {
    animation: aecb-fade-in 0.5s ease-out;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .aecb-banner-wrapper {
        margin: 15px 0;
    }

    .aecb-banner-image {
        border-radius: 4px !important;
    }
}

@media (max-width: 480px) {
    .aecb-banner-wrapper {
        margin: 10px 0;
    }
}