/* === MODULE: CUSTOM ADMIN NOTICES === */

.smg-review-notice {
    padding: 20px;
    display: flex;
    align-items: flex-start;
    gap: 20px;
    border-left-width: 4px; /* Hereda color 'notice-info', 'notice-warning', etc. */
    background-color: var(--smg-bg-secondary); /* Fondo consistente */
    border-radius: var(--smg-border-radius); /* Bordes redondeados */
    box-shadow: var(--smg-box-shadow); /* Sombra suave */
    margin: 15px 0; /* Espaciado vertical */
    position: relative; /* Para el botón de cierre */
}

/* Posicionar el botón de cierre nativo */
.smg-review-notice .notice-dismiss {
    top: 10px;
    right: 10px;
    padding: 8px;
    color: var(--smg-text-secondary);
    text-decoration: none;
}
.smg-review-notice .notice-dismiss:hover {
    color: var(--smg-text-primary);
}


.smg-review-notice-icon {
    flex-shrink: 0;
    width: 60px;
    height: 60px;
    /* Usar color azul claro como fondo */
    background-color: rgba(114, 164, 242, 0.1); /* --smg-accent-blue con opacidad */
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* * FIX: Reglas consolidadas para el logo.
 * Apunta a la clase .smg-review-notice-logo (que está en el PHP)
 * y le da el tamaño original de 64x64px.
*/
.smg-review-notice .smg-review-notice-logo {
    width: 64px !important; 
    height: 64px !important;
}


.smg-review-notice-content {
    flex-grow: 1; /* Ocupar espacio restante */
}

.smg-review-notice-content h3 {
    margin-top: 0;
    margin-bottom: 8px;
    font-size: 16px;
    font-weight: 600;
    color: var(--smg-text-primary); /* Color de texto principal */
}

.smg-review-notice-content p {
    margin-top: 0;
    margin-bottom: 15px;
    font-size: 14px;
    line-height: 1.6;
    max-width: 800px;
    color: var(--smg-text-secondary); /* Color de texto secundario */
}

.smg-review-notice-actions {
    display: flex;
    align-items: center;
    gap: 15px;
    flex-wrap: wrap; /* Permitir que los botones se ajusten en pantallas pequeñas */
}

/* Botón principal de review (Azul) */
.smg-review-notice-actions .button.button-primary.smg-review-button {
    font-weight: bold;
    background-color: var(--smg-accent-blue) !important; /* Azul */
    border-color: var(--smg-accent-blue) !important;
    color: white !important;
    box-shadow: 0 2px 5px rgba(0,0,0,0.1);
    transition: all 0.2s ease;
}

.smg-review-notice-actions .button.button-primary.smg-review-button:hover {
    background-color: #6398ea !important; /* Azul más claro */
    border-color: #6398ea !important;
    transform: translateY(-1px);
}

/* Botones secundarios (enlaces) */
.smg-review-notice-actions .button.button-secondary {
    background: transparent !important;
    border-color: transparent !important;
    box-shadow: none !important;
    color: var(--smg-text-secondary) !important; /* Color secundario */
    text-decoration: underline !important;
    padding: 0 !important; /* Quitar padding extra */
    margin: 0 !important; /* Quitar margen extra */
    height: auto !important;
    line-height: inherit !important;
}

.smg-review-notice-actions .button.button-secondary:hover {
    color: var(--smg-accent-blue) !important; /* Azul al pasar el ratón */
    text-decoration: underline !important;
}

/* Ajustes modo oscuro */
.smg-dark-theme .smg-review-notice {
    background-color: var(--smg-bg-secondary);
}
.smg-dark-theme .smg-review-notice-icon {
     background-color: rgba(114, 164, 242, 0.15); /* Fondo un poco más visible */
}
.smg-dark-theme .smg-review-notice .notice-dismiss {
     color: var(--smg-text-secondary);
}
.smg-dark-theme .smg-review-notice .notice-dismiss:hover {
     color: var(--smg-text-primary);
}
.smg-dark-theme .smg-review-notice-actions .button.button-secondary {
    color: var(--smg-text-secondary) !important;
}
.smg-dark-theme .smg-review-notice-actions .button.button-secondary:hover {
    color: var(--smg-accent-blue) !important;
}

/* ==========================================================================
   MÓDULO: AVISOS DE ADMIN (Review, etc.)
   ========================================================================== */

.smg-review-notice {
    padding: 20px;
    display: flex;
    align-items: flex-start;
    gap: 20px;
    border-left-width: 4px;
    background-color: var(--smg-bg-secondary);
    border-radius: var(--smg-border-radius);
    box-shadow: var(--smg-box-shadow);
    margin: 15px 0;
    position: relative;
}

.smg-review-notice .notice-dismiss {
    top: 10px;
    right: 10px;
    padding: 8px;
    color: var(--smg-text-secondary);
    text-decoration: none;
}
.smg-review-notice .notice-dismiss:hover {
    color: var(--smg-text-primary);
}

.smg-review-notice-icon {
    flex-shrink: 0;
    width: 60px; /* Tamaño base del círculo */
    height: 60px; /* Tamaño base del círculo */
    background-color: rgba(114, 164, 242, 0.1);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease; /* Transición suave */
}

/* --- FIX: Logo (movido de admin-notices.php) --- */
/* Tamaño base del logo (usado en tus páginas) */
.smg-review-notice .smg-review-notice-logo {
    width: 64px !important; 
    height: 64px !important;
    transition: all 0.3s ease; /* Transición suave */
}

/*
 * --- FIX: "FUGA" DE ESTILOS ---
 * Cuando el aviso se muestra FUERA de las páginas de SEO Magic
 * (ej. en "Medios" o "Entradas"), reduce el tamaño del ícono
 * para que no sea tan intrusivo.
*/
body:not([class*="seo-magico_page_"]) .smg-review-notice-icon {
    width: 40px;
    height: 40px;
}
body:not([class*="seo-magico_page_"]) .smg-review-notice .smg-review-notice-logo {
    width: 40px !important;
    height: 40px !important;
}
/* --- FIN FIX "FUGA" DE ESTILOS --- */


.smg-review-notice-content {
    flex-grow: 1;
}
.smg-review-notice-content h3 {
    margin-top: 0;
    margin-bottom: 8px;
    font-size: 16px;
    font-weight: 600;
    color: var(--smg-text-primary);
}
.smg-review-notice-content p {
    margin-top: 0;
    margin-bottom: 15px;
    font-size: 14px;
    line-height: 1.6;
    max-width: 800px;
    color: var(--smg-text-secondary);
}
.smg-review-notice-actions {
    display: flex;
    align-items: center;
    gap: 15px;
    flex-wrap: wrap;
}

.smg-review-notice-actions .button.button-primary.smg-review-button {
    font-weight: bold;
    background-color: var(--smg-accent-blue) !important;
    border-color: var(--smg-accent-blue) !important;
    color: white !important;
    box-shadow: 0 2px 5px rgba(0,0,0,0.1);
    transition: all 0.2s ease;
}
.smg-review-notice-actions .button.button-primary.smg-review-button:hover {
    background-color: #6398ea !important;
    border-color: #6398ea !important;
    transform: translateY(-1px);
}

.smg-review-notice-actions .button.button-secondary {
    background: transparent !important;
    border-color: transparent !important;
    box-shadow: none !important;
    color: var(--smg-text-secondary) !important;
    text-decoration: underline !important;
    padding: 0 !important;
    margin: 0 !important;
    height: auto !important;
    line-height: inherit !important;
}
.smg-review-notice-actions .button.button-secondary:hover {
    color: var(--smg-accent-blue) !important;
}

/* Ajustes modo oscuro */
.smg-dark-theme .smg-review-notice {
    background-color: var(--smg-bg-secondary);
}
.smg-dark-theme .smg-review-notice-icon {
     background-color: rgba(114, 164, 242, 0.15);
}
.smg-dark-theme .smg-review-notice .notice-dismiss {
     color: var(--smg-text-secondary);
}
.smg-dark-theme .smg-review-notice .notice-dismiss:hover {
     color: var(--smg-text-primary);
}
.smg-dark-theme .smg-review-notice-actions .button.button-secondary {
    color: var(--smg-text-secondary) !important;
}
.smg-dark-theme .smg-review-notice-actions .button.button-secondary:hover {
    color: var(--smg-accent-blue) !important;
}

/* Review notice icon */
.wrap .smg-review-notice .smg-review-notice-icon{
    transform: translateX(0px) translateY(0px);
    padding-top: 20px;
}

/* Image */
.smg-review-notice .smg-review-notice-icon img{
    width: 47px;
    margin-right: 31px;
}

/* Review notice */
#wpbody-content .wrap .smg-review-notice{
    display: grid;
}

/* Review notice */
#wpwrap #wpcontent #wpbody #wpbody-content .wrap .smg-review-notice{
    grid-template-columns: auto 1fr !important;
}

/* Review notice actions */
.smg-review-notice .smg-review-notice-actions{
    min-height: 48px;
}

/* Review notice */
#wp-media-grid .smg-review-notice{
    padding-left:36px;
}

/* Button */
#wpcontent #wpbody #wpbody-content #wp-media-grid .smg-review-notice .smg-review-notice-content .smg-review-notice-actions .smg-review-button{
    background-color:#ff1472 !important;
}

/* Button */