/*
Theme Name: 	Thailand
Theme URI: 		
Author: 			Jujist
Author URI: 	
Version: 		0.10
Text Domain: 	thai
*/


:root {
	--primary: rgb(251 191 36);
	--amber-400: #fbbf24;
	--amber-500: #f59e0b;
}

.bg-thai-tm {background-image: linear-gradient(to bottom right, #1e3a8a, #0f172a);}

.header-nav  {background-image: linear-gradient(to bottom, rgba(0,0,0,0.95) 10%, rgba(0,0,0,0.15));}
.header-nav .main-nav {}
.header-nav .main-nav .item {color: #e5e7eb; }
.header-nav .main-nav .item:not(.active):hover {color: #fbbf24}
.header-nav .main-nav .item.active {color: white;}
.header-nav.scroll-fixed  {background-color: #0f172abd;}

.lang-switcher {}
.lang-switcher-submenu .item {color: white; cursor: pointer; width: 100%; display: flex; align-items: center; gap: 0.75rem; padding-left: 1rem; padding-right: 1rem; padding-top: 0.75rem; padding-bottom: 0.75rem; text-align: left; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; color: rgb(255 255 255);}
.lang-switcher-submenu .item.active {color: #fbbf24; background-color: #f59e0b33; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms;}
.lang-switcher-submenu .item.active:hover {background-color: #ffffff1a}
.lang-switcher-submenu .item .if-active {display: none;}
.lang-switcher-submenu .item.active .if-active {display: block;}

.mobile-menu-button {}
.mobile-menu-button .lucide-menu {}
.mobile-menu-button .lucide-x {display: none;}
.mobile-menu-button.active {}
.mobile-menu-button.active .lucide-menu {display: none;}
.mobile-menu-button.active .lucide-x {display: block;}

.mobile-menu {background-color: #0f172abd;}
.mobile-menu .item {color: #d1d5db; display: block; padding-left: 0.75rem; padding-right: 0.75rem; padding-top: 0.5rem; padding-bottom: 0.5rem; border-radius: 0.375rem; font-size: 1rem; line-height: 1.5rem; font-weight: 500; }
.mobile-menu .item:hover, .mobile-menu .item.active {background-color: #1e293b80; color: #fbbf24}
.mobile-menu .lang-list {padding-left: 10px; }
.mobile-menu .lang-list .item {display: inline-block; text-transform: uppercase; min-width: 56px; text-align: center; margin-right: 8px;}
.mobile-menu .lang-list .item .if-active {display: none;}
.mobile-menu .lang-list .item.active .if-active {display: inline-block; padding-left: 4px;}
.mobile-menu .wa-button {border: solid 2px #25D36680; border-radius: 10px; display--: inline-block; opacity: 0.8; padding: 6px 12px; margin-top: 8px;}

.lang-switcher .lang-switcher-submenu {display: none;} .lang-switcher.active .lang-switcher-submenu {display: block;}
.mobile-menu {top: 110px; opacity: 0; visibility: hidden; transition--: opacity 200ms linear;}
.mobile-menu {animation: dissappear 300ms 1;  animation-fill-mode: forwards;}
.mobile-menu.visible {animation: appear 300ms 1;  animation-fill-mode: forwards;}
.mobile-menu.starting {animation:none;}
@keyframes appear {
	0% {opacity: 0; visibility: hidden}
	5% {opacity: 0; visibility: visible}
	100% {opacity: 0.9; visibility: visible;}
}
@keyframes dissappear {
  0% {opacity: 0.9; visibility: visible;}
	95% {opacity: 0; visibility: visible}
  100% {opacity: 0; visibility: hidden}
}


.thai-filtered-buttons { display: flex; flex-wrap: wrap; gap: 0.5rem; justify-content: center; width: 100%; } @media (min-width: 768px) { .thai-filtered-buttons {justify-content: flex-end; width: auto; } }
.thai-filtered-buttons .btn {padding-top: 0.5rem; padding-bottom: 0.5rem; padding-left: 1.5rem; padding-right: 1.5rem; border-radius: 9999px; font-size: 0.875rem; line-height: 1.25rem; font-weight: 600; color: #4B5563; background-color: #F3F4F6; transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 300ms; transition-duration: 300ms; }
.thai-filtered-buttons .btn:hover { background-color: #E5E7EB; }
.thai-filtered-buttons .btn.active {color: #ffffff; background-color: #f59e0b; box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); }

.thai-project-list .item[data-status="sprzedane"] figure img {filter: grayscale(100%);}
.thai-project-list .item[data-status="wycofane"] figure img {filter: grayscale(100%);}
.thai-project-list .item .status-b-type-sprzedane {background-color: #f1f1f1; color: #888;}
.thai-project-list .item .status-b-type-wycofane {background-color: #f1f1f1; color: #888;}
.thai-project-list .item figure img {transition: transform 300ms cubic-bezier(0.12, 0.3, 0.31, 0.97);} /* transform 300ms cubic-bezier(0.12, 0.3, 0.31, 0.97) */
.thai-project-list .item.group:hover figure img {transform: scaleX(1.06)  scaleY(1.06); }
.thai-project-list .item.group:hover .btn-seemore svg {transform: none;}

.text-gray-600 {color: #4b5563;} .text-slate-200 {color: #e2e8f0}

.template-part-kimjestesmy p { font-size: 1.125rem; line-height: 1.75rem; margin-bottom: 1rem; color: #4b5563; }
.template-part-zalozyciel p { font-size: 1.125rem; line-height: 1.75rem; margin-bottom: 1rem; color: #e2e8f0;}
.template-part ul {list-style-type: disc; margin-left: 20px; color: #4b5563;}
.template-part ul li {margin-top: 8px;}
.template-part ul {margin-left: 12px;}
.template-part ul li {list-style-type: none; }
.template-part ul li:before {content: ""; display: inline-block; background-color: #f59e0b; width: 8px; height: 8px; margin-right: 12px; box-sizing: border-box; border-radius: 100px; }

.header-with-amber span {color: transparent; background-clip: text; background-image: linear-gradient(to right, #fbbf24, #d97706); }
.header-with-amber.amber-darker span {background-image: linear-gradient(to right, #f59e0b, #b45309); }
.inside-amber-500 span {color: var(--amber-500);}

/* change selector */

/*
#screen .nav-wrapper  {background-image: linear-gradient(to bottom, rgba(0,0,0,0.95) 10%, rgba(0,0,0,0.15));}
#screen .main-nav {}
#screen .main-nav .item {color: #e5e7eb; }
#screen .main-nav .item:not(.active):hover {color: #fbbf24}
#screen .main-nav .item.active {color: white;}
*/

#screen .offer-gallery {display: none;}
#screen .offer-description {margin-top: 0;}
#screen .offer-description .text {font-size: 17px; line-height: 25px; text-align: justify;}

.user-bar {margin-bottom: 30px; text-align: right; position: relative; z-index: 4;}
.user-bar .edit-link {color: gray; font-weight: 500; text-decoration: underline;}

@media (min-width: 1024px) {
.site-footer .grid {display: flex; column-gap:  20px; column-gap: 25px; justify-content: space-between; flex-wrap: wrap;}
.site-footer .grid>div {flex: 1 1;}
.site-footer .grid>div:nth-of-type(1) {flex-basis: 285px;}
.site-footer .grid>div:nth-of-type(2) {flex-basis: 120px;}
.site-footer .grid>div:nth-of-type(3) {flex-basis: 150px;}
.site-footer .grid>div:nth-of-type(4) {flex-basis: 350px;}
}
.site-footer>div {padding-bottom: 30px;}
.site-footer .credits  {padding-top: 30px;}


/* @media(min-width:1004px) { */
@media(min-width: 1004px) {
	.lg-show {display: block} .lg-show-flex {display: flex} .lg-hide {display: none}
	.tablet-show {display: block} .tablet-show-flex {display: flex} .tablet-hide {display: none}
}

@media (max-width: 1180px) {
	#header-nav .main-nav a.item {margin-left: 15px;}
	#header-nav .lang-switcher {margin-left: 8px;}
	#header-nav .mobile-menu-button {margin-left: 0;}
	#header-nav .wa-button {margin-left: 5px;}
  
}

.thai-blog-wrapper {max-width: 1292px;}
.thai-blog-index {display: flex; flex-wrap: wrap; align-items: stretch; justify-content: center; gap: 20px;}
.thai-blog-index .item {flex-basis: 30%; flex-grow: 0.2; flex-shrink: 1; border-radius: 27px; position: relative; padding-bottom: 46px;}
.thai-blog-index .item figure {display: block; position: relative; height: 220px; overflow: hidden;}
.thai-blog-index .item figure, .thai-blog-index .item figure img {border-radius: 25px 25px 0 0;}
.thai-blog-index .item figure img {max-width: unset; width: 100%;}
.thai-blog-index .item header .title {display: block; color: #334155; padding: 15px 15px; font-size: 17px; font-weight: 600; }
.thai-blog-index .item header .title h3 {color: inherit; font-size: inherit;}
.thai-blog-index .item footer {display: flex;  justify-content: space-between; padding: 10px 15px; padding-bottom: 15px; border-radius: 0 0 25px 25px; font-size: 14px;  }
.thai-blog-index .item footer {background-color: #363430; color: white;}
.thai-blog-index .item footer {position: absolute; bottom: 0; width: 100%;}
.thai-blog-index .item footer-alt {background-color: #1E3885; color: var(--amber-400); background-color: var(--amber-400); color: #334155d6; color: white; font-weight: 400; }
.thai-blog-index .item footer > span  {display: block;}
.thai-blog-index .item footer svg {color: inherit; display: inline-block;}
.thai-blog-index .item figure img {transition: transform 300ms cubic-bezier(0.12, 0.3, 0.31, 0.97);}
.thai-blog-index .item:hover figure img  {transform: scaleX(1.06)  scaleY(1.06); }
.thai-blog-index .item header a:hover {text-decoration: underline;}

@media (max-width: 1200px) {
  .thai-blog-index .item figure {height: 180px; } 
}
@media (max-width: 1170px) {
	.thai-blog-index .item {flex-basis: 40%; justify-content: stretch}
	.thai-blog-index .item figure {height: 180px; }
}
@media (max-width: 764px) {
   .thai-blog-index {flex-direction: column;}
	.thai-blog-index .item {flex-basis: unset;}
	.thai-blog-index .item figure {height: 240px; }
}
.shadow-rev {box-shadow: -4px -4px #0000, -4px -7px #0000, 0 -20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);}

.project-gallery { display: flex; flex-wrap: wrap; gap: 5px;}
.project-gallery a { height: 150px; flex-grow: 1; }
.project-gallery a img {border-radius: 8px;}
.project-gallery a:last-child { flex-grow: 0.5; }
.project-gallery a img { max-height: 100%; min-width: 100%; object-fit: cover; vertical-align: bottom; }

/* @media (max-aspect-ratio: 1/1) { .project-gallery ul li { height: 30vh; } }
@media (max-height: 480px) { .project-gallery ul li { height: 80vh; } } */
@media (max-aspect-ratio: 1/1) and (max-width: 480px) {
  .project-gallery { flex-direction: row; }
  .project-gallery li { height: auto; width: 100%; }
  .project-gallery li img { width: 100%; max-height: 200px; min-width: 0; }
}

ul.tags { list-style:none; margin-bottom: 15px; text-align: right; }	
ul.tags li, ul.tags a{ float--:left; height:26px; line-height:24px; position:relative; font-size:14px; display: inline-block; }	
ul.tags a { margin-left:20px; padding:0 10px 0 12px; background: #dbeafe; color:#363430; text-decoration:none; -moz-border-radius-bottomright:4px; -webkit-border-bottom-right-radius:4px; border-bottom-right-radius:4px; -moz-border-radius-topright:4px; -webkit-border-top-right-radius:4px; border-top-right-radius:4px; }	
ul.tags a::before { content:""; float:left; position:absolute; top:0; left:-12px; width:0; height:0; border-color:transparent #dbeafe transparent transparent; border-style:solid; border-width:12px 12px 14px 0; }
ul.tags a::after { content:""; position:absolute; top:10px; left:0; float:left; width:4px; height:4px; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; background:#fff; -moz-box-shadow:-1px -1px 2px #494949; -webkit-box-shadow:-1px -1px 2px #494949; box-shadow:-1px -1px 2px #494949; }		

.page-title {line-height: 1.2;}
.page-content {color: #475569;}
.page-content h2 {color: #0f172a; font-size: 1.25rem; line-height: 1.75rem; font-weight: 700; margin-bottom: 1rem; border-bottom-width: 1px; padding-bottom: 0.5rem; border-color: #fbbf24}		
.page-content p {line-height: 1.625;}
.page-content hr {border-color: #e2e8f0}
.page-content ul {list-style-type: disc; margin: 0.5rem auto; list-style-position: inside; margin-top: 6px;}
.page-wrapper {margin-bottom--: 150px; padding-bottom: 60px;}
.page-abs {min-height: calc(100vh - 393px); }

#screen .thai-gallery-videos {margin-bottom: 20px; margin-top: 12px;}
.thai-gallery-videos .item {display: inline-block; margin-right: 8px; margin-bottom: 4px; max-width: 400px; }
.thai-gallery-videos .item a { color: #f59e0b; display: flex; align-items: center; gap: 8px; }
.thai-gallery-videos .item a {border: solid 1px #f59e0b; border-radius: 8px; padding: 6px; padding-right: 12px; color: #cc8000; }
.thai-gallery-videos .item a img {height: 30px;}
.thai-gallery-videos .item a span {font-weight: normal;}

.thai-blog-content h1 strong {line-height: 1.2;}
.mobile-menu {background-color: #0f172aeb;}
.project-header .project-title {line-height: 1.2;}
#screen .offer-description .text h2:first-of-type {margin-top: 0;}
#screen .offer-description .text h2 {font-size: 26px;}
#screen .offer-description .text h3 {line-height: 1.35; font-size: 20px;}
.offer-description .text h1, .offer-description .text h2, .offer-description .text h3  {text-align: left;}

/* gradation #fbbf24 #f59e0b #E58F00 #d97706 */
.consent-banner-button {border-color: #fbbf24; color: #f59e0b}
.consent-banner-button:hover {border-color: #fbbf24; color: #f59e0b; background-color: #fbbf2450}
.consent-banner-button[href="#accept"] {border-color: #fbbf24; background-color: #fbbf24; color: white}
.consent-banner-button[href="#accept"]:hover {border-color: #fbbf24; background-color: #fbbf24c0; color: white}


/*
#consent-banner-modal {border-radius: 0; background-color: rgba(255,255,255,0.95); }
#consent-banner-modal .consent-banner-button {border-color: #fbbf24; color: #f59e0b}
#consent-banner-modal .consent-banner-button:hover-- {border-color: #f59e0b; color: #E58F00}
#consent-banner-modal .consent-banner-button[href="#accept"] {background-color: #fbbf24; color: white}
#consent-banner-modal .consent-banner-button[href="#accept"]:hover-- {color: white}
*/

.wpconsent-cookie-policy h2 {margin-top: 30px;}
.wpconsent-cookie-policy h3 {margin-top: 20px; font-weight: bold;}
.wpconsent-cookie-policy-table {width: 100%; margin-top: 20px;}
.wpconsent-cookie-policy-table th {text-align: left;]}
.wpconsent-cookie-policy-table td {border: solid 1px #fbbf24; padding: 4px 8px;}
.wpconsent-cookie-policy a {text-decoration: underline; opacity: 0.7;}