/* =============================================================================
   THEMES / form-render.css
   Archivo unificado de estructura para los distintos modos de render del widget.

   Contiene (en orden):
     1. form-render-landing  — widget standalone en landing / actions.php
     2. form-render-modal    — widget dentro de un Bootstrap modal
     3. form-render-sidebar  — widget en columna sticky lateral
     4. form-render-post     — widget embebido en artículo (render por defecto)

   SOLO estructura, nunca colores ni tipografía de apariencia.
   Los tokens visuales los gestiona form-skin-*.css.
   ============================================================================= */


/* =============================================================================
   1. LANDING
   Estructura del widget standalone en landing / actions.php ($render='landing').
   No hay columna de texto — el widget ocupa su contenedor directamente.

   CLASE GENERADA POR: FormPostHelper::themeForRender('landing') → 'form-render-landing'
   DEPRECATED COMPAT:  form-theme-landing
   ============================================================================= */

.form-render-landing {
  --form-padding-base:        2rem;
  --form-border-radius:       4px;
  --form-border-radius-small: 8px;
  --form-shadow:              0 8px 28px rgba(0, 0, 0, 0.16);
}

.form-render-landing .card,
.form-render-landing .card-forms {
  background:    var(--form-bg-container);
  padding:       var(--form-padding-base);
  border-radius: var(--form-border-radius);
  box-shadow:    var(--form-shadow);
  max-width:     480px;
  margin:        0 auto;
}


/* =============================================================================
   2. MODAL
   Estructura del widget dentro de un Bootstrap modal ($render='modal').
   El modal provee su propio shadow, border-radius y overlay — aquí se anulan.

   CLASE GENERADA POR: FormPostHelper::themeForRender('modal') → 'form-render-modal'
   DEPRECATED COMPAT:  form-theme-modal
   ============================================================================= */

.form-render-modal {
  --form-padding-base:        2rem;
  --form-border-radius:       0;       /* el modal ya tiene border-radius */
  --form-border-radius-small: 4px;
  --form-shadow:              none;    /* el modal ya tiene shadow */
}

.form-render-modal .form-post-widget,
.form-render-modal #form-post-widget {
  background:    var(--form-bg-container);
  padding:       var(--form-padding-base);
  border-radius: var(--form-border-radius);
}


/* =============================================================================
   3. SIDEBAR
   Estructura del widget en columna sticky lateral ($render='sidebar').
   PHP genera: col-12 col-lg-4 .sticky-col > este widget.

   CLASE GENERADA POR: FormPostHelper::themeForRender('sidebar') → 'form-render-sidebar'
   DEPRECATED COMPAT:  form-theme-sidebar
   ============================================================================= */

.form-render-sidebar {
  --form-padding-base:        20px;
  --form-border-radius:       0;
  --form-border-radius-small: 8px;
  --form-shadow:              none;
}

.form-render-sidebar .form-post-widget,
.form-render-sidebar #form-post-widget {
  background:    var(--form-bg-container);
  padding:       0;
  border-radius: var(--form-border-radius);
  border:        none;
}

/* En sidebar el título se centra y los textos no tienen margen lateral */
.form-render-sidebar .col-form {
  text-align: center;
}

.form-render-sidebar .form-post-action {
  padding: var(--form-padding-base) !important;
}


/* =============================================================================
   4. POST
   Estructura del widget embebido en artículo ($render='post', defecto).
   El widget reemplaza los marcadores <!--TYPE start--><!--TYPE end--> del HTML.

   CLASE GENERADA POR: FormPostHelper::themeForRender('post') → 'form-render-post'
   DEPRECATED COMPAT:  form-theme-post / form-theme-default (ambas apuntan a este render)
   ============================================================================= */

.form-render-post {
  --form-padding-base:        30px;
  --form-border-radius:       0;
  --form-border-radius-small: 8px;
  --form-shadow:              none;
}

.form-render-post .form-post-widget,
.form-render-post #form-post-widget {
  background:    var(--form-bg-container);
  padding:       0;
  border-radius: var(--form-border-radius);
}