/* ==========================================================
   ARCHIVO MAESTRO DE ESTILOS
   Este archivo solo debe contener imports
   ========================================================== */

/* 1. Variables Globales (Debe ir primero) */
@import url('modules/_variables.css');

/* 2. Estilos Base y Layout General */
@import url('modules/_base.css');

/* 3. Componentes Reutilizables */
@import url('modules/_components.css');
@import url('modules/_modal.css');
@import url('modules/_notifications.css'); /* Notificaciones flotantes */
@import url('modules/_notices.css'); /* Avisos de admin (review) */

/* 4. Módulos Específicos por Página */
@import url('modules/_dashboard.css');
@import url('modules/_assistant.css?v=20260501');
@import url('modules/_auto-linking.css');
@import url('modules/_backlink-audit.css');
@import url('modules/_site-health-audit.css');
@import url('modules/_widgets.css'); /* Widgets del escritorio WP */

/* 5. Módulo de WooCommerce (¡Nuevo!) */
@import url('modules/_woo.css');

/* --- SEO Mágico: estilos del SVG --- */
.fil0 { fill: black; }
.fil1 { fill: #FDFDFD; }
.fil2 { fill: #FF5B17; }

/* (opcional, recomendado) scope a tus pantallas */
#smg-admin .fil0 { fill: black; }
#smg-admin .fil1 { fill: #FDFDFD; }
#smg-admin .fil2 { fill: #FF5B17; }


/* === Ajustes de columnas: Metadatos (posts) === */
#smg-posts-table tr .smg-col-id{
    padding-right:5px;
    width:85px;
}
#smg-posts-table tr .smg-col-actions{
    text-align:right;
    padding-left:9px;
    margin-left:0;
    width:134px !important;
}
#smg-posts-table tr .smg-col-coverage{
    padding-left:8px;
    margin-left:0;
    width:265px !important;
}

/* === Ajustes de columnas: Multimedia (media) === */
#smg-media-table tr .smg-col-thumb{
    width:85px;
}
#smg-media-table tr .smg-col-actions{
    text-align:right;
    padding-left:9px;
    margin-left:0;
    width:134px !important;
}
#smg-media-table tr .smg-col-coverage{
    padding-left:8px;
    margin-left:0;
    width:265px !important;
}

#smg-gsc-site-selector-container .smg-gsc-selector-wrapper{
	margin-bottom:34px;
	
}
/* Button */
#smg-export-disavow-button {
  margin-bottom: 11px;
  margin-top: 12px;
}

/* Link */
.bulkactions .smg-disavow-help a {
  color: #2271B1;
  font-weight: 500;
}
/* Ajustar el tamaño del logo personalizado en el botón de optimizar */
.smg-button-gradient .smg-button-icon-logo {
    width: 20px;
    height: 20px;
    margin-right: 6px;
    vertical-align: middle;

}

/* --- Estilos movidos desde page-renderer.php (Fix para Repo WP) --- */

/* Lista deshabilitada en Asistente FREE */
.smg-card.disabled #smg-seo-checklist li { 
    color: #a0a5aa !important; 
}
.smg-card.disabled #smg-seo-checklist li::before { 
    content: "\2022" !important; /* Bullet point */
    color: #a0a5aa !important; 
    font-family: sans-serif !important;
    font-weight: bold !important;
}
.smg-card.disabled #smg-seo-checklist li .dashicons {
    display: none !important;
}

