/*
Theme Name: Laas Diagnostika
Theme URI: http://example.com
Author: Your Name
Author URI: http://example.com
Description: Block-based WordPress theme for Laas Diagnostika
Version: 1.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: laas
Tags: block-based, fse, full-site-editing
*/

/* utility classes */
.align-items-start {
  align-items: flex-start;
}

.hr-short {
  max-width: 30px;
  width: 100%;
}

a {
  color: var(--wp--preset--color--primary);
}

.angled-container {
  /* Clip-path for 45° cuts */
  clip-path: polygon(
    7% 0%,
    /* top-left cut */ 100% 0%,
    /* top-right */ 100% 80%,
    /* bottom-right cut */ 93% 100%,
    /* bottom-right cut */ 0% 100%,
    /* bottom-left */ 0% 20% /* top-left cut */
  );
}

.angled-button .wp-block-button__link,
.angled-button-bordered .wp-block-button__link,
.contact .forminator-guttenberg .forminator-button {
  /* Clip-path for 45° cuts */
  clip-path: polygon(
    15% 0%,
    /* top-left cut */ 100% 0%,
    /* top-right */ 100% 50%,
    /* bottom-right cut */ 85% 100%,
    /* bottom-right cut */ 0% 100%,
    /* bottom-left */ 0% 50% /* top-left cut */
  );
  transition: clip-path 0.3s, background-color 0.3s, color 0.3s;
  font-family: var(--wp--preset--font-family--chakra-petch) !important;
  font-weight: 600 !important;
}

.angled-button-bordered {
  /* Clip-path for 45° cuts */
  clip-path: polygon(
    15% 0%,
    /* top-left cut */ 100% 0%,
    /* top-right */ 100% 50%,
    /* bottom-right cut */ 85% 100%,
    /* bottom-right cut */ 0% 100%,
    /* bottom-left */ 0% 50% /* top-left cut */
  );
  background-color: var(--wp--preset--color--primary) !important;
  padding: 1px;
  transition: clip-path 0.3s, border-color 0.3s;
}

/* Reset clip path on hover */
.angled-button:hover .wp-block-button__link,
.angled-button-bordered:hover,
.contact .forminator-guttenberg .forminator-button:hover {
  /* Clip-path for 45° cuts */
  clip-path: polygon(
    0% 0%,
    /* top-left cut */ 100% 0%,
    /* top-right */ 100% 0%,
    /* bottom-right cut */ 100% 100%,
    /* bottom-right cut */ 0% 100%,
    /* bottom-left */ 0% 0% /* top-left cut */
  );
  background-color: color-mix(
    in srgb,
    var(--wp--preset--color--primary) 85%,
    black
  ) !important;
}

.angled-button-bordered:hover .wp-block-button__link {
  /* Clip-path for 45° cuts */
  clip-path: polygon(
    0% 0%,
    /* top-left cut */ 100% 0%,
    /* top-right */ 100% 0%,
    /* bottom-right cut */ 100% 100%,
    /* bottom-right cut */ 0% 100%,
    /* bottom-left */ 0% 0% /* top-left cut */
  );
  color: var(--wp--preset--color--primary) !important;
}

/* Hide ONLY on mobile (phones & small tablets) */
.hide-mobile {
  display: none !important;
}

/* Change default block navigation breakpoint */

.wp-main-nav {
  order: 2;
}
.header-btns {
  order: 1;
  margin-left: auto !important;
}

.wp-block-navigation .wp-block-navigation__submenu-icon svg {
  margin-left: 5px;
  margin-top: 0;
}

.wp-block-navigation
  .wp-block-navigation-item__content.wp-block-navigation-item__content,
.wp-block-navigation-item.open-on-click
  .wp-block-navigation-submenu__toggle
  + .wp-block-navigation__submenu-icon {
  transition: color 0.3s;
}

.wp-block-navigation
  .wp-block-navigation-item__content.wp-block-navigation-item__content:hover,
.wp-block-navigation
  .wp-block-navigation-item__content.wp-block-navigation-item__content:focus,
.wp-block-navigation-item.open-on-click
  .wp-block-navigation-submenu__toggle:hover
  + .wp-block-navigation__submenu-icon,
.wp-block-navigation-item.open-on-click
  .wp-block-navigation-submenu__toggle:focus
  + .wp-block-navigation__submenu-icon {
  color: var(--wp--preset--color--primary);
}

.responsive-h1 {
  font-size: clamp(2rem, 4vw, 3.5rem) !important;
}

.responsive-h2 {
  font-size: clamp(1.7rem, 3vw, 3rem) !important;
}

.responsive-h3 {
  font-size: clamp(1.3rem, 2vw, 2rem) !important;
}

.grid-card-item {
  display: flex;
  flex-direction: column;
  row-gap: 32px;
}

.patterned-bg::after {
  content: "";
  background-image: url(/wp-content/uploads/2025/12/pattern.svg);
  position: absolute;
  inset: 0;
  z-index: -1;
  opacity: 0.2;
  border-top: 2px solid var(--wp--preset--color--primary);
  border-bottom: 2px solid var(--wp--preset--color--primary);
}

.swiper-pagination-bullet {
  background-color: #fff;
}

.swiper-pagination-bullet-active {
  background-color: var(--wp--preset--color--primary);
}

