/*
 * CherrynHost — tema de marca para la interfaz web de Radicale
 * Operado por SIINCO (https://siinco.com.mx)
 *
 * Radicale es software libre GPL-3.0 © sus autores (https://radicale.org).
 * Esta hoja NO modifica Radicale: se inyecta como CSS adicional vía proxy
 * reverso (ver nginx.conf / apache.conf en este directorio) y solo agrega:
 *   1. fondo de color durazno,
 *   2. barra superior con logo + CHERRYNHOST (solo en el login),
 *   3. barra inferior "Operado por SIINCO" (solo en el login).
 * Todo lo demás conserva el estilo original de Radicale.
 */

@import url('../shared/cherrynhost-tokens.css');

/* ─── Fondo de color ─── */
body {
  background:
    radial-gradient(ellipse 70% 60% at 50% 115%, rgba(225, 51, 45, 0.12), transparent 70%),
    var(--ch-peach-light);
}

/* Espacio para las barras de marca, solo en el login */
body:has(#loginscene:not(.hidden)) {
  padding: 3.4rem 0 2.6rem;
}

/* ─── Barra de marca superior: logo + CHERRYNHOST (solo en el login) ─── */
body:has(#loginscene:not(.hidden))::before {
  content: "CherrynHost";
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1000;
  display: flex;
  align-items: center;
  background: #fff url('../shared/logo-final.png') no-repeat 14px center / 26px 26px;
  border-bottom: 1px solid var(--ch-peach);
  color: var(--ch-maroon);
  font-family: var(--ch-font-display);
  font-size: 0.95rem;
  text-transform: uppercase;
  letter-spacing: 0.02em;
  padding: 0.55rem 1rem 0.55rem 3.3rem;
  pointer-events: none;
}

/* ─── Barra inferior: operado por SIINCO (solo en el login; aditiva, no sustituye créditos de Radicale) ─── */
body:has(#loginscene:not(.hidden))::after {
  content: "Operado por SIINCO — siinco.com.mx";
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1000;
  background: var(--ch-maroon);
  color: var(--ch-peach-light);
  font-family: var(--ch-font-text);
  font-size: 0.72rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.14em;
  text-align: center;
  padding: 0.55rem 1rem;
  pointer-events: none;
}