/**
 * @package     Joomla.Site
 * @subpackage  Templates.baby-in-brazil
 * @author      Oleg Kosarev (DevOpsolution) <dev.oleg.kosarev@outlook.com>
 * @copyright   (C) 2026 Oleg Kosarev. All Rights Reserved.
 * @license     GNU General Public License version 2 or later; see LICENSE.txt
 * @version     1.0.0
 * @since       1.0.0
 *
 * UI Empty CSS. The planned economy of absence: no data, no panic, proper UI.
 */

.content-empty {
    display: grid;
    place-items: center;
    min-height: 320px;
    padding: clamp(28px, 5vw, 56px);
    border: 2px solid var(--theme-line);
    border-radius: var(--theme-radius-md);
    background: var(--theme-surface-soft);
    text-align: center;
    box-shadow: var(--gallery-shadow-soft, 0 8px 25px rgba(18, 35, 48, .06));
}

.content-empty__icon {
    display: grid;
    place-items: center;
    width: 92px;
    height: 92px;
    margin-bottom: 18px;
    border-radius: 50%;
    color: var(--theme-color);
    background: rgba(var(--theme-color-rgb), .09);
}

.content-empty__icon svg {
    width: 52px;
    height: 52px;
    fill: none;
    stroke: currentColor;
    stroke-width: 4;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.content-empty__title {
    margin: 0 0 8px;
    color: var(--theme-text);
    font-size: clamp(24px, 3vw, 34px);
    line-height: 1.1;
    font-weight: 650;
    letter-spacing: -.035em;
}

.content-empty__text {
    max-width: 54ch;
    margin: 0;
    color: var(--theme-text-soft);
    font-size: 15px;
    line-height: 1.55;
    font-weight: 550;
}

.content-empty__action {
    margin-top: 22px;
}