/* AdSense Manager Pro — Frontend Ad Styles */

.asm-ad-wrap {
    display: block;
    width: 100%;
    text-align: center;
    margin: 20px 0;
    clear: both;
    overflow: hidden;
}

.asm-ad-label {
    display: block;
    font-size: 10px;
    color: #9ca3af;
    text-transform: uppercase;
    letter-spacing: .8px;
    margin-bottom: 4px;
    font-family: sans-serif;
}

/* Header */
.asm-header-wrap {
    margin: 0 0 16px;
    padding: 10px 0;
    border-bottom: 1px solid #f3f4f6;
}

/* Mid-content */
.asm-mid-wrap {
    margin: 28px auto;
    max-width: 100%;
}

/* After content */
.asm-after-wrap {
    margin: 32px 0 16px;
    padding-top: 20px;
    border-top: 1px solid #f3f4f6;
}

/* Sidebar */
.asm-sidebar-wrap {
    margin: 0 0 20px;
}

/* Sticky Ad */
#asm-sticky-ad {
    position: fixed;
    left: 0; right: 0;
    z-index: 9999;
    text-align: center;
    background: rgba(255,255,255,.97);
    border-top: 1px solid #e5e7eb;
    padding: 6px 0 4px;
    box-shadow: 0 -2px 12px rgba(0,0,0,.08);
    animation: asmSlideUp .3s ease;
}
.asm-sticky-bottom { bottom: 0; }
.asm-sticky-top    { top: 0; border-top: none; border-bottom: 1px solid #e5e7eb; box-shadow: 0 2px 12px rgba(0,0,0,.08); animation: asmSlideDown .3s ease; }

.asm-sticky-close {
    position: absolute;
    top: 4px; right: 10px;
    background: #f3f4f6;
    border: none; border-radius: 50%;
    width: 22px; height: 22px;
    font-size: 11px; cursor: pointer; color: #6b7280;
    display: flex; align-items: center; justify-content: center;
    transition: background .15s;
}
.asm-sticky-close:hover { background: #e5e7eb; }

@keyframes asmSlideUp   { from { transform:translateY(100%); } to { transform:translateY(0); } }
@keyframes asmSlideDown { from { transform:translateY(-100%);} to { transform:translateY(0); } }

/* Responsive */
@media (max-width: 767px) {
    .asm-ad-wrap { margin: 14px 0; }
    .asm-mid-wrap { margin: 20px auto; }
}