.swiper-button-next,
.swiper-button-prev {
  color: var(--wp--preset--color--primary);
  width: 30px;
  height: 30px;
}

.testimonial-swiper {
  padding: 50px;
  overflow: hidden;
}

.contact > div {
  width: 100%;
  max-width: 500px;
}

.contact .forminator-guttenberg .forminator-button {
  margin-top: 10px !important;
}

.footer {
  border-top: 1px solid #293b4d;
}

.footer ul {
  padding: 0;
}

.footer li {
  list-style: none;
  margin-top: 5px;
}

.price-list p {
  margin-block-start: 10px;
}

.price-list .wp-block-columns::before {
  content: "";
  position: absolute;
  top: 14px;
  height: 0px;
  width: 99%;
  border: 1px dashed;
  z-index: -1;
}

.price-list .wp-block-columns h2 {
  display: inline-block;
  background-color: #121212;
}

.price-list .wp-block-columns > div:first-child h2 {
  padding-right: 10px;
}

.price-list .wp-block-columns > div:last-child {
  flex: none !important;
}

.price-list .wp-block-columns > div:last-child h2 {
  padding-left: 10px;
}

@media (min-width: 1000px) {
  .wp-block-navigation__responsive-container-open:not(.always-shown) {
    display: none !important;
  }
  .wp-block-navigation__responsive-container:not(.hidden-by-default):not(
      .is-menu-open
    ) {
    display: block !important;
  }
  .header-btns {
    display: block;
  }
  .wp-main-nav {
    order: 1;
  }
  .header-btns {
    order: 2;
    margin-left: initial !important;
  }
  .wp-block-navigation__container
    .has-child
    .wp-block-navigation-submenu__toggle[aria-expanded="true"]
    ~ .wp-block-navigation__submenu-container.mega-menu-container {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    position: absolute;
    width: 800px;
    left: -400px;
    align-items: flex-start;
    gap: 20px;
    top: 60px;
    padding: 20px;
    border: 1px solid var(--wp--preset--color--primary);
  }
  .grid-card-item {
    display: grid;
    row-gap: initial;
    flex-direction: initial;
  }
  .footer .text-right {
    text-align: right;
  }
  .header-row .wp-main-nav {
    column-gap: clamp(10px, 2.5vw, 40px) !important;
  }
}

@media (min-width: 768px) {
  .hero-content-fluid {
    width: clamp(400px, 50vw, 700px) !important;
  }
}

@media (min-width: 600px) {
  .wp-block-navigation__responsive-container-open:not(.always-shown) {
    display: flex;
  }
  .wp-block-navigation__responsive-container:not(.hidden-by-default):not(
      .is-menu-open
    ) {
    display: none;
  }
}

@media (max-width: 1000px) {
  .grid-card-item .wp-block-media-text__media,
  .grid-card-item.wp-block-media-text.is-image-fill-element
    .editor-media-container__resizer {
    min-height: auto !important;
    height: 200px !important;
    width: 100%;
  }
  .grid-card-item .wp-block-media-text__content,
  .patterned-bg .wp-block-media-text__content {
    padding: 0;
  }
  .patterned-bg > div {
    display: flex !important;
    flex-direction: column;
    row-gap: 32px;
  }
  .patterned-bg .wp-block-media-text__media {
    width: 100% !important;
  }
  .footer .is-layout-grid {
    grid-template-columns: 1fr 1fr;
    row-gap: 50px;
  }
  .wp-block-navigation__responsive-dialog {
    padding: 30px;
  }
  .wp-block-navigation__container {
    row-gap: 10px !important;
    text-align: left;
    align-items: flex-start !important;
    text-align: left !important;
  }
  .wp-block-navigation__container .wp-block-navigation-submenu,
  .wp-block-navigation__container .wp-block-navigation-submenu ul {
    align-items: flex-start !important;
    padding: 0 !important;
  }
  .wp-block-navigation__container .wp-block-navigation-submenu ul {
    margin-top: 10px !important;
  }
  .wp-block-navigation__responsive-container-close {
    right: 30px;
    top: 30px;
  }
  .wp-block-navigation__responsive-container-content {
    align-items: flex-start !important;
  }
  .wp-container-core-social-links-is-layout-d445cf74{
    justify-content: flex-start;
  }
}

@media (max-width: 768px) {
  .hero-section {
    flex-direction: column;
    row-gap: 50px;
  }
  .hero-section > div:first-child {
    order: 1;
  }
  .hero-section > div:last-child {
    order: 2;
  }
  .accolades {
    display: flex !important;
    row-gap: 32px;
    flex-direction: column;
  }
  .accolades > div {
    align-items: flex-start;
  }
  .accolades h2,
  .accolades p {
    text-align: left !important;
  }
  .services-grid {
    grid-template-columns: 1fr !important;
  }
  .patterned-bg .wp-block-media-text__media {
    min-height: auto !important;
    height: 200px !important;
    width: 100% !important;
  }

  .header-spacer {
    height: 10px !important;
    margin: 0 !important;
  }
  .header-row {
    flex-wrap: wrap;
  }
  .header-row .header-btns {
    order: 2;
    width: 100%;
  }

  .footer .is-layout-grid {
    grid-template-columns: 1fr;
  }
}