/*
Theme Name: kapitola
Theme URI: https://kapitola.net
Author: IdeFixx
Author URI: https://idefixx.cz
Description: Theme for kapitola.net website.
Version: 1.0
Template: ollie
Text Domain: kapitola
Tags: kapitola, graphic design, gfx studio
*/

/* Responsive tweaks */
@media (min-width: 768px) and (max-width: 1200px) {
  .breadcrumb-container,
  .columns-text { padding: 0 !important; }
}

@media screen and (max-width:925px) and (orientation:landscape) {
  .wp-block-navigation__responsive-container-open:not(.always-shown) { display: block; }
  .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) { display: none; }
}

@media (max-width:600px) {
  header .wp-container-core-group-is-layout-c56e7142 { justify-content: end; }
}

/* Links */
nav.wp-block-navigation li.wp-block-navigation-link a.wp-block-navigation-item__content,
nav.tsf-breadcrumb .breadcrumb-item a,
nav.wp-block-query-pagination a.wp-block-query-pagination-previous,
nav.wp-block-query-pagination a.wp-block-query-pagination-next,
.entry-content a:not(.wp-block-button__link.wp-element-button),
.wp-block-post-navigation-link a,
.wp-block-column a,
:root :where(.wp-block-post-title a:where(:not(.wp-element-button))),
footer a { text-decoration-color: var(--wp--preset--color--primary-alt) !important; text-underline-offset: 4px; transition: 0.3s; }

nav.wp-block-navigation li.wp-block-navigation-link a.wp-block-navigation-item__content:hover,
nav.tsf-breadcrumb .breadcrumb-item a:hover,
nav.wp-block-query-pagination a.wp-block-query-pagination-previous:hover,
nav.wp-block-query-pagination a.wp-block-query-pagination-next:hover,
.entry-content a:not(.wp-block-button__link.wp-element-button):hover,
.wp-block-post-navigation-link a:hover,
.wp-block-column a:hover,
:root :where(.wp-block-post-title a:hover:where(:not(.wp-element-button))),
footer a:hover { text-decoration-color: var(--wp--preset--color--primary) !important; text-underline-offset: 2px; }

.is-style-term-button a:hover { background-color: var(--wp--preset--color--main-accent); }

nav.wp-block-query-pagination a.wp-block-query-pagination-previous,
nav.wp-block-query-pagination a.wp-block-query-pagination-next { text-decoration: underline; }

.wp-block-query-pagination-numbers a { background-color: var(--wp--preset--color--tertiary); }
.wp-block-query-pagination-numbers span.current { border-radius: 5px; border-width: 0; font-size: var(--wp--preset--font-size--small); font-weight: 500; padding: .5em 1em; background-color: var(--wp--preset--color--main-accent); }

.wp-block-query-pagination-numbers a:hover { text-decoration: none; background-color: var(--wp--preset--color--main-accent); }

/* Underline(s) */
body.home li.uvod a,
body.category-portfolio li.portfolio a,
body.category-katalog-pf li.katalog-pf a,
:root :where(.wp-block-post-title a:where(:not(.wp-element-button))) { text-decoration: underline; }

/* First <p> benlow the H1 */
.wp-block-group p:first-of-type,
.wp-block-column p:first-of-type { margin-top: .25rem; }

.wp-block-group .wp-block-term-description { margin-top: 0; }

/* Breadcrumbs */
nav.tsf-breadcrumb { font-size: var(--wp--preset--font-size--small); opacity: .5; }
nav.tsf-breadcrumb li.breadcrumb-item { text-transform: lowercase; }
nav.tsf-breadcrumb ol { padding-left: 0; }

/* Galleries */
figure.wp-block-image figcaption.wp-element-caption { display: none; }
.wp-block-gallery.has-nested-images figure.wp-block-image:has(figcaption):before { display: none; }

