/*
Theme Name: KIKE
Theme URI: 
Author: Danyl Filatov
Author URI: 
Description: 
Requires at least: 6.9
Tested up to: 6.9
Requires PHP: 5.7
Version: 
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: kike
Tags: 
*/



/*
    Contact form 7
*/

.wpcf7 .wpcf7-form {
    margin-block-start: calc(var(--wp--preset--spacing--50) * -1);
    color: inherit;
    background-color: inherit;
    border-color: inherit;
}

.wpcf7 .wpcf7-form > * {
    margin: 0;
    margin-block-start: var(--wp--preset--spacing--50);
    margin-block-end: 0;
}

.wpcf7 .wpcf7-form [class*="wpcf7-text"] {
    color: inherit;
    background-color: inherit;
    vertical-align: bottom;
    font-size: inherit;
    font-family: inherit;
    padding: var(--wp--preset--spacing--50) var(--wp--preset--spacing--50);
    outline: none;
    width: 100%;
    box-sizing: border-box;
    border-radius: var(--wp--preset--border-radius--30);
    border: 2px solid;
    border-color: var(--wp--custom--current-color-opacity);
}
.wpcf7 .wpcf7-form [class*="wpcf7-text"]:focus,
.wpcf7 .wpcf7-form [class*="wpcf7-text"]:hover {
    border-color: currentColor;
}

.wpcf7 .wpcf7-form [class*="wpcf7-text"]::placeholder {
    font-size: inherit;
    color: inherit;
    opacity: var(--wp--custom--opacity);
}

.wpcf7 .wpcf7-form input[type="checkbox"] {
    vertical-align: middle;
    width: var(--wp--preset--spacing--40);
    height: var(--wp--preset--spacing--40);
    margin: 0;
    margin-inline-end: var(--wp--preset--spacing--40);
}

.wpcf7 .wpcf7-form .wpcf7-not-valid-tip {
    margin-block-start: var(--wp--preset--spacing--30);
    margin-inline: var(--wp--preset--spacing--50);
}

.wpcf7 .wpcf7-form .wpcf7-list-item {
    margin: 0;
}

.wpcf7 .wpcf7-form .wpcf7-spinner {
    vertical-align: middle;
    margin: 0;
    margin-inline: var(--wp--preset--spacing--50);
}

.wpcf7 .wpcf7-form .wpcf7-response-output {
    padding: var(--wp--preset--spacing--30) var(--wp--preset--spacing--50);
    margin: 0;
    margin-block-start: var(--wp--preset--spacing--50);
    border-radius: var(--wp--preset--border-radius--30);
    border: 2px solid;
}
.wpcf7 .wpcf7-form.sent .wpcf7-response-output {
    border-color: var(--wp--preset--color--custom-primary);
}
.wpcf7 .wpcf7-form.invalid .wpcf7-response-output,
.wpcf7 .wpcf7-form.unaccepted .wpcf7-response-output,
.wpcf7 .wpcf7-form.payment-required .wpcf7-response-output {
    border-color: #dc3232;
}



/*
    Blocks
*/

/* general hide empty blocks? */
/* .wp-site-blocks [class*="wp-block"]:empty:not(.wp-block-separator, [class*="__"]) {
    display: none;
} */

/* all links? */
/* a {
    text-decoration: none;
} */

/* block editor text fields */
.block-editor-rich-text__editable,
.rich-text {
    word-break: normal;
}

/* button */
.wp-block-button .wp-block-button__link {
    word-break: normal;
}

/* post date */
.wp-block-post-date {
    white-space: nowrap;
}

/* columns */
/* variation - min */
.wp-block-columns.is-layout-flex>.wp-block-column.is-style-min {
    flex-grow: 0;
    flex-basis: auto;
    width: auto;
}
.wp-block-columns.is-layout-flex>.wp-block-column.is-style-min:empty {
    display: none;
}

/* group */
/* variation - border */
.is-style-border {
    overflow: hidden;
}
/* block variation - section */
section.wp-block-group {
    padding-top: var(--wp--preset--spacing--70);
    padding-bottom: var(--wp--preset--spacing--70);
}

/* post date */
.wp-block-post-date a {
    text-decoration: none;
}

/* post nav */
.wp-block-post-navigation-link a {
    text-decoration: none;
}

/*  */
.wp-block-term-name :where(a) {
    text-decoration: inherit;
}

/* list */
.wp-block-list li::marker {
    color: var(--wp--preset--color--custom-primary);
}

/* separator */
.wp-block-separator {
    margin-inline: 0;
    border-width: 0;
    width: 50px;
    height: 3px;
}
/* variation - wide */
.wp-block-separator.is-style-wide {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    height: 2px;
    color: var(--wp--custom--current-color-opacity);
    background-color: var(--wp--custom--current-color-opacity);
}
:is(.wp-block-cover, .is-style-contrast) .wp-block-separator.is-style-wide {
    background-color: transparent;
    background-image: linear-gradient(to right, transparent, currentColor, transparent);
}

