/**
 * Information Banner Block Styles
 */

.info-banner {
    --carina-info-banner-card-padding-block: 2.1875rem;
    --carina-info-banner-content-gap: var(--carina-space-5);
    --carina-info-banner-paragraph-gap: 0.875rem;
    --carina-info-banner-title-line-height: 1.05;

    padding: var(--carina-space-16) var(--carina-container-pad);
    box-sizing: border-box;
}

.info-banner__card {
    position: relative;
    font-family: var(--carina-font-display);
    background: var(--carina-color-white);
    background-image: url('../../assets/img/don-carlito-blue.png');
    background-size: auto 150%;
    background-position: right top;
    background-repeat: no-repeat;
    border: var(--carina-border-strong) solid var(--carina-primary);
    border-radius: var(--carina-radius-card);
    padding: var(--carina-info-banner-card-padding-block) var(--carina-space-10);
    margin: 0 auto;
    width: 100%;
    max-width: var(--carina-section-max-width);
    min-height: var(--carina-banner-min-height);
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.info-banner--align-left .info-banner__card {
    justify-content: flex-start;
}

.info-banner--align-center .info-banner__card {
    justify-content: center;
    align-items: center;
}

.info-banner--dark .info-banner__card {
    background-color: var(--carina-dark) !important;
    border-color: var(--carina-dark);
}

.info-banner--red .info-banner__card {
    background-color: var(--carina-primary) !important;
    border-color: var(--carina-primary) !important;
}

.info-banner--yellow .info-banner__card {
    background-color: var(--carina-secondary) !important;
    border-color: var(--carina-secondary) !important;
}

.info-banner--sunny .info-banner__card {
    background-color: var(--carina-sunny-light) !important;
    border-color: var(--carina-sunny-light) !important;
}

.info-banner__content {
    max-width: 75%;
}

.info-banner--align-left .info-banner__content {
    text-align: left;
    margin-left: 0;
    margin-right: auto;
}

.info-banner--align-center .info-banner__content {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

.info-banner__title {
    line-height: var(--carina-info-banner-title-line-height);
    margin-top: 0;
    margin-bottom: var(--carina-info-banner-content-gap);
}

.info-banner--dark .info-banner__title {
    color: var(--carina-color-white);
}

.info-banner--red .info-banner__title {
    color: var(--carina-color-white) !important;
}

.info-banner--yellow .info-banner__title {
    color: var(--carina-dark);
}

.info-banner--sunny .info-banner__title {
    color: var(--carina-dark);
}

.info-banner__body {
    line-height: var(--carina-line-title);
    color: var(--carina-color-text-body);
    margin-top: 0;
    margin-bottom: var(--carina-info-banner-content-gap);
}

.info-banner--dark .info-banner__body {
    color: var(--carina-color-white-muted);
}

.info-banner--red .info-banner__body {
    color: var(--carina-color-white) !important;
}

.info-banner--yellow .info-banner__body {
    color: var(--carina-dark);
}

.info-banner--sunny .info-banner__body {
    color: var(--carina-dark);
}

.info-banner__body p + p {
    margin-top: var(--carina-info-banner-paragraph-gap);
}

.info-banner--content-subtitle .info-banner__body {
    font-family: var(--carina-font-display);
    font-size: var(--carina-font-xl);
    font-weight: var(--carina-font-weight-bold);
    line-height: var(--carina-line-title);
}

.info-banner--content-subtitle .info-banner__body p + p {
    margin-top: 0;
}

.info-banner__buttons {
    display: flex;
    flex-flow: row wrap;
    gap: var(--carina-space-3);
    align-items: center;
    justify-content: center;
}

.info-banner--align-left .info-banner__buttons {
    justify-content: flex-start;
}

.info-banner .btn-navy {
    background: var(--carina-dark);
    color: var(--carina-color-white);
}

.info-banner--red .btn-navy {
    background: var(--carina-color-white);
    color: var(--carina-primary);
}

.info-banner--red .btn-navy:hover {
    background: var(--carina-dark);
    color: var(--carina-primary);
}

.info-banner--yellow .btn-navy {
    background: var(--carina-dark);
    color: var(--carina-color-white);
}

.info-banner--sunny .btn-navy {
    background: var(--carina-dark);
    color: var(--carina-color-white);
}

.info-banner--dark .btn-navy {
    background: var(--carina-color-white);
    color: var(--carina-dark);
}

.info-banner--dark .btn-navy:hover {
    background: var(--carina-secondary);
    color: var(--carina-dark);
}

@media (max-width: 768px) {
    .info-banner {
        padding: var(--carina-mobile-section-block-padding) var(--carina-mobile-banner-inline-spacing);
    }

    .info-banner__card {
        padding: var(--carina-mobile-section-block-padding) var(--carina-mobile-banner-inline-spacing);
        background-image: none !important;
    }

    .info-banner__content {
        max-width: 100%;
        text-align: center;
    }
}

/* Preserve the original background-driven treatment when no override is set. */
.info-banner--text-auto.info-banner--red .info-banner__title,
.info-banner--text-auto.info-banner--red .info-banner__body {
    color: var(--carina-dark) !important;
}

.info-banner--text-auto.info-banner--sunny .info-banner__title,
.info-banner--text-auto.info-banner--sunny .info-banner__body {
    color: var(--carina-primary) !important;
}

.info-banner--text-auto.info-banner--dark .info-banner__title,
.info-banner--text-auto.info-banner--dark .info-banner__body {
    color: var(--carina-color-white) !important;
}

.info-banner--text-auto.info-banner--yellow .info-banner__title,
.info-banner--text-auto.info-banner--yellow .info-banner__body,
.info-banner--text-auto.info-banner--white .info-banner__title,
.info-banner--text-auto.info-banner--white .info-banner__body {
    color: var(--carina-dark) !important;
}

.info-banner--text-white .info-banner__title,
.info-banner--text-white .info-banner__body {
    color: var(--carina-color-white) !important;
}

.info-banner--text-dark .info-banner__title,
.info-banner--text-dark .info-banner__body {
    color: var(--carina-dark) !important;
}

.info-banner--text-red .info-banner__title,
.info-banner--text-red .info-banner__body {
    color: var(--carina-primary) !important;
}

.info-banner--carlito-navy .info-banner__card {
    background-image: url('../../assets/img/don-carlito-blue.png');
}

.info-banner--carlito-color .info-banner__card {
    background-image: url('../../assets/img/don-carlito.png');
}

.info-banner--carlito-white .info-banner__card {
    background-image: none;
    background-color: var(--carina-dark);
}

.info-banner--carlito-white .info-banner__card::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 40%;
    background-image: url('../../assets/img/don-carlito-blue.png');
    background-position: right top;
    background-repeat: no-repeat;
    background-size: auto 150%;
    content: '';
    filter: brightness(0) invert(1);
    pointer-events: none;
}

.info-banner--carlito-white .info-banner__content {
    position: relative;
    z-index: 1;
}

.info-banner--button-white .btn-navy {
    background: var(--carina-color-white);
    border-color: var(--carina-dark);
    color: var(--carina-dark);
}

.info-banner--button-red .btn-navy {
    background: var(--carina-primary);
    border-color: var(--carina-primary);
    color: var(--carina-color-white);
}

.info-banner--button-dark .btn-navy {
    background: var(--carina-dark);
    border-color: var(--carina-dark);
    color: var(--carina-color-white);
}

.info-banner--button-gold .btn-navy {
    background: var(--carina-secondary);
    border-color: var(--carina-secondary);
    color: var(--carina-dark);
}

.info-banner--button-sunny .btn-navy {
    background: var(--carina-sunny-light);
    border-color: var(--carina-sunny-light);
    color: var(--carina-primary);
}