:where(figure) {
    margin: 0 !important;
}

.wp-block-group {
    overflow: clip;
}

.wp-block-post .is-content-justification-stretch {
    justify-content: space-between !important;
}

.wp-block-categories {
    display: flex;
    flex-direction: column;
    margin: 0;
    padding: 0;
    list-style: none;
    gap: 15px;
}

.wp-block-categories .cat-item {
    background: rgb(37 57 89 / 15%);
    color: #253959;
    border-radius: 100px;
    padding: 4px 12px;
    font-size: 14px;
    font-weight: 600;
    display: inline-block !important;
    max-width: fit-content;
    width: auto !important;
}

.wp-block-buttons.is-style-full-width {
    width: 100% !important;
}

.is-style-post-typo.wp-block-post-content h2 {
    font-size: var(--wp--preset--font-size--incc-heading-three);
}

.is-style-outline-link .wp-block-post-excerpt__more-link {
    border: 1px solid currentColor;
    border-radius: 100px;
    padding: 10px 24px;
    color: var(--wp--preset--color--incc-white);
}

a.wp-block-post-excerpt__more-link:hover {
    background: #fff !important;
    color: var(--wp--preset--color--incc-yellow);
}

header.wp-block-kadence-rowlayout {
    position: relative;
}

header.wp-block-kadence-rowlayout::before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100px;
    background: linear-gradient(180deg, rgba(6, 24, 57, 0.7) 50%, rgba(6, 24, 57, 0) 77.94%);
    content: '';
    z-index: -1;
}

.has-glass-effect {
    position: relative;
    overflow: hidden;
    border-radius: 16px;
    /* Frost 100 + Refraction 38 + Dispersion 100 */
    background: rgba(255, 255, 255, 0.06);
    backdrop-filter: blur(24px) saturate(1.2);
    -webkit-backdrop-filter: blur(24px) saturate(1.2);
}

.has-glass-effect::before {
    content: '';
    position: absolute;
    inset: 0;
    border-radius: inherit;
    pointer-events: none;
    /* Light 79° sheen */
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.175) 0%, rgba(255, 255, 255, 0.04) 35%, rgba(255, 255, 255, 0) 60%);
}

.incc-icon-pos .kt-svg-icon-link {
    flex-direction: row-reverse !important;
    gap: 12px;
}

.wp-block-button.is-style-link .wp-block-button__link {
    display: inline-flex !important;
    align-items: center;
    gap: 8px;
}

.wp-block-button.is-style-link .wp-block-button__link::after {
    content: '';
    display: inline-block;
    width: 16px;
    height: 12px;
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='12' viewBox='0 0 16 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.041 6.681H.851A.826.826 0 0 1 0 5.83a.826.826 0 0 1 .852-.852h12.19L9.508 1.439a.76.76 0 0 1-.243-.593.87.87 0 0 1 .268-.6.8.8 0 0 1 .59-.246.84.84 0 0 1 .597.252l4.981 4.975a.82.82 0 0 1 .26.603.82.82 0 0 1-.26.602l-4.956 4.95a.84.84 0 0 1-.597.252.8.8 0 0 1-.59-.252.82.82 0 0 1-.255-.606q0-.357.255-.612z' fill='%23dbae10'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain;
    flex-shrink: 0;
}

.has-featured-image-bg:before {
    background: linear-gradient(172.74deg, rgba(34, 34, 34, 0) -35.15%, #222222 81.33%);
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

@media screen and (max-width: 767px) {
    .is-style-wrap-mobile {
        flex-wrap: wrap !important;
    }
}

/* Kadence Codes */
.wp-block-kadence-listitem + .wp-block-kadence-listitem {
    border-top: 1px solid #e7edf7;
    padding-top: 16px !important;
    margin-top: 16px !important;
}

.kb-table-container {
    border: 1px solid #cccccc;
    border-radius: 20px;
    overflow: hidden;
}

.kb-table th {
    background: #061839 !important;
}

.kb-table p {
    margin: 0 !important;
}

.kb-table th p {
    color: #fff !important;
}

.incc-special-table tbody tr:last-child td:last-child {
    background: #6793c9;
    color: #fff !important;
}

/*
 * Button hover states
 *
 * theme.json emits these as `:root :where(.wp-element-button:hover, ...)`,
 * which has almost no specificity (0,1,0) and loses inside the editor canvas.
 * core/button also declares `selectors.root` as
 * `.wp-block-button .wp-block-button__link` (0,2,0), so we match that here to
 * re-assert hover in the editor. Loaded in both the editor and the front end
 * via `enqueue_block_assets`, so the two stay identical.
 *
 * Block style variation CSS (`is-style-alternative`) is not delivered to the
 * editor payload at all, so its hover is defined here rather than in theme.json.
 */
.wp-block-button .wp-block-button__link:hover {
    background-color: var(--wp--preset--color--incc-yellow);
    border-color: var(--wp--preset--color--incc-yellow);
    color: var(--wp--preset--color--incc-white);
}

.wp-block-button.is-style-alternative .wp-block-button__link:hover {
    background-color: var(--wp--preset--color--incc-navy-600);
    border-color: var(--wp--preset--color--incc-navy-600);
    color: var(--wp--preset--color--incc-white);
}

/* The Link style is a plain text link — it must not pick up either fill. */
.wp-block-button.is-style-link .wp-block-button__link:hover {
    background-color: transparent;
    border-color: transparent;
    color: var(--wp--preset--color--incc-neutral-darkest);
}

/*
 * Outline style — an underline, not a box.
 *
 * Core ships `is-style-outline` as a full 2px border with em-based padding, but
 * its rules sit inside `:where()` so they carry only (0,1,0) and are easily
 * overridden. Both selector forms are matched because core supports the class
 * on either the wrapper or the inner link.
 */
.wp-block-button.is-style-outline .wp-block-button__link,
.wp-block-button .wp-block-button__link.is-style-outline {
    background-color: transparent;
    border: 0;
    border-bottom: 2px solid var(--wp--preset--color--incc-yellow);
    border-radius: 0;
    color: var(--wp--preset--color--incc-neutral-darkest);
    padding: 0;
}

/*
 * Needs the extra class to outrank the generic button hover above, which is
 * (0,3,0) once its `:hover` is counted.
 */
.wp-block-button.is-style-outline .wp-block-button__link:hover,
.wp-block-button .wp-block-button__link.is-style-outline:hover {
    background-color: transparent;
    border-bottom-color: var(--wp--preset--color--incc-yellow);
    color: var(--wp--preset--color--incc-yellow);
}