/* === Info Boxy (shortcody [info], [tip], [upozorneni], ...) === */

.info-box {
    border-radius: 16px;
    padding: 24px 28px;
    overflow: hidden;
    margin: 28px 0;
    line-height: 1.7;
}

.info-box__header {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 10px;
}

.info-box__icon {
    width: 32px;
    height: 32px;
    border-radius: 10px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 15px;
    color: #fff;
    flex-shrink: 0;
}

.info-box__label {
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1.5px;
}

.info-box__content {
    font-size: 15px;
    line-height: 1.7;
}

.info-box__content p:last-child {
    margin-bottom: 0;
}

/* --- info – žlutá --- */
.info-box--info {
    background: linear-gradient(135deg, #fffef8, #fffdec);
    box-shadow: 0 2px 12px rgba(252, 220, 42, .08);
    border: 1px solid #ffe97f;
}
.info-box--info .info-box__icon { background: #ffe649; }
.info-box--info .info-box__label { color: #b89f08; }
.info-box--info .info-box__content { color: #5c4f0e; }

/* --- tip – zelená --- */
.info-box--tip {
    background: linear-gradient(135deg, #F3FDF8, #EDFCF3);
    box-shadow: 0 2px 12px rgba(16, 185, 129, .05);
    border: 1.5px solid #BBF7D0;
}
.info-box--tip .info-box__icon { background: #059669; }
.info-box--tip .info-box__label { color: #059669; }
.info-box--tip .info-box__content {
    color: #14532d;
    font-style: italic;
    border-left: 3px solid #059669;
    padding-left: 16px;
}

/* --- upozorneni – oranžová --- */
.info-box--warning {
    background: linear-gradient(135deg, #FFFAF5, #FFF7EE);
    box-shadow: 0 2px 12px rgba(234, 88, 12, .05);
    border: 1.5px solid #FDDFB5;
}
.info-box--warning .info-box__icon { background: #EA580C; }
.info-box--warning .info-box__label { color: #EA580C; }
.info-box--warning .info-box__content { color: #7c2d12; }

/* --- danger – červená --- */
.info-box--danger {
    background: linear-gradient(135deg, #FFF6F6, #FFF1F1);
    box-shadow: 0 2px 12px rgba(220, 38, 38, .05);
    border: 1.5px solid #FECDD3;
}
.info-box--danger .info-box__icon { background: #DC2626; }
.info-box--danger .info-box__label { color: #DC2626; }
.info-box--danger .info-box__content { color: #7f1d1d; }

/* --- priklad – modrá --- */
.info-box--example {
    background: linear-gradient(135deg, #F5F9FF, #EFF5FF);
    box-shadow: 0 2px 12px rgba(59, 130, 246, .05);
    border: 1.5px solid #C9DEFF;
}
.info-box--example .info-box__icon { background: #3B82F6; }
.info-box--example .info-box__label { color: #3B82F6; }
.info-box--example .info-box__content { color: #1e3a5f; }

/* --- akce – amber --- */
.info-box--promo {
    background: linear-gradient(135deg, #FFFDF5, #FFFBEE);
    box-shadow: 0 2px 12px rgba(217, 119, 6, .05);
    border: 1.5px solid #FDE9A1;
}
.info-box--promo .info-box__icon { background: #D97706; }
.info-box--promo .info-box__label { color: #D97706; }
.info-box--promo .info-box__content { color: #78350f; }

.info-box__button {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background: #D97706;
    color: #fff !important;
    padding: 10px 22px;
    border-radius: 10px;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none !important;
    margin-top: 16px;
    transition: background .2s;
}
.info-box__button:hover {
    background: #b45309;
    color: #fff !important;
}

/* --- vysvetleni – teal --- */
.info-box--glossary {
    background: linear-gradient(135deg, #F5FDFB, #EEFAF6);
    box-shadow: 0 2px 12px rgba(13, 148, 136, .05);
    border: 1.5px solid #B2F0E2;
}
.info-box--glossary .info-box__icon { background: #0D9488; }
.info-box--glossary .info-box__label { color: #0D9488; }
.info-box--glossary .info-box__content { color: #134e4a; }