/**
 * Estilos del frontend
 * WP Ad Owari
 */

/* Contenedor de anuncios */
.wp-ad-owari-container {
    margin: 20px 0;
    text-align: center;
    clear: both;
    position: relative;
}

/* Por defecto, mostrar desktop y ocultar móvil */
.wp-ad-owari-desktop {
    display: block;
}

.wp-ad-owari-mobile {
    display: none;
}

/* En dispositivos móviles, ocultar desktop y mostrar móvil */
@media screen and (max-width: 768px) {
    .wp-ad-owari-desktop {
        display: none;
    }
    
    .wp-ad-owari-mobile {
        display: block;
    }
}

/* Asegurar que los anuncios sean responsivos */
.wp-ad-owari-container img {
    max-width: 100%;
    height: auto;
}

.wp-ad-owari-container iframe {
    max-width: 100%;
}

/* Estilos específicos para posiciones */
.wp-ad-owari-container.position-before-content {
    margin-bottom: 30px;
}

.wp-ad-owari-container.position-after-content {
    margin-top: 30px;
}

.wp-ad-owari-container.position-sidebar {
    margin: 15px 0;
}

.wp-ad-owari-container.position-footer {
    margin: 20px 0;
    padding: 20px 0;
}

.wp-ad-owari-footer-container {
    width: 100%;
    text-align: center;
    padding: 20px 0;
}

/* Asegurar que el footer ad esté dentro del footer */
footer .wp-ad-owari-footer-container,
#footer .wp-ad-owari-footer-container,
.site-footer .wp-ad-owari-footer-container {
    margin: 0 auto;
    max-width: 1200px;
}

/* Shortcode */
.wp-ad-owari-shortcode {
    margin: 15px auto;
    max-width: 100%;
}

/* Compatibilidad con OceanWP */
.oceanwp-theme .wp-ad-owari-container {
    max-width: 100%;
}

/* Animación de entrada (opcional) */
.wp-ad-owari-container.fade-in {
    animation: fadeIn 0.5s ease-in;
}

@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Responsive adicional */
@media screen and (max-width: 480px) {
    .wp-ad-owari-container {
        margin: 15px 0;
    }
    
    .wp-ad-owari-container.position-footer {
        padding: 15px 0;
    }
}