/* Single post categories and tags */

:where(.wp-site-blocks) > * {
    margin-block-start: 0!important;
    margin-block-end: 0;
}


@media (min-width: 1000px) {
 /*รูปหน้า Post*/
.my-custom-featured-image {
  width: 80%;
  height: auto;
  display: block;
  margin: 0 auto;
  border-radius: 0;
}
.progress-text {
	position:absolute; bottom:8px!important;
} 
.btn-id {
    padding: 5px 2px!important;
}

}

.superb-single-post-tags-categories .taxonomy-post_tag, 
.superb-single-post-tags-categories .taxonomy-category {
	margin:0px !important;
}
.superb-single-post-tags-categories .taxonomy-post_tag a, 
.superb-single-post-tags-categories .taxonomy-category a{
	border-radius: 5px;
	border:1px solid var(--wp--preset--color--mono-3);
	padding: 5px 10px;
	text-decoration:none !important;
	display:inline-block;
	margin-right:5px !important;
	margin-bottom:8px !important;
	color: var(--wp--preset--color--mono-2);
}
.superb-single-post-tags-categories .taxonomy-post_tag a:hover, 
.superb-single-post-tags-categories .taxonomy-category a:hover {
	border:1px solid var(--wp--preset--color--primary);
	color: var(--wp--preset--color--primary);
}
/* Contact us boxes */
.column-parent-border-radius .wp-block-column {
	border-radius:20px;
}

/* Footer one */
.superbthemes-footer-one .wp-block-navigation{
	margin-top:0px !important;
}

/* Off canvas close button fix */
.wp-block-navigation__responsive-container.is-menu-open {
	padding:20px !important;
}

/* Comments start */
.wp-block-comments #reply-title,
.wp-block-comments h2#comments {
	font-size: 26px;
}

.wp-block-comments p.logged-in-as,
.wp-block-comments p.comment-notes,
.wp-block-comments label {
	font-size:16px;
}
.wp-block-comments .wp-block-post-comments-form input:not([type=submit]):not([type=checkbox]), 
.wp-block-comments .wp-block-post-comments-form textarea {
	padding: 10px 15px;
	font-size: 15px;
}
.wp-block-post-comments-form .comment-form-cookies-consent #wp-comment-cookies-consent {
	margin-top:3px;
}
.comment-form input:not([type=submit]), 
.comment-form textarea {
	border-radius:5px;
	border:1px solid var(--wp--preset--color--mono-2);
}

/* Remove template margin */
.wp-block-template-part {
	margin-top: 0px !important;
}

@media only screen and (max-width: 768px) {
	/* navigation-004 start */
	.superbthemes-navigation-004 .superbthemes-navigation-004-columns-wrapper .superbthemes-navigation-004-columns-button {
		display: none !important;
	}
	.superbthemes-navigation-004 .superbthemes-navigation-004-columns-wrapper .superbthemes-navigation-004-columns-logo {
		flex-basis: 40% !important;
	}
	.superbthemes-navigation-004 .superbthemes-navigation-004-columns-wrapper .superbthemes-navigation-004-columns-nav {
		flex-basis: 60% !important;
	}
	.superbthemes-navigation-004 .superbthemes-navigation-004-columns-wrapper .superbthemes-navigation-004-columns-nav .wp-block-navigation__container{
		justify-content: end !important;
	}
	.superbthemes-navigation-004 .superbthemes-navigation-004-headline {
		word-break:break-all !important;
	}


	/* features-005 start */
	.superbthemes-features-005 .wp-block-columns .wp-block-column{
		max-width: 48% !important;
		width: 100% !important;
	}

	/* footer-001 start */
	.superbthemes-footer-001 {
		text-align: center;
	}
	.superbthemes-footer-001 ul {
		justify-content: center!important;
	}
}