/* Botón Rosa PRO */
.smg-pro-pink-btn {
    background: linear-gradient(90deg, #ff2f66 0%, #f7345e 100%) !important;
    border: none !important;
    box-shadow: 0 4px 12px rgba(247, 52, 94, 0.3) !important;
    text-shadow: none !important;
    color: #fff !important;
    transition: transform 0.1s ease, box-shadow 0.1s ease !important;
    font-weight: 600 !important;
}
.smg-pro-pink-btn:hover {
    background: linear-gradient(90deg, #e62a5c 0%, #de2f55 100%) !important;
    transform: translateY(-2px);
    box-shadow: 0 6px 16px rgba(247, 52, 94, 0.4) !important;
    color: #fff !important;
}
.smg-pro-pink-btn .dashicons {
    color: #fff !important;
}

.smg-gemini-onboarding-card {
    margin-bottom: 24px;
    border: 1px solid #d6e4ff;
    background: linear-gradient(135deg, #f7fbff 0%, #eef5ff 100%);
    box-shadow: 0 12px 28px rgba(34, 113, 177, 0.08);
}

.smg-dark-theme .smg-gemini-onboarding-card {
    background: linear-gradient(135deg, rgba(24, 38, 56, 0.96) 0%, rgba(18, 28, 43, 0.96) 100%);
    border-color: rgba(114, 164, 242, 0.32);
}

.smg-gemini-onboarding-eyebrow {
    margin: 0 0 8px;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #2271b1;
}

.smg-gemini-onboarding-card h2 {
    margin: 0 0 10px;
}

.smg-gemini-onboarding-card p {
    max-width: 760px;
}

.smg-gemini-onboarding-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 18px;
}

.smg-gemini-onboarding-form {
    margin-top: 18px;
}

.smg-gemini-onboarding-form .smg-api-key-wrapper {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    align-items: center;
}

.smg-gemini-onboarding-form .smg-gemini-api-input {
    flex: 1 1 380px;
    min-width: 280px;
}

.smg-gemini-onboarding-form .smg-api-test-result {
    margin-top: 12px;
}

.smg-gemini-onboarding-state {
    margin: 14px 0 0;
    padding: 10px 12px;
    border-radius: 8px;
    font-weight: 500;
}

.smg-gemini-onboarding-state--info {
    background: rgba(34, 113, 177, 0.1);
    color: #1d4f91;
}

.smg-gemini-onboarding-state--warning {
    background: rgba(255, 184, 0, 0.16);
    color: #7a5200;
}

.smg-gemini-onboarding-state--error {
    background: rgba(215, 58, 73, 0.12);
    color: #8c1d27;
}

.smg-gemini-gated-content {
    position: relative;
    opacity: 0.55;
    filter: grayscale(100%);
}

.smg-gemini-gated-content::after {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(255, 255, 255, 0.42);
    backdrop-filter: blur(1px);
    border-radius: inherit;
    z-index: 2;
}

.smg-dark-theme .smg-gemini-gated-content::after {
    background: rgba(15, 23, 42, 0.46);
}

.smg-gemini-gated-content .smg-pro-upsell-link,
.smg-gemini-gated-content .smg-pro-overlay,
.smg-gemini-gated-content .smg-pro-overlay a {
    position: relative;
    z-index: 3;
    pointer-events: auto;
}

.smg-settings-general-card--locked .form-table tr:first-child {
    display: none;
}

.smg-settings-locked .smg-card {
    user-select: none;
}

.smg-gemini-metabox-gate {
    padding: 12px;
    border: 1px solid #d6e4ff;
    border-radius: 8px;
    background: #f7fbff;
}

.smg-gemini-metabox-gate p {
    margin: 0 0 10px;
}

.smg-gemini-metabox-gate__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.smg-gemini-api-hint a {
    margin-left: 6px;
}

.smg-gemini-api-status {
    margin-top: 10px;
}

.smg-gemini-api-status--success {
    color: #0a6b34;
}

.smg-gemini-api-status--warning {
    color: #7a5200;
}

.smg-gemini-api-status--error {
    color: #8c1d27;
}

/* --- Estilos movidos desde page-renderer.php (Fix para Repo WP) --- */

/* Lista deshabilitada en Asistente FREE */
.smg-card.disabled #smg-seo-checklist li { 
    color: #a0a5aa !important; 
}
.smg-card.disabled #smg-seo-checklist li::before { 
    content: "\2022" !important; /* Bullet point */
    color: #a0a5aa !important; 
    font-family: sans-serif !important;
    font-weight: bold !important;
}
.smg-card.disabled #smg-seo-checklist li .dashicons {
    display: none !important;
}

