/**
 * Product Info Box - standout notice rendered below the .product-icons row.
 *
 * Palette is derived from the Bogaro theme:
 *   - secondary / accent : #134576 (deep blue)
 *   - dark accent        : #0c2b4a
 *   - primary (orange)   : #fe7902  (used only for subtle warmth on hover)
 *
 * Self-contained: no external imports, no CDN fonts.
 * Class names are prefixed "ibif-pib".
 */

.ibif-pib {
    /* Layout: icon on the left, content on the right */
    display: flex;
    align-items: flex-start;
    gap: 16px;

    /* Full width, spaced from the product-icons row above */
    width: 100%;
    margin-top: 24px;
    margin-bottom: 8px;
    padding: 18px 22px;
    box-sizing: border-box;

    /* Standout look: soft blue tint + bold accent left border + rounded + shadow */
    background: linear-gradient(180deg, #eef4fb 0%, #e6f0fa 100%);
    border: 1px solid #cfe0f1;
    border-left: 5px solid #134576;
    border-radius: 10px;
    box-shadow: 0 6px 18px rgba(19, 69, 118, 0.10);

    font-family: "Montserrat", sans-serif;
    color: #1f3a55;
}

/* Circular accent icon badge */
.ibif-pib__icon {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background: #134576;
    color: #ffffff;
    box-shadow: 0 2px 6px rgba(19, 69, 118, 0.30);
}

.ibif-pib__svg {
    display: block;
    width: 24px;
    height: 24px;
}

/* Content area */
.ibif-pib__content {
    flex: 1 1 auto;
    min-width: 0;
    font-size: 0.9375rem;
    line-height: 1.55;
    color: #20405e;
    /* slight optical alignment with the icon badge */
    padding-top: 2px;
}

.ibif-pib__content > *:first-child {
    margin-top: 0;
}

.ibif-pib__content > *:last-child {
    margin-bottom: 0;
}

.ibif-pib__content p {
    margin: 0 0 8px;
}

.ibif-pib__content strong,
.ibif-pib__content b {
    color: #0c2b4a;
}

.ibif-pib__content a {
    color: #134576;
    font-weight: 600;
    text-decoration: underline;
}

.ibif-pib__content a:hover,
.ibif-pib__content a:focus {
    color: #fe7902;
}

.ibif-pib__content ul,
.ibif-pib__content ol {
    margin: 0 0 8px;
    padding-left: 1.25em;
}

/* Mobile: keep icon + text on one row but tighten spacing for ~380px */
@media (max-width: 575.98px) {
    .ibif-pib {
        gap: 12px;
        padding: 14px 16px;
        margin-top: 18px;
        border-radius: 8px;
    }

    .ibif-pib__icon {
        width: 38px;
        height: 38px;
    }

    .ibif-pib__svg {
        width: 20px;
        height: 20px;
    }

    .ibif-pib__content {
        font-size: 0.9rem;
    }
}