@media only screen and (max-width: 599px) { 
	/* navigation-004 start */
		.superbthemes-navigation-004 .superbthemes-navigation-004-columns-wrapper .superbthemes-navigation-004-columns-nav .wp-block-navigation__container li a {
		font-size:18px;
	}
	.has-modal-open .wp-block-navigation .wp-block-navigation__responsive-dialog { 
		justify-content: center !important; 
		display: flex; 
	}
	.superbthemes-navigation-004 .superbthemes-navigation-004-columns-wrapper .superbthemes-navigation-004-columns-nav .wp-block-navigation__container {
		align-items:center !important;
	}
	.superbthemes-navigation-004 .superbthemes-navigation-004-columns-wrapper .superbthemes-navigation-004-columns-nav {
		flex-basis: 20% !important;
	}
	.superbthemes-navigation-004 .superbthemes-navigation-004-columns-wrapper .superbthemes-navigation-004-columns-logo {
		flex-basis: 80% !important;
	}
	.superbthemes-navigation-004 .superbthemes-navigation-004-columns-wrapper .superbthemes-navigation-004-columns-nav nav {
		justify-content: end !important;
		display:flex !important;
	}
	.superbthemes-navigation-004 .superbthemes-navigation-004-headline {
		font-size:38px !important;
	}

	/* features-005 start */
	.superbthemes-features-005 .wp-block-columns .wp-block-column{
		max-width: 100% !important;
	}
	.superbthemes-features-005 .wp-block-columns .wp-block-column .wp-block-group {
		justify-content: center !important;
		flex-direction: column !important;
		flex-wrap: wrap !important;
		align-items: center !important;
	}


/* Navigation superbthemes navigation two columns */
.superbthemes-navigation-two-columns .superbthemes-navigation-two-columns-left {
	flex-basis: 80% !important;
}
.superbthemes-navigation-two-columns .superbthemes-navigation-two-columns-right {
	flex-basis: 20% !important;
}
.superbthemes-navigation-two-columns .is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container {
	align-self: center;
}
.superbthemes-navigation-two-columns .is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container li,
.superbthemes-navigation-two-columns .is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container li .wp-block-navigation-item__content {
	align-self: center;
}
}

/* Blog Feed One  */
.blog-feed-one .wp-block-post-featured-image {
	min-width:40% !important;
	width:40%;
}
.blog-feed-one .wp-block-query-pagination-numbers>a,
.blog-feed-one .wp-block-query-pagination-numbers>span {
	border-radius: 3px;
	border:1px solid var(--wp--preset--color--mono-3);
	padding: 5px 10px;
}
.blog-feed-one .wp-block-query-pagination-numbers>span.current {
	opacity: 0.5;
}
.blog-feed-one .wp-block-query-pagination-numbers>span.page-numbers.dots {
	border: 0px;
	padding: 5px 4px;
}
@media only screen and (max-width: 750px) {
	.blog-feed-one .wp-block-post-featured-image {
		min-width:100% !important;
		width:100%;
	}
	.blog-feed-one .has-post-thumbnail .wp-block-group{
		-ms-flex-wrap:wrap !important;
		flex-wrap:wrap !important;
	}
	.blog-feed-one .wp-block-query-pagination-numbers {
		display:none;
	}
}
/* Featured post banner */
@media only screen and (max-width: 781px) { 
	.featured-post-banner .wp-block-social-links {
		justify-content: center !important;
	}
	.featured-post-banner .wp-block-post-template .wp-block-group {
		justify-content: center !important;
	}
}


/* Full width page template  */
.page-template-page-full-width .entry-content {
	margin-top: 0px;
}


/* Navigation three */
@media only screen and (max-width: 1024px) {
	.superbthemes-navigation-three .superbthemes-navigation-three-columns-wrapper .superbthemes-navigation-three-columns-button {
		display: none !important;
	}
	.superbthemes-navigation-three .superbthemes-navigation-three-columns-wrapper .superbthemes-navigation-three-columns-logo {
		flex-basis: 40% !important;
	}
	.superbthemes-navigation-three .superbthemes-navigation-three-columns-wrapper .superbthemes-navigation-three-columns-nav {
		flex-basis: 60% !important;
	}
	.superbthemes-navigation-three .superbthemes-navigation-three-columns-wrapper .superbthemes-navigation-three-columns-nav .wp-block-navigation__container{
		justify-content: end !important;
	}
	.superbthemes-navigation-three .superbthemes-navigation-three-headline {
		word-break:break-all !important;
	}
}
@media only screen and (max-width: 599px) { 
	.superbthemes-navigation-three .superbthemes-navigation-three-columns-wrapper .superbthemes-navigation-three-columns-nav .wp-block-navigation__container {
		align-items:center !important;
	}
	.superbthemes-navigation-three .superbthemes-navigation-three-columns-wrapper .superbthemes-navigation-three-columns-nav .wp-block-navigation__container li a {
		font-size:18px;
	}
	.superbthemes-navigation-three .superbthemes-navigation-three-columns-wrapper .superbthemes-navigation-three-columns-nav {
		flex-basis: 20% !important;
	}
	.superbthemes-navigation-three .superbthemes-navigation-three-columns-wrapper .superbthemes-navigation-three-columns-logo {
		flex-basis: 80% !important;
	}
	.superbthemes-navigation-three .superbthemes-navigation-three-columns-wrapper .superbthemes-navigation-three-columns-nav nav {
		justify-content: end !important;
		display:flex !important;
	}
	.superbthemes-navigation-three .superbthemes-navigation-three-headline {
		font-size:38px !important;
	}
}