/* cover */
.wp-block-cover .has-background-dim:not([class*=-background-color]),
.wp-block-cover-image .has-background-dim:not([class*=-background-color]),
.wp-block-cover-image.has-background-dim:not([class*=-background-color]),
.wp-block-cover.has-background-dim:not([class*=-background-color]) {
    background-color: var(--wp--preset--color--custom-contrast);
}
.wp-block-cover .wp-block-cover__inner-container,
.wp-block-cover-image .wp-block-cover__inner-container {
    box-sizing: border-box;
}

/* image */
/* & featured image */
.wp-block-image img,
.wp-block-post-featured-image img {
    vertical-align: middle;
    /* object-fit: contain !important; */
    max-height: 100%;
}
/* variation - contained */
.wp-block-image.is-style-contained img {
    object-fit: contain;
}
/* variation - hero */
.wp-block-image.is-style-hero,
.wp-block-post-featured-image.is-style-hero {
    display: flex;
    justify-content: center;
    align-items: center;
}
.wp-block-image.is-style-hero img,
.wp-block-post-featured-image.is-style-hero img {
    height: 100%;
    width: auto;
}
.wp-block-image.is-style-hero img[src*='.svg'],
.wp-block-post-featured-image.is-style-hero img[src*='.svg'] {
    height: 100%;
    width: auto;
    padding-top: var(--wp--preset--spacing--70);
    padding-bottom: var(--wp--preset--spacing--70);
}
/* hero spacing */
.wp-block-image.is-style-hero,
.wp-block-post-featured-image.is-style-hero,
.wp-block-spacer.is-style-hero {
    height: var(--wp--custom--hero-height) !important;
    box-sizing: border-box;
}

/* accordion */
.wp-block-accordion-item.is-style-border {
    border-color: var(--wp--custom--current-color-opacity);
    padding: var(--wp--preset--spacing--50);
}
.wp-block-accordion-heading__toggle {
    padding: 0;
}
/* variation - show more */
.wp-block-accordion-item.is-style-show-more {
    display: flex;
    flex-direction: column-reverse;
}
.wp-block-accordion-item.is-style-show-more > * + * {
    margin-block-start: 0;
}
.wp-block-accordion-item.is-style-show-more .wp-block-accordion-panel[hidden] {
    padding: 0 !important;
}
.wp-block-accordion-item.is-style-show-more .wp-block-accordion-heading__toggle-title {
    margin-left: 0.5em;
}
.wp-block-accordion-item.is-style-show-more .wp-block-accordion-heading__toggle-title :is(em, strong) {
    font-weight: unset;
    font-style: unset;
}
.wp-block-accordion-item.is-style-show-more:not(.is-open) .wp-block-accordion-heading__toggle-title:not(.rich-text) > em,
.wp-block-accordion-item.is-style-show-more.is-open .wp-block-accordion-heading__toggle-title:not(.rich-text) > strong {
    display: none;
}
.wp-block-accordion-item.is-style-show-more .wp-block-accordion-heading__toggle-icon {
    font-size: 1.6em;
    height: 0.8em;
    width: 0.8em;
    padding-bottom: 0.2em;
    box-sizing: border-box;
}
.wp-block-accordion-item.is-style-show-more.is-open > .wp-block-accordion-heading .wp-block-accordion-heading__toggle-icon {
    transform: rotate(-90deg);
}

/* post title */
.wp-block-post-title :where(a) {
    color: inherit;
}

/* inline color mark */
.has-inline-color {
    background-color: transparent;
}

/* carousel slider */
/* variation - centered */
.wp-block-cb-carousel-v2.is-style-centered .swiper-wrapper {
    align-items: center;
}

/* search */
.wp-block-search input[type="search"]::-webkit-search-cancel-button {
    -webkit-appearance: none;
}
/*  */
.wp-block-search__clear-wrapper {
    display: flex;
}
.wp-block-search__clear-wrapper > .wp-block-search {
    flex: 1;
}
.wp-block-search__clear-wrapper .wp-block-search__button-clear {
    height: auto;
    border-radius: 0;
    background: none;
    border: 1px solid #949494;
}

