/*
Theme Name: Bubka Blocksy Child
Theme URI: https://bubka.be
Description: Child theme for Blocksy - bubka.be
Author: Bubka
Template: blocksy
Version: 1.0.1
Text Domain: blocksy-child
*/

.project-card .stk-inner-blocks {
	align-items: flex-start;
}

/* project cards */
[data-cards="cover"] .entry-title a,
[data-cards="cover"] .meta-categories {
	padding: 0.5em 0.7em;
	border-radius: 7px;
	background: #000;
}
.stk-hover-parent .stk-img-wrapper {
  display: block;
  overflow: hidden;
}
.stk-hover-parent .stk-img {
  transition: transform 0.4s ease;
}
.stk-hover-parent:hover .stk-img {
  transform: scale(1.08);
}
article > .ct-related-posts {
  border-top: none;
}
[data-cards="cover"] .entry-title a {
	padding: 0.5em 0.7em;
	border-radius: 7px;
	background: transparent;
	font-family: 'Brown', sans-serif;
	font-size: 30px;
	color: #fff;
}
[data-cards="cover"] .meta-categories {
	padding: 0.5em 0.7em;
	border-radius: 7px;
	background: #000;
}
.ct-related-posts-items .ct-related-more-work {
  display: block;
  aspect-ratio: 4/3;
}
.entries .ct-related-more-work {
  --card-inner-spacing: 0px !important;
}
  [data-cards="cover"] .ct-media-container,
  [data-cards="cover"] .ct-media-container img {
    width: 100% !important;
    height: 100%; !important;
  }
.ct-related-posts-items .wp-block-bubka-bubble-button {
  display: block;
  width: 100%;
  height: 100%;
}
.ct-related-posts-items .bubka-bubble-btn {
  display: inline-flex;
  width: 100%;
  height: 100%;
}
.ct-related-posts-items .ct-media-container {
  display: block;
  overflow: hidden;
}
.ct-related-posts-items .ct-media-container img {
  transition: transform 0.4s ease;
}
.ct-related-posts-items .ct-media-container:hover img {
  transform: scale(1.08);
}
/* Show project title only on hover — Work page, category archives, and Related Posts */
[data-cards="cover"] .entry-title,
.ct-related-posts-items .entry-title {
  opacity: 0;
  transition: opacity 0.3s ease;
}
[data-cards="cover"] article:hover .entry-title,
.ct-related-posts-items article:hover .entry-title {
  opacity: 1;
}

/* Show project title only on hover — home page black-section cards */
.stk-hover-parent .wp-block-stackable-column {
  opacity: 0;
  transition: opacity 0.3s ease;
}
.stk-hover-parent:hover .wp-block-stackable-column {
  opacity: 1;
}
/* Position the title as an overlay on top of the image */
.ct-related-posts-items article > div {
  position: relative;
}
.ct-related-posts-items .entry-title {
  position: absolute;
  left: 1em;
  bottom: 1em;
  margin: 0;
  z-index: 2;
  opacity: 0;
  transition: opacity 0.3s ease;
}
.ct-related-posts-items article:hover .entry-title {
  opacity: 1;
}

/* Match the Work page's pill styling exactly */
.ct-related-posts-items .entry-title a {
  display: inline-block;
	padding: 0.5em 1em;
  font-family: 'Brown', sans-serif !important;
  font-size: 30px !important;
  font-weight: 700;
  color: #fff !important;
  text-decoration: none;
}

/* Auto client-name line on project cards: two-line stacking + shared styling */
.bubka-card-client {
  display: block;
  font-family: 'Brown', sans-serif;
  font-weight: bold;
  font-size: 30px;
  line-height: 1.1;
  color: #fff;
}

[data-cards="cover"] .entry-title a,
.ct-related-posts-items .entry-title a {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.1em;
  font-weight: 500;
}

/* Unified inset + position for both Work/homepage cover cards and Related Posts */
[data-cards="cover"] .entry-title,
.ct-related-posts-items .entry-title {
  position: absolute !important;
  left: 16px !important;
  bottom: 16px !important;
  margin: 0 !important;
  z-index: 2 !important;
}

[data-cards="cover"] .entry-title a,
.ct-related-posts-items .entry-title a {
  gap: 0;
  	padding: 0.5em 0.7em;
  line-height: 1.15;
}

[data-cards="cover"] .bubka-card-client,
.ct-related-posts-items .bubka-card-client {
  padding: 0;
  line-height: 1.15;
}
.entries .ct-related-more-work {
  display: block;
}
.entries .wp-block-bubka-bubble-button {
  display: block;
  width: 100%;
  height: 100%;
}
.entries .bubka-bubble-btn {
  display: inline-flex;
  width: 100%;
  height: 100%;
}

