/* WP Ad Control Pro v3.10 — Frontend CSS */

/* ── General banner ── */
.wpadc-banner { line-height:0; box-sizing:border-box; }
.wpadc-banner .wpadc-link { display:inline-block; line-height:0; text-decoration:none; }
.wpadc-img { max-width:100%; height:auto; display:block; }
.wpadc-sw  { line-height:normal; }

/* ── Content alignment ── */
.wpadc-al-left   { text-align:left; }
.wpadc-al-center { text-align:center; }
.wpadc-al-right  { text-align:right; }

/* ── Position styles ── */
/* Header: no bg, width 100% */
.wpadc-pos-header {
    width:100%;
    background:transparent;
    padding:4px 0;
    line-height:0;
}
/* Footer */
.wpadc-pos-footer {
    width:100%;
    background:transparent;
    padding:4px 0;
    margin-top:16px;
    line-height:0;
}
/* Before post / After content / After post */
.wpadc-pos-before_post,
.wpadc-pos-after_content,
.wpadc-pos-after_post {
    width:100%;
    margin:16px 0;
    padding:0;
    line-height:0;
}
/* Paragraph */
.wpadc-pos-paragraph {
    width:100%;
    margin:14px 0;
    clear:both;
    line-height:0;
}

/* ── Sticky bottom ── */
.wpadc-pos-sticky_bottom {
    position:fixed;
    bottom:0; left:0; right:0;
    z-index:99999;
    background:transparent;
    padding:6px 12px;
    box-shadow:none;
    display:flex;
    align-items:flex-end;
}
/* Sticky alignment */
.wpadc-pos-sticky_bottom.wpadc-sa-left   { justify-content:flex-start; }
.wpadc-pos-sticky_bottom.wpadc-sa-center { justify-content:center; }
.wpadc-pos-sticky_bottom.wpadc-sa-right  { justify-content:flex-end; }

/* Sticky inner wrapper */
.wpadc-si {
    position:relative;
    display:inline-block;
    line-height:0;
    max-width:100%;
}
.wpadc-pos-sticky_bottom .wpadc-sw {
    display:inline-block;
    line-height:normal;
    vertical-align:bottom;
    max-width:100%;
}

/* Padding so sticky bar doesn't cover content */
body:has(.wpadc-pos-sticky_bottom) { padding-bottom:90px; }

/* Sticky close button — top-right corner */
.wpadc-sc {
    position:absolute;
    top:0; right:0;
    width:20px; height:20px;
    background:rgba(0,0,0,0.7);
    border:none;
    border-radius:0 0 0 4px;
    color:#fff;
    font-size:12px;
    line-height:20px;
    text-align:center;
    cursor:pointer;
    z-index:100;
    padding:0;
    display:block;
}
.wpadc-sc:hover { background:rgba(200,0,0,0.9); }

/* Script wrap head placeholder */
.wpadc-head-ph { display:none; }

/* ════════════════════════════════════
   NATIVE ADS GRID
════════════════════════════════════ */
.wpadc-native-block  { margin:20px 0; font-family:inherit; line-height:normal; }
.wpadc-native-label  { font-size:11px; color:#999; text-transform:uppercase; letter-spacing:.5px; margin-bottom:8px; }

.wpadc-native-grid {
    display:grid;
    grid-template-columns:repeat(var(--cols-d,4), 1fr);
    gap:12px;
}
@media (max-width:768px) {
    .wpadc-native-grid { grid-template-columns:repeat(var(--cols-m,2), 1fr); gap:8px; }
}
@media (max-width:360px) {
    .wpadc-native-grid { grid-template-columns:1fr 1fr; gap:6px; }
}

.wpadc-native-item-wrap { background:#111; border-radius:4px; overflow:hidden; }
.wpadc-native-link      { display:block; text-decoration:none; color:inherit; }

.wpadc-native-img-wrap {
    position:relative;
    width:100%;
    aspect-ratio:3/2;
    background:#222;
    overflow:hidden;
}
.wpadc-native-img {
    position:absolute; inset:0;
    width:100%; height:100%;
    object-fit:cover;
    display:block;
}
.wpadc-native-img-placeholder { position:absolute; inset:0; background:#2a2a2a; }
.wpadc-native-title {
    padding:8px 10px 10px;
    font-size:13px; line-height:1.4;
    color:#fff; font-weight:500;
    transition:color .15s;
}
@media (max-width:480px) {
    .wpadc-native-title { font-size:12px; padding:6px 8px 8px; }
}

/* ── Admin saved-val bar ── */
.wpadc-saved-val {
    background:#e8f5e9; border:1px solid #c8e6c9;
    border-radius:6px; padding:8px 14px;
    font-size:13px; color:#1b5e20; margin-bottom:8px;
}