/* Botón Rosa PRO */
.smg-pro-pink-btn {
    background: linear-gradient(90deg, #ff2f66 0%, #f7345e 100%) !important;
    border: none !important;
    box-shadow: 0 4px 12px rgba(247, 52, 94, 0.3) !important;
    text-shadow: none !important;
    color: #fff !important;
    transition: transform 0.1s ease, box-shadow 0.1s ease !important;
    font-weight: 600 !important;
}
.smg-pro-pink-btn:hover {
    background: linear-gradient(90deg, #e62a5c 0%, #de2f55 100%) !important;
    transform: translateY(-2px);
    box-shadow: 0 6px 16px rgba(247, 52, 94, 0.4) !important;
    color: #fff !important;
}
.smg-pro-pink-btn .dashicons {
    color: #fff !important;
}


/* === SEO Magic PRO CTA polish === */
.smg-pro-upsell-link,
.smg-pro-inline-cta {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    margin-top: 10px;
    padding: 10px 16px;
    border-radius: 999px;
    border: 1px solid #cfe0ff;
    background: #eef5ff;
    color: #1658b7;
    font-weight: 600;
    text-decoration: none;
    line-height: 1.2;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.05);
    transition: all 0.18s ease;
}

.smg-pro-upsell-link:hover,
.smg-pro-inline-cta:hover {
    background: #dfeeff;
    border-color: #b9d2ff;
    color: #0f4ca5;
    text-decoration: none;
    transform: translateY(-1px);
}

.smg-pro-inline-cta--small {
    padding: 8px 12px;
    font-size: 12px;
}

.smg-pro-note {
    margin-top: 12px;
}

.smg-pro-overlay--assistant {
    margin-top: 15px;
    padding-top: 12px;
    border-top: 1px solid #d8e3f6;
    pointer-events: auto;
}

.smg-pro-widget-upsell .smg-pro-upsell-link {
    margin-top: 14px;
}

.smg-dark-theme .smg-pro-upsell-link,
.smg-dark-theme .smg-pro-inline-cta {
    background: rgba(114, 164, 242, 0.12);
    border-color: rgba(114, 164, 242, 0.35);
    color: #b9d6ff;
    box-shadow: none;
}

.smg-dark-theme .smg-pro-upsell-link:hover,
.smg-dark-theme .smg-pro-inline-cta:hover {
    background: rgba(114, 164, 242, 0.18);
    border-color: rgba(114, 164, 242, 0.55);
    color: #dbe9ff;
}

.smg-gemini-gated-content .smg-pro-upsell-link,
.smg-gemini-gated-content .smg-pro-overlay,
.smg-gemini-gated-content .smg-pro-overlay a,
.smg-gemini-gated-content .smg-pro-inline-cta {
    position: relative;
    z-index: 3;
    pointer-events: auto;
}
/* === END SEO Magic PRO CTA polish === */


/* === 1.4.4 PRO lock polish === */
.smg-pro-feature-card.disabled {
    opacity: 1 !important;
}

.smg-pro-feature-card.disabled > *:not(.smg-pro-overlay) {
    position: relative;
    z-index: 1;
}

.smg-pro-feature-card.disabled .smg-card-title-no-margin,
.smg-pro-feature-card.disabled .description,
.smg-pro-feature-card.disabled .smg-label-strong,
.smg-pro-feature-card.disabled .smg-label-secondary,
.smg-pro-feature-card.disabled .smg-field-group,
.smg-pro-feature-card.disabled .smg-input-wrapper,
.smg-pro-feature-card.disabled select,
.smg-pro-feature-card.disabled input,
.smg-pro-feature-card.disabled textarea,
.smg-pro-feature-card.disabled button:not(.smg-pro-inline-cta):not(.smg-pro-upsell-link) {
    opacity: 0.58;
}

.smg-pro-feature-card.disabled .smg-pro-overlay,
.smg-pro-feature-card.disabled .smg-pro-inline-cta,
.smg-pro-feature-card.disabled .smg-pro-upsell-link {
    opacity: 1 !important;
}

.smg-link-assistant-wrapper-card.disabled #smg-link-assistant {
    pointer-events: none;
}

.smg-link-assistant-wrapper-card.disabled .smg-pro-overlay,
.smg-link-assistant-wrapper-card.disabled .smg-pro-inline-cta {
    pointer-events: auto;
}

.smg-link-assistant-widget--locked .smg-la-analyze {
    width: 100%;
}
/* === END 1.4.4 PRO lock polish === */