/* Author bio pattern  */
@media only screen and (min-width: 600px) {
	.author-introduction-pattern .wp-block-media-text .wp-block-media-text__content {
		padding:0 4%;
	}
}
@media only screen and (max-width: 600px) {
	.author-introduction-pattern .wp-block-media-text  {
		text-align:center;
	}
	.author-introduction-pattern .wp-block-media-text__media{
		text-align:center;
	}
	.author-introduction-pattern .wp-block-media-text__media img{
		max-width: 100px;
	}
}




/* WooCommerce */
.woocommerce-page.woocommerce-uses-block-theme .has-global-padding {
    padding-left:var(--wp--preset--spacing--superbspacing-small);
    padding-right:var(--wp--preset--spacing--superbspacing-small);
}
.woocommerce-page.woocommerce-uses-block-theme.woocommerce-account.woocommerce-page .entry-content.wp-block-post-content.has-global-padding {
    max-width: 100%;
    padding-left: 0px;
    padding-right: 0px;
}
.woocommerce-page.woocommerce-uses-block-theme .woocommerce-ordering select{
    padding: 12px 40px 12px 25px;
    background-color: #fff;
    cursor: pointer;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iNSIgdmlld0JveD0iMCAwIDEwIDUiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBkPSJNNC41MDQ5NSA0LjgyMDExTDAuMjA1MjQxIDEuMDQ4NTZDLTAuMDY4NDEzNyAwLjgwODY0NiAtMC4wNjg0MTM3IDAuNDE5NjYzIDAuMjA1MjQxIDAuMTc5ODY0QzAuNDc4NjUyIC0wLjA1OTk1NDcgMC45MjIwOTggLTAuMDU5OTU0NyAxLjE5NTQ5IDAuMTc5ODY0TDUuMDAwMDcgMy41MTcxTDguODA0NTIgMC4xNzk5NjFDOS4wNzgwNSAtMC4wNTk4NTc3IDkuNTIxNDUgLTAuMDU5ODU3NyA5Ljc5NDg2IDAuMTc5OTYxQzEwLjA2ODQgMC40MTk3OCAxMC4wNjg0IDAuODA4NzQzIDkuNzk0ODYgMS4wNDg2Nkw1LjQ5NTA4IDQuODIwMkM1LjM1ODMxIDQuOTQwMTEgNS4xNzkyNSA1IDUuMDAwMDkgNUM0LjgyMDg1IDUgNC42NDE2NSA0Ljk0IDQuNTA0OTUgNC44MjAxMVoiIGZpbGw9IiM3Njc2NzYiLz4NCjwvc3ZnPg0K);
    background-repeat: no-repeat;
    background-position: calc(100% - 20px) 50%;
    -webkit-transition: .1s;
    -o-transition: .1s;
    transition: .1s;
    border: 1px solid var(--wp--preset--color--mono-2);
}




/* ✅ สำหรับมือถือ */
@media (max-width: 768px) {
    .movie-gallery {
        justify-content: center; /* จัดรูปให้อยู่กลาง */
    }
}




        
.multi-gallery-tabs {
    margin-bottom: 20px;
    display: flex;
    gap: 10px;
    flex-wrap: nowrap;           /* ป้องกัน wrap */
    overflow-x: auto;            /* เปิด scroll แนวนอน */
    -webkit-overflow-scrolling: touch; /* smooth บนมือถือ */
    scroll-behavior: smooth;
    padding: 10px 10px;
}

/* ปุ่มสวย มีเงา */
.multi-gallery-tabs button {
    flex: 0 0 auto;              /* ป้องกันปุ่มยืดตาม container */
    padding: 8px 16px;
    border: none;
    border-radius: 8px;
    background: #333;
    color: #fff;
    font-weight: 700;
    cursor: pointer;
    transition: all 0.3s ease;
    box-shadow: 0 4px 8px rgba(0,0,0,0.3); /* เงา */
}