/* navigation */
@media (max-width: 599px) {
    /* mobile overlay */
    .wp-block-navigation__responsive-container .wp-block-navigation .wp-block-navigation-item {
        width: 100%;
        flex-wrap: wrap;
    }
    .wp-block-navigation__responsive-container .wp-block-navigation .wp-block-navigation__container,
    .wp-block-navigation__responsive-container .wp-block-navigation .has-child .wp-block-navigation__submenu-container {
        gap: var(--wp--preset--spacing--50);
    }
    .wp-block-navigation__responsive-container .wp-block-navigation-item.open-on-click .wp-block-navigation-submenu__toggle {
        width: 100%;
    }
    .wp-block-navigation__responsive-container .wp-block-navigation .has-child .wp-block-navigation__submenu-container {
        position: relative;
        color: unset;
        background-color: transparent;
        border: none;
    }
    .wp-block-navigation__responsive-container .wp-block-navigation .has-child .wp-block-navigation-submenu__toggle[aria-expanded=true]~.wp-block-navigation__submenu-container,
    .wp-block-navigation__responsive-container .wp-block-navigation .has-child:not(.open-on-click):not(.open-on-hover-click):focus-within>.wp-block-navigation__submenu-container {
        width: 100%;
        padding-left: var(--wp--preset--spacing--50);
        padding-top: var(--wp--preset--spacing--50);
    }
    .wp-block-navigation__responsive-container .wp-block-navigation .has-child .wp-block-navigation__submenu-container>.wp-block-navigation-item>.wp-block-navigation-item__content {
        padding: 0;
    }
    /*  */
    .wp-block-navigation__responsive-container.is-menu-open:not(.disable-default-overlay) {
        padding-left: var(--wp--preset--spacing--50);
        padding-right: var(--wp--preset--spacing--50);
    }
}
/* variation - current submenu */
.wp-block-navigation__container.is-style-current-submenu {
    display: block;
    margin-right: calc(var(--wp--preset--spacing--50) * -1);
    margin-bottom: calc(var(--wp--preset--spacing--50) * -1);
}
.wp-block-navigation__container.is-style-current-submenu::after {
    content: '';
    display: table;
    clear: both;
}
.wp-block-navigation__container.is-style-current-submenu .wp-block-navigation__submenu-container {
    opacity: 1;
    visibility: visible;
    overflow: visible;
    height: auto;
    width: auto;
    position: static;
    display: block;
    background: none;
    border: none;
}
.wp-block-navigation__container.is-style-current-submenu .wp-block-navigation-item {
    display: block;
}
.wp-block-navigation__container.is-style-current-submenu .wp-block-navigation__submenu-icon {
    display: none;
}
.wp-block-navigation__container.is-style-current-submenu .wp-block-navigation-item__content,
.wp-block-navigation__container.is-style-current-submenu .has-child .wp-block-navigation__submenu-container>.wp-block-navigation-item>.wp-block-navigation-item__content {
    display: none;
}
/* .wp-block-navigation__container.is-style-current-submenu [class*="current-menu"] .wp-block-navigation-item__content, */
.wp-block-navigation__container.is-style-current-submenu [class*="current-menu"].has-child .wp-block-navigation__submenu-container>.wp-block-navigation-item>.wp-block-navigation-item__content {
    display: block;
    padding: 0;
    margin-right: var(--wp--preset--spacing--50);
    margin-bottom: var(--wp--preset--spacing--50);
    text-decoration: none;
    float: left;
}
.wp-block-navigation__container.is-style-current-submenu [class*="current-menu"] .wp-block-navigation-item__content {
    color: var(--wp--preset--color--custom-primary);
}
.wp-block-navigation__container.is-style-current-submenu .current-menu-item > .wp-block-navigation-item__content {
    color: currentColor;
    pointer-events: none;
}

/* category nav in archive */
.wp-block-term:has(.query-loop-counter) {
    counter-increment: term-query-counter;
}
.wp-block-term .query-loop-counter::before {
    content: "0" counter(term-query-counter);
}

/* kike_query_block_ fix */
.query-year-group-title {
    margin-block-end: var(--wp--preset--spacing--60);
}

/* all content wrapper */
.wp-block-post-content {
    overflow: hidden;
}

/* blockquote */
.wp-block-quote {
    margin: 0;
    margin-left: var(--wp--preset--spacing--70);
    padding-left: var(--wp--preset--spacing--50);
    border-left: 3px solid var(--wp--preset--color--custom-primary);
}
/* blockquote icon wrapper */
.wp-block-quote-wrapper {
    position: relative;
}
.wp-block-quote-wrapper > svg {
    position: absolute;
    top: 0;
    left: 0;
    fill: var(--wp--preset--color--custom-primary);
    width: var(--wp--preset--spacing--60);
    height: var(--wp--preset--spacing--60);
}

/* post-date calendar icon  */
.wp-block-post-date svg {
    vertical-align: top;
    margin-right: var(--wp--preset--spacing--30);
    fill: currentColor;
    width: var(--wp--preset--spacing--50);
    height: var(--wp--preset--spacing--50);
}

/* social links > post-share-links */
.wp-block-social-links.post-share-links .wp-social-link a.copied-text-before {
    position: relative;
}
.wp-block-social-links.post-share-links .wp-social-link a.copied-text-before::before {
    content: 'Skopiowano link';
    display: block;
    position: absolute;
    bottom: 100%;
    left: 50%;
    transform: translateX(-50%);
    white-space: pre;
    line-height: 1;
    font-size: .6em;
    padding: .5em .7em;
    border-radius: .3em;
    color: var(--wp--preset--color--custom-base);
    background-color: var(--wp--preset--color--custom-contrast);
}