/* Image hover */
div.wp-block-cover.image-title .wp-block-cover__inner-container { opacity: 0; transition: 0.3s; }
div.wp-block-cover.image-title:hover .wp-block-cover__inner-container { opacity: 1; }
li.has-post-thumbnail a.ollie-group-link { text-decoration: none; }
@media (max-width:600px) {
  div.wp-block-cover.image-title .wp-block-cover__inner-container h2.wp-block-post-title {
    font-size: var(--wp--preset--font-size--base) !important;
  }
}

/* Repair width(s) */
@media (max-width:600px) {
  .work-gallery ul { padding: 0 24px !important; }
}

@media (max-width:781px) {
  footer .wp-block-columns,
  footer .wp-block-columns .wp-block-group { padding: 0 !important; }
}

/* Carousel height */
@media (max-width:600px) {
  .swiper-wrapper { display: flex; height: 70vh; }
  .swiper-wrapper .wp-block-cover { height: 70vh; }
}

/* Next-Prev nav */
.post-navigation-link-next.wp-block-post-navigation-link a::before { content: "← "; }
.post-navigation-link-previous.wp-block-post-navigation-link a::after { content: " →"; }

@media (max-width:600px) {
  .next-prev .wp-block-group { display: block; }
  .next-prev .post-navigation-link-next { padding-bottom: 1rem; }
}

/* Related posts */
.crp_related ul > li { list-style: none; }

.crp_related ul { margin: 0; padding-left: 0; display: flex; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--wp--preset--spacing--large); }
@media (max-width:600px) {
  .crp_related ul {
    flex-direction: column;
    grid-template-columns: 1fr;
  }
}

.crp_related li figure img { object-fit: cover; display: block; width: 100%; height: 255px; }

.crp_related li a span.crp_title { font-size: var(--wp--preset--font-size--small); font-weight: 600; }
.crp_related li a span.crp_title { position: absolute; top: 40%; left: 20%; width: 60%; height: auto; padding: 6px 12px; display: flex; justify-content: center; align-items: center; line-height: 1.1; border-radius: 5px; color: var(--wp--preset--color--main); background-color: var(--wp--preset--color--tertiary); pointer-events: none; opacity: 0; overflow: hidden; transition: 0.3s; }

.crp_related li a { position: relative; display: block; text-align: center; }
.crp_related li a:hover .crp_title { opacity: 1; }

/* Related posts - TaxoPress */
/*.custom-related-posts { max-width: var(--wp--style--global--wide-size); }

ul.st-related-posts { margin: 0; padding-left: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--wp--preset--spacing--large); }
@media (max-width:600px) {
  ul.st-related-posts {
    grid-template-columns: 1fr;
  }
}

ul.st-related-posts > li { list-style: none; }
.st-related-posts-in { height: 100%; display: flex; gap: var(--wp--preset--spacing--small); flex-direction: column; align-items: flex-start; flex-wrap: wrap; box-sizing: border-box; }
.st-related-posts-in h3 { margin: 20px 0; }
.st-related-posts-in p { margin-top: 0; }*/

/* PF image(s) */
/*body.category-katalog-pf figure.wp-block-post-featured-image img,
body.post-template-pf figure.wp-block-post-featured-image img { border: 1px solid #000; }*/

/* Tags */
.is-style-term-button a { font-size: var(--wp--preset--font-size--small); }

/* Map */
.wpmapblockrender, .osm { filter: grayscale(100%); }

/* Form */
#fluentform_1 label,
#fluentform_1 input,
#fluentform_1 textarea,
#fluentform_3 label,
#fluentform_3 input,
#fluentform_3 textarea { font-size: var(--wp--preset--font-size--small); }

#fluentform_1 input,
#fluentform_3 input { width: 70%; }

/* Lists */
ul.wp-block-navigation__submenu-container { padding-left: 2rem; }

ul.wp-block-categories-list li.cat-item { list-style-position: inside; }

/* Footer */
@media (max-width:781px) {
  footer .wp-block-columns { font-size: var(--wp--preset--font-size--small) !important; }
}