/* ==========================================================================
   modul: info — default skin
   Oznámení jako topbar pruh nebo plovoucí popup, 5 barevných variant.
   Používá výhradně tokeny ze `site.css` — projekt přebarví přes :root,
   nebo celý soubor přepíše v `site/skins/info/info.css`.
   ========================================================================== */

.cms-info-notice {
    --notice-fg: var(--color-info);
    --notice-bg: var(--color-info-bg);
    border: var(--border-width) solid var(--notice-fg);
    border-radius: var(--radius);
    background: var(--notice-bg);
    color: var(--color-fg);
}

.cms-info-notice[data-info-variant="success"] { --notice-fg: var(--color-success); --notice-bg: var(--color-success-bg); }
.cms-info-notice[data-info-variant="warning"] { --notice-fg: var(--color-warning); --notice-bg: var(--color-warning-bg); }
.cms-info-notice[data-info-variant="danger"]  { --notice-fg: var(--color-danger);  --notice-bg: var(--color-danger-bg); }
.cms-info-notice[data-info-variant="custom"]  { --notice-fg: var(--color-custom);  --notice-bg: var(--color-custom-bg); }

/* Topbar = pruh přes celou šířku nad hlavičkou. */
.cms-info-notice[data-info-display="topbar"] {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--space-3);
    padding: var(--space-3) var(--space-6) var(--space-3) var(--space-4);
    border-width: 0 0 var(--border-width) 0;
    border-radius: 0;
}

/* Popup = plovoucí karta v rohu, ať nezakrývá obsah. */
.cms-info-notice[data-info-display="popup"] {
    position: fixed;
    right: var(--space-4);
    bottom: var(--space-4);
    z-index: 60;
    width: min(24rem, calc(100vw - 2 * var(--space-4)));
    padding: var(--space-4) var(--space-6) var(--space-4) var(--space-4);
    box-shadow: var(--shadow-soft);
}

.cms-info-notice__title { display: block; color: var(--notice-fg); font-weight: 600; }
.cms-info-notice__body { font-size: var(--font-size-sm); }
.cms-info-notice__body > :last-child { margin-bottom: 0; }
.cms-info-notice__link { font-weight: 500; }

.cms-info-notice__confirm {
    padding: var(--space-1) var(--space-3);
    border: var(--border-width) solid var(--notice-fg);
    border-radius: var(--radius);
    background: var(--color-bg);
    color: var(--notice-fg);
    font: inherit;
    font-size: var(--font-size-sm);
    cursor: pointer;
}

.cms-info-notice__confirm:hover { background: var(--notice-bg); }

.cms-info-notice__close {
    position: absolute;
    top: var(--space-2);
    right: var(--space-2);
    width: 1.75rem;
    height: 1.75rem;
    padding: 0;
    border: 0;
    border-radius: var(--radius);
    background: none;
    color: var(--color-fg-muted);
    font-size: var(--font-size-lg);
    line-height: 1;
    cursor: pointer;
}

.cms-info-notice__close:hover { background: var(--color-bg-sunken); color: var(--color-fg); }