/*!
 * Network Wide Block Styles
 *
 * Styles for registered block style variations and shared CSS variables.
 * This file is loaded in BOTH the frontend and block editor via enqueue_block_assets.
 *
 * @see inc/admin/blocks.php for enqueueing the blocks.css file
 * @see editor.js file for block style registration
 */

 body.admin-bar {
    --kb-admin-bar-visible: 32px;
}
@media screen and (max-width: 782px) {
    body.admin-bar {
        --kb-admin-bar-visible: 46px;
    }
}

/**
 * Kadence Blocks Spacing Variables
 *
 * Maps Kadence spacing presets to theme.json spacing scale.
 * WordPress generates: --wp--preset--spacing--{slug}
 * Kadence uses: --global-kb-spacing-{size}
 *
 * These must be in blocks.css (not style.css) to load in both frontend AND editor.
 */
:root,
.editor-styles-wrapper
{

    /* Kadence Spacing Variables → theme.json spacing presets */
    --global-kb-spacing-xxs: var(--wp--preset--spacing--xxs) !important;
    --global-kb-spacing-xs: var(--wp--preset--spacing--xs) !important;
    --global-kb-spacing-sm: var(--wp--preset--spacing--sm) !important;
    --global-kb-spacing-md: var(--wp--preset--spacing--md) !important;
    --global-kb-spacing-lg: var(--wp--preset--spacing--lg) !important;
    --global-kb-spacing-xl: var(--wp--preset--spacing--xl) !important;
    --global-kb-spacing-xxl: var(--wp--preset--spacing--xxl) !important;
    --global-kb-spacing-3xl: var(--wp--preset--spacing--3-xl) !important;
    --global-kb-spacing-4xl: var(--wp--preset--spacing--4-xl) !important;
    --global-kb-spacing-5xl: var(--wp--preset--spacing--5-xl) !important;

    /* Custom Spacing Variables → theme.json spacing presets */
    --global-xs-spacing: var(--wp--preset--spacing--xs) !important;
    --global-sm-spacing: var(--wp--preset--spacing--sm) !important;
    --global-md-spacing: var(--wp--preset--spacing--md) !important;
    --global-lg-spacing: var(--wp--preset--spacing--lg) !important;
    --global-xl-spacing: var(--wp--preset--spacing--xl) !important;
    --global-xxl-spacing: var(--wp--preset--spacing--xxl) !important;

    /* Kadence Row Gutter/Gap Variables → theme.json gap presets */
    --global-kb-gap-none: var(--wp--preset--spacing--gap-none) !important;
    --global-kb-gap-sm: var(--wp--preset--spacing--gap-sm) !important;
    --global-kb-gap-md: var(--wp--preset--spacing--gap-md) !important;
    --global-kb-gap-lg: var(--wp--preset--spacing--gap-lg) !important;

    /* Kadence Row Gutter Variables → theme.json gutter presets */
    --global-row-gutter-none: var(--wp--preset--spacing--gap-none) !important;
    --global-row-gutter-sm: var(--wp--preset--spacing--gap-sm) !important;
    --global-row-gutter-md: var(--wp--preset--spacing--gap-md) !important;
    --global-row-gutter-lg: var(--wp--preset--spacing--gap-lg) !important;
}

.single-content h1,
.single-content h2,
.single-content h3,
.single-content h4,
.single-content h5,
.single-content h6
{
    margin: var(--wp--preset--spacing--sm) 0 var(--wp--preset--spacing--xs);
}

/* Alignment Support */
.alignleft {
    margin-left: 0;
    margin-right: auto !important;
}

