/**
 * Alborsagia Ads Styles
 * أنماط نظام الإعلانات
 */

/* Ad Container */
.alborsagia-ad {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 15px auto;
    text-align: center;
}

.alborsagia-ad .ad-link {
    display: block;
    transition: opacity 0.3s ease;
}

.alborsagia-ad .ad-link:hover {
    opacity: 0.9;
}

.alborsagia-ad .ad-image {
    max-width: 100%;
    height: auto;
    display: block;
}

.alborsagia-ad .ad-code {
    width: 100%;
}

/* Ad Sizes */
.ad-size-728x90 {
    max-width: 728px;
}

.ad-size-300x250 {
    max-width: 300px;
}

.ad-size-300x600 {
    max-width: 300px;
}

.ad-size-970x250 {
    max-width: 970px;
}

.ad-size-970x90 {
    max-width: 970px;
}

.ad-size-320x100 {
    max-width: 320px;
}

.ad-size-320x50 {
    max-width: 320px;
}

.ad-size-160x600 {
    max-width: 160px;
}

/* Ad Placeholder (Development Mode) */
.ad-placeholder {
    width: 100%;
}

.ad-placeholder-inner {
    position: relative;
    width: 100%;
    background: linear-gradient(135deg, #f5f5f5 0%, #e8e8e8 100%);
    border: 2px dashed #ccc;
    border-radius: 4px;
}

.ad-placeholder-content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    color: #999;
}

.ad-placeholder-content i {
    font-size: 2rem;
    margin-bottom: 5px;
    display: block;
    color: #bbb;
}

.ad-placeholder-content .ad-placeholder-text {
    display: block;
    font-size: 0.9rem;
    font-weight: 600;
    margin-bottom: 3px;
}

.ad-placeholder-content small {
    font-size: 0.8rem;
    color: #aaa;
}

/* Location Specific Styles */
.ad-location-header_top {
    margin: 10px auto;
}

.ad-location-header_below {
    margin: 0 auto 15px;
}

.ad-location-sidebar_1,
.ad-location-sidebar_2 {
    margin: 0 0 15px;
}

.ad-location-sidebar_sticky {
    position: sticky;
    top: 20px;
}

.ad-location-article_top,
.ad-location-article_bottom {
    margin: 20px auto;
    padding: 15px 0;
    border-top: 1px dashed #e0e0e0;
    border-bottom: 1px dashed #e0e0e0;
}

.ad-location-article_middle {
    float: left;
    margin: 0 20px 10px 0;
}

.ad-location-between_posts {
    margin: 20px auto;
}

/* Responsive */
@media (max-width: 768px) {

    .ad-size-728x90,
    .ad-size-970x250,
    .ad-size-970x90 {
        max-width: 100%;
    }

    .ad-location-article_middle {
        float: none;
        margin: 15px auto;
    }

    .alborsagia-ad .ad-image {
        max-width: 100%;
    }
}

@media (max-width: 480px) {
    .ad-placeholder-content i {
        font-size: 1.5rem;
    }

    .ad-placeholder-content .ad-placeholder-text {
        font-size: 0.8rem;
    }
}