.multi-gallery-tabs button:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 12px rgba(0,0,0,0.4);
}

.multi-gallery-tabs button.active {
    background: #eaff00;
    color: #000;
    box-shadow: 0 6px 12px rgba(0,0,0,0.5);
}

/* Scrollbar สีรุ้ง */
.multi-gallery-tabs::-webkit-scrollbar {
    height: 8px;
    background: linear-gradient(45deg, #b0ad00ff, #eaff00ff); /* ลาย gradient */
}

.multi-gallery-tabs::-webkit-scrollbar-thumb {
 background: linear-gradient(45deg, #9d9800ff, #efe700ff); /* ลาย gradient */
    border-radius: 10px;
    
    
}

.multi-gallery-tabs::-webkit-scrollbar-track {
     background: #fff;
}

/* ป้องกัน Firefox scroll สีเทา */
.multi-gallery-tabs {
  /*  scrollbar-width: thin; */
    background: linear-gradient(45deg, #ba7000, #edb600); /* ลาย gradient */
}
    .movie-gallery-container { position: relative; width: 100%; min-height: 200px; }
    .movie-gallery {
        display:flex; flex-wrap:wrap; gap:15px;
        position:absolute; top:0; left:0; width:100%;
        transition: opacity 0.3s ease;
        opacity:0; pointer-events:none;
    }
    .movie-gallery.active { opacity:1; pointer-events:auto; position:relative; }
    .movie-gallery .gallery-item { width:150px; text-align:center; position:relative; overflow:hidden; border-radius:6px; }
    .movie-gallery .gallery-item img { width:100%; display:block; border-radius:6px; cursor:pointer; }

    .progress-overlay { position:absolute; bottom:-10px; left:0; width:100%; padding:2px 0 16px; text-align:center; }
    .progress-bar { width:100%; background:#eee; border-radius:3px; overflow:hidden; height:14px; }
    .progress-bar div { height:14px; }
    .progress-text { position:absolute; bottom:12px; left:0; width:100%; font-size:11px; text-align:center; font-weight:bold; }
    .progress-text.text-white { color:#fff; }
    .progress-text.text-dark { color:#111; }

    /* Popup */
    #popup { display:none; position:fixed; top:0; left:0; right:0; bottom:0; background: rgba(0,0,0,0.8); justify-content:center; align-items:center; z-index:9999;margin-top: -6px; }
   /* Inner ครอบเต็ม popup แต่ยังใช้ flex center */
#popup .popup-inner {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    background: transparent;
    display: flex;
    justify-content: center;
    align-items: center;
}

/* iframe ครอบเต็ม inner */
#popup-content iframe {
    max-width: 100vw;
    max-height: 100vh;
    width: 100vw;
    height: 100vh;
    border: none;
    display: block;
	
}

/* ปุ่มปิด */
#popup-close {
    position: absolute;
    top: 17px;
    right: 20px;

    width: 44px;
    height: 44px;

    font-size: 32px;
    color: #fff;
    cursor: pointer;
    z-index: 10000;
    font-weight: bold;

    background-color: rgb(255, 0, 0);
    border-radius: 50%;

    display: flex;
    align-items: center;
    justify-content: center;
}

.hidden-item {
  display: none;
}



/*ปุ่มscall*/

     
.btn-id {
    display: inline-flex;          /* ใช้ inline-flex เพื่อจัดข้อความตรงกลาง */
    justify-content: center;       /* จัดข้อความแนวนอนกลาง */
    align-items: center;           /* จัดข้อความแนวตั้งกลาง */
    font-size: 15px;
    padding: 10px 2px;
    background-color: #e30298;
    color: #fff!important;
    font-weight: 600;
    border: none;
    border-radius: 10px;
    box-shadow: 0 4px 8px rgba(0,0,0,0.2);
    cursor: pointer;
    transition: all 0.3s ease;
   text-decoration: none!important;
    max-width: 150px;
    width: auto;
    text-align: center;
    margin: 0 auto;               /* จัดกลางใน container */
    display: block;      
	margin-top: -20px;          /* ต้องเป็น block หรือ inline-block จึงใช้ margin auto ได้ */
}

.btn-id:hover {
    background-color: #9c0078;
}