/**
 * Travel House child theme styles.
 * V360 Core is loaded before this file.
 */


	/* Brand tokens — replace with final Travel House CVI values. */
	:root {
	--th-color-primary: #143642;
	--th-color-secondary: #86b7d6;
	--th-color-accent: #da723a;
	--th-color-text: #143642;
	--th-color-muted: #1f4454;

	--th-radius: 20px;
	--th-shadow: 0 12px 32px rgba(0, 0, 0, 0.08);
}

.theme-travelhouse {
	color: var(--th-color-text);
}

.travelhouse-hero {
	padding-block: clamp(64px, 9vw, 140px);
}

.travelhouse-hero .lead {
	max-width: 760px;
	font-size: clamp(1.125rem, 2vw, 1.5rem);
}
.section-header-content {
    max-width: 400px !important;
    margin: 0 auto;
}
.section.section-post-waavo .text.text-lg{
	text-align:center;
}
.page-header {
	margin-bottom: 32px;
}

.posts-grid {
  	display: flex;
    gap: 25px 2.5%;
    margin: 50px 0;
    flex-wrap: wrap;
}

.content-card {
	overflow: hidden;
	border-radius: var(--th-radius);
	background: #fff;
	box-shadow: var(--th-shadow);
}

.content-card .post-thumbnail {
	display: block;
	aspect-ratio: 4 / 3;
	overflow: hidden;
}

.content-card .post-thumbnail img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.content-card__body {
	padding: 24px;
}

.entry-meta {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	font-size: 0.875rem;
	color: var(--th-color-muted);
}

.entry-footer {
	margin-top: 24px;
}

.entry-footer > * + * {
	margin-left: 12px;
}
.navigation.post-navigation{
	display:none;
}
/* =========================================================
   TRAVEL TYPES
   ========================================================= */

.home #reisituubid {
    max-width: 100%;
    background-color: #fafafa;
    padding: 75px 5%;
	margin-bottom:25px;
}
/* =========================================================
   TRAVEL HOUSE - GLOBAL OFFERS / HOTEL CARDS
   ========================================================= */

.section-offers {
 
    padding: 50px 0px;
}

.section-offers .section-header {
	margin-bottom: 10px;
}

.section-offers .card {
	overflow: hidden;
	border-radius: 18px;
	background: #fff;
	/*box-shadow: 0 10px 30px rgba(20, 54, 66, .09);*/
}

.section-offers .card-link {
	display: block;
	height: 100%;
	color: inherit;
	text-decoration: none;
}

.section-offers .card-media {
	position: relative;
	overflow: hidden;
	aspect-ratio: 1.25 / 1;
	display: flex;
	align-items: flex-end;
}

.section-offers .card-image {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform .35s ease;
}

.section-offers .card:hover .card-image {
	transform: scale(1.04);
}

.section-offers .card-content {
	padding: 18px;
}

.section-offers .card-rating {
	position: absolute;
	left: 5px;
	bottom: 5px;
	padding: 3px 5px;
	border-radius: 5px;
	background: var(--th-color-accent);
	color: #fff;
	font-weight: 600;
}

.section-offers .card-stars {
	padding-bottom: 5px;
	color: var(--th-color-accent);
}

.section-offers .card-hotel-price {
	font-weight: 700;
}

.section-offers .card-hotel-meta {
	font-size: 13px;
}
.page-featured-image {
	padding: 60px 0 0;
}

.page-featured-media {
	overflow: hidden;
	border-radius: var(--th-radius);
}

.page-featured-image-img {
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: 16 / 7;
	object-fit: cover;
}

.page-hero {
	padding: 60px 0 30px;
}

.page-content {
	padding: 0 0 100px;
}

.page-content .content {
	max-width: 900px;
}
.section.page-content{
    max-width: 1000px;
    width: 100%;
    margin: 0 auto;
    padding: 0px 5% 100px;

}
.section.page-hero{
	  max-width: 1000px;
    width: 100%;
    margin: 0 auto;
    padding: 50px 5% 0px;
}
img.alignleft,
img.alignright {
    width: 45%;
    max-width: 100%;
    height: auto;
}

img.alignleft {
    float: left;
    margin: 0 4% 3% 0;
}

img.alignright {
    float: right;
    margin: 0 0 3% 4%;
}

img.aligncenter {
    display: block;
    float: none;
    width: auto;
    max-width: 100%;
    height: auto;
    margin: 0 auto 3%;
}

/* =========================================================
TRAVEL DIARY / SUUNAMUDIJAD
========================================================= */

.section-diary {
	padding: 90px 0;
}
.section-diary .button-link{
	margin-top:30px;
}

/* =========================================================
GRID
========================================================= */

.diary-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 30px;
}


/* 1 suunamudija */
.diary-grid-1 {
	grid-template-columns: 1fr;
}


/* 3 suunamudijat:
esimene täislaiuses, järgmised kaks kõrvuti */
.diary-grid-3 .banner-diary:first-child {
	grid-column: 1 / -1;
}


/* =========================================================
BANNER
========================================================= */

