/*
Theme Name: Segathai by Lunako
Theme URI: 
Author: Lunako
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: segathai
Tags: 
*/

html {
	scroll-behavior: smooth;
}

body {
  overflow-x: hidden;
  width: 100%;
}

/* * {
	max-width: 100%;
	box-sizing: border-box;
} */

@media ( max-width: 400px ) {
    .wp-block-group-is-layout-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 600px) {
	.primary-menu {
      order: 3;
  }
  .column-3 {
    grid-template-columns: 1fr;
  }
}

  .block-service {
    height: 100%;
  }

  /* Primary button hover */
.wp-block-button.is-style-primary .wp-block-button__link:hover,
.wp-block-button.is-style-secondary .wp-block-button__link:hover {
	opacity: 0.9;
  transition: all 0.3s ease;
}

.splide__pagination {
  position: static;
}

.splide__pagination__page {
  background: #fff;
  border: 1px solid var(--wp--preset--color--primary);

}

.splide__pagination__page.is-active {
  background: var(--wp--preset--color--primary);
  transform: scale(1);
}

.column-2-3 {
  display: flex;
  flex-direction: column;
}

@media ( min-width: 992px )  {
  .column-2-3 {
    display: grid !important;
    grid-template-columns: 2fr 3fr;
  }
}

.card-post {
  overflow: hidden;
  
}

@media( min-width: 611px )  {
  .card-post {
    height: 100%;
    max-height: 100%;
  }
}

.card-post:hover img {
  transform: scale(1.1);
  transition: 0.3s all ease;
}


.card-post .wp-block-buttons {
  margin-top: auto;
}

.card-post figure {
  height: auto;
  overflow: hidden;
  width: 100%;
}

.card-post img {
  height: fit-content;
  transform: scale(1);
  transition: 0.3s all ease;
}


.card-post .wp-block-post-featured-image a {
  height: fit-content;
}

@media( min-width: 992px ) {
  .card-post figure {
      height: -webkit-fill-available;
  }
  .card-post img {
    height: 100%;
    max-height: 100%;
  }
  .card-post .wp-block-post-featured-image a {
    height: 100%;
    max-height: 100%;
  }

  .card-post .wp-block-group {
    height: 100%;
    max-height: 100%;
  }
}



.card-post .wp-block-post-excerpt__excerpt {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;

}

@media ( max-width: 992px )  {
  .card-post-content {
    padding-inline: 16px !important;
  }
}

.product-item {
	display: flex;
	flex-direction: column;
	box-shadow: 0px 10px 18px #9a9a9a;
	border-radius: 8px;
	/*height: 100%;*/
    max-height: 600px;
	/*align-self: stretch;*/
}

.product-item__thumb img {
	max-width: 100%;
  width: 100%;
	height: 100%;
	display: block;
  object-fit: cover;
}

.product-item__body {
	display: flex;
	gap: 16px;
	flex-direction: column;
	padding: 16px 16px 32px;
}

.product-item__terms {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

.product-item__term-values {
	font-size: 14px;
	border-radius: 8px;
	border: 1px solid var(--wp--preset--color--secondary);
	padding: 2px 8px;
}

.product-item__title {
	font-size: 1rem;
	font-weight: 600;
	margin: 0;
}

.product-item__price {
	font-size: 1rem;
	margin-top: auto;
}

.heading-primary {
  font-size: var(--wp--preset--font-size--x-large);
  font-weight: 600;
  text-align: center;
  color: var(--wp--preset--color--primary);
  position: relative;
  display: flex;
  justify-content: center;
  margin: 0;
}

.heading-primary::after {
  content: '';
  height: 1px;
  width: 120px;
  position: absolute;
  background-color: var(--wp--preset--color--primary);
  bottom: -10px;
}

.post-card__item {
  display: flex;
  flex-direction: column;
  box-shadow: var(--wp--preset--shadow--deep);
  border-radius: 8px;
  overflow: hidden;
}

@media( min-width: 992px ) {
  .post-card__item {
    display: grid;
    grid-template-columns: 2fr 3fr;
  }
}

.post-card__warpper-content {
  font-size: 1rem;
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 16px;
}

.post-card__date {
  font-size: 14px;
  font-weight: 300;
  color: #5b5b5b;
}

.post-card__title {
  font-size: var(--wp--preset--font-size--large);
  color: var(--wp--preset--color--primary);
  font-weight: 600;
  margin: 0;
}

.post-card__excerpt {
  color: #5b5b5b;
  font-size: 14px;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.button-more {
  color: #fff;
  background-color: var(--wp--preset--color--primary);
  padding: 4px 16px;
  border-radius: 8px;
  width: fit-content;
}

.post-card__thumb img {
  width: 100%;
  height: 100%;
  max-height: 100%;
  object-fit: cover;
}

.post-card__thumb {
  height: 100%;
  max-height: 100%;
}

.post-card__thumb_link {
  height: 100%;
  max-height: 100%;
  display: block;
}

.trp-shortcode-switcher__wrapper {
  display: flex;
}


/* Current page */
.wp-block-navigation a[aria-current="page"] {
	color: var(--wp--preset--color--primary);
	position: relative;
}

/* underline animation */
.wp-block-navigation a[aria-current="page"]::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: -4px;
	width: 100%;
	height: 2px;
	background: var(--wp--preset--color--secondary);
}

@media( max-width: 992px ) {
  .group-menu-footer {
    align-items: baseline;
}
}