.aligncenter {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

.alignright {
    margin-left: auto !important;
    margin-right: 0;
}

/** List Column Styles - registered for list, terms, and categories blocks */
@media (min-width: 768px)
{
    .is-style-2-column
    {
        column-count: 2;
        column-gap: var(--wp--preset--spacing--sm);
    }

    .is-style-3-column
    {
        column-count: 3;
        column-gap: var(--wp--preset--spacing--sm);
    }
}

/** List No Bullets Style - registered for list, terms, and categories blocks */
.is-style-none
{
    list-style: none;
    padding-left: 0 !important;
    margin-left: 0;
}

.is-style-none .wp-block-list
{
    list-style: none;
}

/** End List No Bullets Style */

/** List No Bullets & Inline Style - registered for list, terms, and categories blocks */
.is-style-inline-none
{
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    padding: 0 !important;
    margin: 0;
    column-gap: var(--wp--preset--spacing--md);
    row-gap: var(--wp--preset--spacing--xs);
}

/** Hover Zoom BG Style - registered for section block */
.is-style-zoom-bg .kt-inside-inner-col
{
    position: relative;
    overflow: hidden;
}
.is-style-zoom-bg .kt-inside-inner-col::before
{
    content: '';
    position: absolute;
    inset: 0;
    background-image: inherit;
    background-size: inherit;
    background-position: inherit;
    background-repeat: inherit;
    transition: transform 0.4s ease-in-out;
    z-index: 0;
}
.is-style-zoom-bg:hover .kt-inside-inner-col::before,
.is-style-zoom-bg:has(.kb-section-link-overlay:hover) .kt-inside-inner-col::before
{
    transform: scale(1.1);
}
.is-style-zoom-bg .kt-inside-inner-col>*
{
    position: relative;
    z-index: 1;
}

/** End Hover Zoom BG Style */

/** Hover Image Style - registered for image block */
.is-style-hover-image {
    overflow: hidden;
}
.is-style-hover-circle-image {
    border-radius: 50%;
    overflow: hidden;
}
.is-style-hover-image img,
.is-style-hover-circle-image img {
    transition: all 0.3s ease-out;
}
.is-style-hover-image:hover img,
.is-style-hover-circle-image:hover img,
.wp-block-kadence-column.kb-section-has-link:hover > .kt-inside-inner-col > .is-style-hover-image img,
.wp-block-kadence-column.kb-section-has-link:hover > .kt-inside-inner-col > .is-style-hover-circle-image img {
    transform: scale(1.1);
}

/** End Hover Image Style */

/** Aspect Ratio 1:1 Style - registered for section and card blocks */
.section__aspect-ratio__1-1 > .kt-inside-inner-col,
.card-clamp-1up > .kt-inside-inner-col,
.is-style-aspect-ratio-1-1 > .kt-inside-inner-col,
.is-style-aspect-ratio-1-1 .kadence-inner-column-inner {
    aspect-ratio: 1 / 1;
    min-height: 0 !important;
}

/** Aspect Ratio 16:9 Style - registered for section and card blocks */
.section__aspect-ratio__16-9 > .kt-inside-inner-col,
.card-clamp-2up > .kt-inside-inner-col,
.is-style-aspect-ratio-16-9 > .kt-inside-inner-col,
.is-style-aspect-ratio-16-9 .kadence-inner-column-inner {
    aspect-ratio: 16 / 9;
    min-height: 0 !important;
}

/** Aspect Ratio 4:3 Style - registered for section and card blocks */
.section__aspect-ratio__4-3 > .kt-inside-inner-col,
.card-clamp-4up > .kt-inside-inner-col,
.is-style-aspect-ratio-4-3 > .kt-inside-inner-col,
.is-style-aspect-ratio-4-3 .kadence-inner-column-inner {
    aspect-ratio: 4 / 3;
    min-height: 0 !important;
}

/** Aspect Ratio 3:2 Style - registered for section and card blocks */
.section__aspect-ratio__3-2 > .kt-inside-inner-col,
.card-clamp-3up > .kt-inside-inner-col,
.is-style-aspect-ratio-3-2 > .kt-inside-inner-col,
.is-style-aspect-ratio-3-2 .kadence-inner-column-inner {
    aspect-ratio: 3 / 2;
    min-height: 0 !important;
}

/** End Aspect Ratio Styles */

/** Slider 40% Slide Style - registered for slider block */
@media (min-width: 992px) {
    .is-style-advanced-slider_40percent-slide .kb-splide .splide__slide,
    .advanced-slider_40percent-slide .kb-splide .splide__slide {
        width: calc(38% - 25px) !important;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    .is-style-advanced-slider_40percent-slide .kb-splide .splide__slide,
    .advanced-slider_40percent-slide .kb-splide .splide__slide {
        width: calc(73% + 0px) !important;
    }
}

/** End Slider 40% Slide Style */

/** Yoast Breadcrumbs Styles - registered for yoast/breadcrumbs block */
.yoast-breadcrumbs {
    font-size: var(--wp--preset--font-size--small);
    font-weight: 400;
}
.yoast-breadcrumbs::before {
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 0 8px 0 0;
    background: url("data:image/svg+xml,%3Csvg width='20' height='17' viewBox='0 0 20 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18.7188 8.1875C19.0312 8.46875 19.0625 8.9375 18.8125 9.25C18.5312 9.5625 18.0625 9.59375 17.75 9.34375L17 8.6875V14.5C17 15.9062 15.875 17 14.5 17H5.5C4.09375 17 3 15.9062 3 14.5V8.6875L2.21875 9.34375C1.90625 9.59375 1.4375 9.5625 1.15625 9.25C0.90625 8.9375 0.9375 8.46875 1.25 8.1875L9.5 1.1875C9.78125 0.96875 10.1875 0.96875 10.4688 1.1875L18.7188 8.1875ZM5.5 15.5H7V10.75C7 10.0625 7.53125 9.5 8.25 9.5H11.75C12.4375 9.5 13 10.0625 13 10.75V15.5H14.5C15.0312 15.5 15.5 15.0625 15.5 14.5V7.40625L10 2.75L4.5 7.40625V14.5C4.5 15.0625 4.9375 15.5 5.5 15.5ZM8.5 15.5H11.5V11H8.5V15.5Z' fill='%23242529'/%3E%3C/svg%3E")
        no-repeat center / contain;
    position: relative;
    top: 3px;
}
.yoast-breadcrumbs a {
    text-decoration: none;
    font-weight: 700;
    color: var(--global-palette4);
}

/* End Yoast Breadcrumbs Styles */

/** Yardzen Page Styles - registered for yardzen page */
.card--yardzen .kt-blocks-info-box-media {
    border-radius: 50%;
}
.form--yardzen_wrapper .gform_required_legend {
    font-family: Roboto, sans-serif;
    font-size: 1rem;
}
.form--yardzen label {
    font-family: Roboto, sans-serif;
    font-weight: 500;
}
.form--yardzen input[type="text"],
.form--yardzen input[type="email"],
.form--yardzen select {
    height: 48px;
    border-radius: 10px;
    border-color: #C3CABE;
    padding: 12px 15px;
    font-family: Roboto, sans-serif;
}
.gform_wrapper.gravity-theme .form--yardzen .gform_fields {
    row-gap: var(--wp--preset--spacing--sm);
    column-gap: var(--wp--preset--spacing--sm);
}
.gform_wrapper.gravity-theme .form--yardzen .gform_footer {
    padding-bottom: 0;
}
.gform_wrapper.gravity-theme .form--yardzen .gform_footer input {
    margin-bottom: 0;
    border-radius: 100px;
    border-color: #4e5a44;
    padding: 12px 20px;
    width: 100%;
    height: 45px;
    background-color: #4e5a44;
    color: var(--global-palette9);
    font-family: Roboto, sans-serif;
    line-height: 1 !important;
    font-size: var(--wp--preset--font-size--medium);
    text-transform: capitalize;
}
.gform_wrapper.gravity-theme .form--yardzen .gform_footer input:hover,
.gform_wrapper.gravity-theme .form--yardzen .gform_footer input:focus {
    background-color: var(--global-palette9);
    color: #4e5a44;
    border-color: #4e5a44;
}

/* End Yardzen Page Styles */