.banner-diary {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    align-items: stretch;
    min-height: 450px;
    overflow: hidden;
    /* background: #f3f3f3; */
    border-radius: 40px;
    box-shadow: 0 18px 60px rgba(17, 17, 17, .08);
}


/* =========================================================
IMAGE
========================================================= */

.banner-diary .banner-media {
	position: relative;

	min-width: 0;
	min-height: 100%;

	overflow: hidden;
}


.banner-diary .media-image {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: right;
    position: absolute;
    inset: 0;
    /* background-color: #ececec; */
}


/* =========================================================
CONTENT
========================================================= */

.banner-diary .banner-content {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;

	min-width: 0;

	padding: 60px 8%;
}


/* =========================================================
TITLE
========================================================= */

.banner-diary .heading {
    margin: 0;
    color: var(--th-color-primary);
    font-size: 40px !important;
}


.banner-diary .heading b,
.banner-diary .heading strong {
	display: block;
	font-size:125%;
	color: var(--th-color-accent);
}


/* =========================================================
TEXT
========================================================= */

.banner-diary .text {
	max-width: 560px;


	color: var(--th-color-primary);
}


.banner-diary .text p {
	margin: 0;
}


/* =========================================================
BUTTON
========================================================= */

.banner-diary .button {
	margin-top: 35px;
}


/* =========================================================
2 / 4 SUUNAMUDIJAT
========================================================= */

/*
Kui bännereid on mitu ja nad on poole containeri laiused,
muudame kaardi vertikaalsemaks.
*/

.diary-grid-2 .banner-diary,
.diary-grid-3 .banner-diary:not(:first-child),
.diary-grid-4 .banner-diary {
	grid-template-columns: 1fr;

	min-height: 0;
}


.diary-grid-2 .banner-media,
.diary-grid-3 .banner-diary:not(:first-child) .banner-media,
.diary-grid-4 .banner-media {
	min-height: 0;

	aspect-ratio: 16 / 10;
}


.diary-grid-2 .banner-content,
.diary-grid-3 .banner-diary:not(:first-child) .banner-content,
.diary-grid-4 .banner-content {
	padding: 40px;
}


.diary-grid-2 .banner-media .media-image,
.diary-grid-3 .banner-diary:not(:first-child) .banner-media .media-image,
.diary-grid-4 .banner-media .media-image {
	position: absolute;
}


/* =========================================================
3 SUUNAMUDIJAT – ESIMENE SUUR
========================================================= */

.diary-grid-3 .banner-diary:first-child {
	grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);

	min-height: 450px;
}


/* =========================================================
TABLET
========================================================= */

@media (max-width: 1024px) {

	.section-diary {
		padding: 75px 0;
	}


	.banner-diary {
		min-height: 400px;

		border-radius: 32px;
	}


	.banner-diary .banner-content {
		padding: 45px 7%;
	}


	.banner-diary .text {
		margin-top: 24px;

		font-size: 17px;
	}


	.diary-grid-2 .banner-content,
	.diary-grid-3 .banner-diary:not(:first-child) .banner-content,
	.diary-grid-4 .banner-content {
		padding: 32px;
	}

}


/* =========================================================
MOBILE
========================================================= */

@media (max-width: 767px) {

	.section-diary {
		padding: 60px 0;
	}


	.diary-grid {
		grid-template-columns: 1fr;

		gap: 24px;
	}


	.diary-grid-3 .banner-diary:first-child {
		grid-column: auto;
	}


	.banner-diary,
	.diary-grid-3 .banner-diary:first-child {
		display: grid;

		grid-template-columns: 1fr;

		min-height: 0;

		border-radius: 24px;
	}


	.banner-diary .banner-media,
	.diary-grid-3 .banner-diary:first-child .banner-media {
		min-height: 0;

		aspect-ratio: 16 / 10;
	}


	.banner-diary .banner-content,
	.diary-grid-3 .banner-diary:first-child .banner-content {
		padding: 32px 25px 36px;
	}


	.banner-diary .heading {
		line-height: 1;
	}


	.banner-diary .text {
		margin-top: 20px;

		font-size: 16px;
	}


	.banner-diary .button {
		margin-top: 25px;
	}

}
/* =========================================================
   RESPONSIVE
   ========================================================= */




@media (max-width: 980px) {
.posts-grid {
  
    gap: 25px 2%;
	margin-bottom:75px;
   
}
}
@media (max-width: 767px) {

	.section-offers {
		padding-top: 50px;
		padding-bottom: 50px;
	}

	.section-offers .card-content {
		padding: 16px;
	}
	    img.alignleft,
    img.alignright,
    img.aligncenter {
        float: none;
        display: block;
        width: 100%;
        max-width: 100%;
        margin: 0 0 5%;
    }
	.banner-diary .media-image {

    background-color: #ececec;
}

}
@media (max-width: 700px) {

	.page-featured-image {
		padding-top: 30px;
	}

	.page-featured-image-img {
		aspect-ratio: 4 / 3;
	}

	.page-hero {
		padding: 40px 0 20px;
	}

	.page-content {
		padding-bottom: 70px;
	}

}
@media (max-width: 640px) {
	.posts-grid {
		grid-template-columns: 1fr;
	}
}