/* -----------------------------------
AI Auto Poster Frontend Styles
----------------------------------- */

figure.aip-img-left,
figure.aip-img-right {
    padding: 5px;
    background: #ffffff;
    border: 5px solid #ddd;   /* clear neutral border */
    border-radius: 6px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.08);
    margin: 12px;
    max-width: 45%;
}

/* Image alignment */

.aip-img-left {
    float: left;
    margin-right: 18px;
}

.aip-img-right {
    float: right;
    margin-left: 18px;
}

/* Ensure images behave correctly */

figure.aip-img-left img,
figure.aip-img-right img {
    display: block;
    width: 100%;
    height: auto;
    border-radius: 3px;
}

/* Prevent float stacking issues */

figure.aip-img-left,
figure.aip-img-right {
    clear: both;
}

/* Caption styling */

figure.aip-img-left figcaption,
figure.aip-img-right figcaption {
    font-size: 12px;
    color: #666;
    margin-top: 6px;
    line-height: 1.4;
    text-align: center;
}

/* Mobile optimisation */

@media (max-width: 768px) {

    figure.aip-img-left,
    figure.aip-img-right {
        float: none;
        max-width: 100%;
        margin: 18px auto;
    }

}

figure.aip-img-left:hover,
figure.aip-img-right:hover {
    box-shadow: 0 2px 6px rgba(0,0,0,0.15);
}

figure.aip-img-left,
figure.aip-img-right {
    padding: 5px;
    background: #ffffff;
    border: 5px solid #ddd !important;
    border-radius: 6px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.08);
    margin: 12px;
    max-width: 45%;
}

figure.aip-img-left img,
figure.aip-img-right img {
    border: none !important;
    outline: none !important;
    display: block;
    width: 100%;
    height: auto;
}

#aip_custom_limit_row {
    display: none;
}

.aip-pool summary {
    transition: background 0.2s;
}

.aip-pool summary:hover {
    background: #eaeaea;
}