/* Ad Network Link Plugin — Frontend Styles */

.adnl-ad-wrap {
    display: inline-block;
    line-height: 0;
}
.adnl-ad-wrap a {
    display: inline-block;
    text-decoration: none;
}
.adnl-ad-img {
    display: block;
    max-width: 100%;
    height: auto;
    transition: opacity .2s ease;
}
.adnl-ad-img:hover { opacity: .85; }

.adnl-ad-text {
    display: inline-block;
    padding: 10px 18px;
    background: #2271b1;
    color: #fff;
    border-radius: 4px;
    font-weight: 600;
    text-decoration: none;
    transition: background .2s;
}
.adnl-ad-text:hover { background: #135e96; }

/* Grid layout */
.adnl-grid {
    display: grid;
    grid-template-columns: repeat(var(--adnl-cols, 3), 1fr);
    gap: 16px;
    margin: 16px 0;
}
.adnl-grid-item { line-height: 0; }
.adnl-grid-item img { width: 100%; height: auto; border-radius: 4px; }

@media (max-width: 600px) {
    .adnl-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 400px) {
    .adnl-grid { grid-template-columns: 1fr; }
}