/* Dark overlay on card hover */
.ct-media-container {
  position: relative;
}
.ct-media-container::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  background: rgba(0, 0, 0, 0.3)!important;
  opacity: 0;
  transition: opacity 0.3s ease;
  pointer-events: none;
}
.entry-card:hover .ct-media-container::after,
.ct-related-posts-items > article:hover .ct-media-container::after,
.entries > article:hover .ct-media-container::after {
  opacity: 1;
}
/* Breadcrumbs */
.wp-block-breadcrumbs li:last-child::before,
.wp-block-breadcrumbs li:nth-last-child(2)::after {
  content: none !important;
}
.wp-block-breadcrumbs li:nth-last-child(2) {
  margin-right: 0.4em;
/* Forminator custom button */
}
.forminator-custom-form .forminator-button-submit {
  position: relative;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  width: 200px !important;
  height: 76px !important;
  min-width: 0 !important;
  min-height: 0 !important;
  background-color: transparent !important;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin: 0 auto !important;
  cursor: pointer;
  font-weight: 700 !important;
  font-size: 16px !important;
  color: #f96a4e !important;
  transition: color 0.2s ease;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 181.96 62.65'%3E%3Cpath fill='none' stroke='%23f96a4e' stroke-width='3' d='M150.64,1.5c-5.43,0-10.53,1.46-14.91,4-4.39-2.54-9.48-4-14.91-4s-10.53,1.46-14.91,4c-4.39-2.54-9.48-4-14.91-4s-10.53,1.46-14.91,4c-4.39-2.54-9.48-4-14.91-4s-10.53,1.46-14.91,4c-4.39-2.54-9.48-4-14.91-4C14.85,1.5,1.5,14.85,1.5,31.33s13.35,29.83,29.83,29.83c5.43,0,10.53-1.46,14.91-4,4.39,2.54,9.48,4,14.91,4s10.53-1.46,14.91-4c4.39,2.54,9.48,4,14.91,4s10.53-1.46,14.91-4c4.39,2.54,9.48,4,14.91,4s10.53-1.46,14.91-4c4.39,2.54,9.48,4,14.91,4,16.47,0,29.83-13.35,29.83-29.83S167.11,1.5,150.64,1.5Z'/%3E%3C/svg%3E") !important;
}
.forminator-custom-form .forminator-button-submit:hover {
  color: #1e1e1e !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 181.96 62.65'%3E%3Cpath fill='%23f96a4e' d='M150.64,1.5c-5.43,0-10.53,1.46-14.91,4-4.39-2.54-9.48-4-14.91-4s-10.53,1.46-14.91,4c-4.39-2.54-9.48-4-14.91-4s-10.53,1.46-14.91,4c-4.39-2.54-9.48-4-14.91-4s-10.53,1.46-14.91,4c-4.39-2.54-9.48-4-14.91-4C14.85,1.5,1.5,14.85,1.5,31.33s13.35,29.83,29.83,29.83c5.43,0,10.53-1.46,14.91-4,4.39,2.54,9.48,4,14.91,4s10.53-1.46,14.91-4c4.39,2.54,9.48,4,14.91,4s10.53-1.46,14.91-4c4.39,2.54,9.48,4,14.91,4s10.53-1.46,14.91-4c4.39,2.54,9.48,4,14.91,4,16.47,0,29.83-13.35,29.83-29.83S167.11,1.5,150.64,1.5Z'/%3E%3C/svg%3E") !important;
}
.forminator-custom-form .forminator-button-submit:hover,
.forminator-custom-form .forminator-button-submit:focus,
.forminator-custom-form .forminator-button-submit:active {
  box-shadow: none !important;
  filter: none !important;
  outline: none !important;
}

/* Active state for category/job-filter bubble buttons (decoupled from the button's own hover color) */
.bubka-bubble-btn.is-active {
  color: #1e1e1e !important;
}
.bubka-bubble-btn.is-active .bubka-bubble-btn__shape-base {
  fill: #f96a4e !important;
  stroke: #f96a4e !important;
}
/* Hover scroll mobile */
@media (max-width: 689px) {
  /* Dark overlay */
  .entry-card.bubka-in-view .ct-media-container::after,
  .ct-related-posts-items > article.bubka-in-view .ct-media-container::after,
  .entries > article.bubka-in-view .ct-media-container::after {
    opacity: 1;
  }

  /* Title reveal */
  [data-cards="cover"] article.bubka-in-view .entry-title,
  .ct-related-posts-items article.bubka-in-view .entry-title {
    opacity: 1;
  }

  /* Image zoom */
  .ct-related-posts-items > article.bubka-in-view .ct-media-container img {
    transform: scale(1.08);
  }
}