/* The refreshed look, 2026-11: same content and layout as the old site, updated on top of
   indianadventures.css. Loaded when indianadventures_design() is "refresh"; without this file the
   site looks like the old Adventure Tours site. Keep the old values in indianadventures.css. */

/* Manrope, from Twenty Twenty-Five. SIL Open Font License 1.1, (c) The Manrope Project Authors. */
@font-face {
	font-family: "Manrope";
	font-style: normal;
	font-weight: 200 800;
	font-display: swap;
	src: url(../fonts/manrope-variable.woff2) format("woff2");
}

:root {
	--ia-font: "Manrope", "Segoe UI", system-ui, sans-serif;
	/* Corner scale. Use only these, so the site rounds the same way everywhere:
	   s  10px  controls inside a card: fields, menu items, tabs, icon boxes, images in text
	   -  16px  cards and bars: header, submenu, tab bar, fact tiles, price and booking cards
	   l  24px  large panels and images: page heading, navy panels, featured images
	   xl 32px  edges of the page: bottom of heroes and slider, top of the footer
	   999px is for buttons, chips and the newsletter field only. An element that sits close
	   inside a card gets the card's radius minus the padding (tab bar 16 - 6 = tabs 10). */
	--ia-radius-s: 10px;
	--ia-radius: 16px;
	--ia-radius-l: 24px;
	--ia-radius-xl: 32px;
	--ia-shadow: 0 1px 2px rgba(16, 40, 70, 0.06), 0 8px 24px rgba(16, 40, 70, 0.08);
	--ia-shadow-hover: 0 2px 6px rgba(16, 40, 70, 0.08), 0 20px 44px rgba(16, 40, 70, 0.16);
	--ia-ease: cubic-bezier(0.2, 0.7, 0.2, 1);
	--ia-muted: #5d6875;
	--ia-chip: #f3efe8;
	--ia-footer-text: #c3cfdc;

	/* One family for everything; the old site had four. */
	--wp--preset--font-family--oxygen: var(--ia-font);
	--wp--preset--font-family--open-sans: var(--ia-font);
	--wp--preset--font-family--display: var(--ia-font);
	--wp--preset--font-family--script: var(--ia-font);

	/* Same brand colours, a warmer background and a deeper navy footer. */
	--wp--preset--color--base: #f6f3ee;
	--wp--preset--color--contrast: #1f2933;
	--wp--preset--color--slate: #15304a;
	--wp--preset--color--border: #e7e2da;
}

body {
	font-family: var(--ia-font);
	font-size: 16.5px;
	line-height: 1.65;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

:where(h1, h2, h3, h4, h5, h6) {
	font-weight: 750;
	letter-spacing: -0.015em;
}

/* Buttons: rounded, sentence case. */
.wp-element-button,
.wp-block-button__link,
.atbtn,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit {
	padding: 12px 28px;
	font-family: var(--ia-font);
	font-weight: 700;
	letter-spacing: 0.01em;
	text-transform: none;
	border-radius: 999px;
	transition: background-color 0.2s, color 0.2s, transform 0.2s var(--ia-ease), box-shadow 0.2s;
}

.wp-element-button:hover,
.wp-block-button__link:hover,
.atbtn:hover {
	transform: translateY(-1px);
	box-shadow: 0 6px 16px rgba(16, 40, 70, 0.18);
}

/* Fields: rounded, with a clear focus ring. */
main :where(input[type="text"], input[type="email"], input[type="tel"], input[type="number"], input[type="password"], input[type="search"], select, textarea),
.woocommerce form .form-row :where(input.input-text, textarea, select) {
	border-radius: var(--ia-radius-s);
}

main :where(input, select, textarea):focus-visible {
	outline: 2px solid var(--wp--preset--color--accent);
	outline-offset: 2px;
}

/* Header */

.ia-header {
	box-shadow: 0 1px 0 rgba(16, 40, 70, 0.06), 0 6px 20px rgba(16, 40, 70, 0.06);
}

.ia-header__inner {
	padding-block: 12px;
}

.ia-nav .ia-menu {
	gap: 6px;
}

.ia-nav .ia-menu a {
	font-size: 0.95rem;
	font-weight: 650;
	letter-spacing: 0;
	text-transform: none;
}

.ia-nav .ia-menu > li > a {
	padding: 6px 12px;
	color: var(--wp--preset--color--contrast);
	border-bottom: 0;
	border-radius: var(--ia-radius-s);
	transition: background-color 0.2s, color 0.2s;
}

.ia-nav .ia-menu > li > a:hover {
	color: var(--wp--preset--color--navy);
	background: var(--ia-chip);
}

/* The active item is navy text with a short amber line, not a filled shape, so the menu doesn't
   compete with the pill buttons below it. The line is drawn on the wide menu only. */
.ia-nav .ia-menu > .current-menu-item > a,
.ia-nav .ia-menu > .current-menu-ancestor > a {
	color: var(--wp--preset--color--navy);
}

.ia-nav .sub-menu {
	padding: 6px;
	border-radius: var(--ia-radius);
	box-shadow: var(--ia-shadow-hover);
}

.ia-nav .sub-menu a {
	padding: 8px 12px;
	border-radius: var(--ia-radius-s);
}

/* On the floating header the submenu hangs just below the header instead of over its edge,
   with the item text in line with the parent item. The ::before keeps the hover across the gap. */
@media (min-width: 1001px) {
	.ia-nav .ia-menu > li > .sub-menu {
		top: calc(100% + 20px);
	}

	.ia-nav .ia-menu > li:not(.wpml-ls-item) > .sub-menu {
		left: -6px;
	}

	.ia-nav .ia-menu > li > .sub-menu::before {
		content: "";
		position: absolute;
		inset: -20px 0 auto;
		height: 20px;
	}

	.ia-nav .ia-menu > li > a {
		position: relative;
	}

	.ia-nav .ia-menu > .current-menu-item > a::after,
	.ia-nav .ia-menu > .current-menu-ancestor > a::after {
		content: "";
		position: absolute;
		right: 12px;
		bottom: 1px;
		left: 12px;
		height: 3px;
		background: var(--wp--preset--color--accent);
		border-radius: 2px;
	}
}

/* The search box under the header: a card like the submenu. */
.ia-search form {
	padding: 6px;
	border-radius: var(--ia-radius);
	box-shadow: var(--ia-shadow-hover);
}

.ia-search input {
	border-radius: var(--ia-radius-s);
}

.ia-search form button {
	border-radius: 999px;
}

/* Social icons in page texts (styled by the tours plugin with 3px corners). */
.ia-social a[class] {
	border-radius: var(--ia-radius-s);
}

.ia-nav .sub-menu a:hover {
	background: var(--ia-chip);
}

/* Section titles: sentence case, bold, a short amber line instead of a rule across the page. */

.ia-title {
	font-weight: 800;
	letter-spacing: -0.025em;
	line-height: 1.15;
	text-transform: none;
	border-bottom: 0;
}

.ia-home .ia-title {
	font-size: clamp(1.9rem, 1.3rem + 2.4vw, 2.75rem);
}

.ia-title::after {
	bottom: 0;
	width: 44px;
	border-radius: 2px;
}

/* The handwritten line over a title becomes a small amber label. */
.ia-script {
	margin-bottom: 10px;
	font-size: 0.8rem;
	font-weight: 800;
	letter-spacing: 0.16em;
	text-transform: uppercase;
	color: var(--wp--preset--color--accent);
}

.ia-content-card .ia-title {
	font-weight: 800;
	line-height: 1.2;
}

.ia-content-card :where(h2, h3, h4) {
	font-weight: 750;
}

/* Cards */

.ia-content-card {
	border-radius: var(--ia-radius);
}

.ia-section > .wp-block-post-featured-image img {
	border-radius: var(--ia-radius) var(--ia-radius) 0 0;
}

.ia-section > .wp-block-post-featured-image + .ia-content-card {
	border-radius: 0 0 var(--ia-radius) var(--ia-radius);
}

.ia-split img {
	border-radius: var(--ia-radius);
}

/* Tour cards: lift on hover, the photo zooms slowly, duration and months as chips. */

.ia-tour-card {
	border-radius: var(--ia-radius);
	transition: box-shadow 0.3s var(--ia-ease), transform 0.3s var(--ia-ease);
}

.ia-tour-card:hover {
	box-shadow: var(--ia-shadow-hover);
	transform: translateY(-4px);
}

.ia-tour-card__image {
	display: block;
	overflow: hidden;
}

.ia-tour-card__image img {
	transition: transform 0.6s var(--ia-ease);
}

.ia-tour-card:hover .ia-tour-card__image img {
	transform: scale(1.05);
}

.ia-tour-card__body {
	padding: 22px 24px 14px;
}

.ia-tour-card h3 {
	font-size: 1.3rem;
	font-weight: 800;
	line-height: 1.25;
}

.ia-tour-card p {
	color: var(--ia-muted);
}

.ia-tour-card__facts {
	flex-wrap: wrap;
	gap: 8px;
	padding: 4px 24px 22px;
	border-top: 0;
}

.ia-tour-card__facts li,
.ia-tour-card__facts li + li {
	flex: none;
	padding: 6px 12px;
	font-size: 0.85rem;
	font-weight: 700;
	color: var(--wp--preset--color--contrast);
	background: var(--ia-chip);
	border: 0;
	border-radius: 999px;
}

.ia-tour-card__facts li::before {
	width: 14px;
	height: 14px;
	margin-right: 6px;
	vertical-align: -2px;
}

/* Destination tiles: taller, name bottom left with an arrow. */

.ia-tile {
	border-radius: var(--ia-radius);
	box-shadow: var(--ia-shadow);
}

.ia-tile img {
	aspect-ratio: 4 / 5;
	transition: transform 0.6s var(--ia-ease);
}

.ia-tile:hover img {
	transform: scale(1.06);
}

.ia-tile figcaption {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 8px;
	padding: 80px 20px 18px;
	font-size: 1.25rem;
	font-weight: 800;
	letter-spacing: -0.01em;
	text-align: left;
	background: linear-gradient(transparent, rgba(10, 25, 40, 0.75));
}

.ia-tile figcaption::after {
	flex: none;
	width: 34px;
	height: 34px;
	background: rgba(255, 255, 255, 0.95) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2315304a' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E") center / 16px no-repeat;
	border-radius: 50%;
	content: "";
	transition: transform 0.3s var(--ia-ease);
}

.ia-tile:hover figcaption::after {
	transform: translateX(3px);
}

/* Why travel with us: glass cards instead of thin circles. */

.ia-why .wp-block-cover__background {
	background-image: linear-gradient(160deg, #15304a 0%, #0c5283 100%);
}

.ia-why .ia-title {
	border-bottom: 0;
}

.ia-why__items {
	gap: 20px;
	justify-items: stretch;
}

.ia-why__item {
	gap: 14px;
	width: auto;
	height: auto;
	min-height: 190px;
	padding: 32px 16px;
	font-size: 1rem;
	font-weight: 750;
	letter-spacing: 0;
	text-transform: none;
	background: rgba(255, 255, 255, 0.08);
	border: 1px solid rgba(255, 255, 255, 0.22);
	border-radius: var(--ia-radius);
	transition: background-color 0.3s, transform 0.3s var(--ia-ease);
}

.ia-why__item:hover {
	background: rgba(255, 255, 255, 0.16);
	transform: translateY(-4px);
}

.ia-why__item svg {
	width: 52px;
	height: 52px;
	padding: 14px;
	color: var(--wp--preset--color--white);
	background: var(--wp--preset--color--accent);
	border-radius: 50%;
	box-sizing: content-box;
	stroke-width: 1.8;
}

/* Post card */

.ia-post-card__image img {
	border-radius: var(--ia-radius);
}

.ia-post-card__body {
	border-radius: var(--ia-radius);
}

.ia-post-card h3 {
	font-weight: 800;
}

/* Newsletter: a rounded form on a warm amber gradient. */

.ia-newsletter.has-accent-background-color {
	background-image: linear-gradient(120deg, #e59d0d 0%, #f0b33a 100%);
}

.ia-newsletter h2 {
	font-weight: 800;
	letter-spacing: -0.02em;
	text-transform: none;
}

.ia-newsletter .ia-script {
	color: rgba(255, 255, 255, 0.85);
}

.ia-newsletter .yikes-easy-mc-form {
	padding: 6px;
	background: var(--wp--preset--color--white);
	border: 0;
	border-radius: 999px;
	box-shadow: 0 10px 30px rgba(120, 70, 0, 0.25);
}

.ia-newsletter .yikes-easy-mc-form input.yikes-easy-mc-email {
	height: 48px;
	border-radius: 999px;
}

.ia-newsletter .yikes-easy-mc-form .yikes-easy-mc-submit-button {
	height: 48px;
	font-family: var(--ia-font);
	text-transform: none;
	background: var(--wp--preset--color--slate);
	border-radius: 999px;
}

@media (max-width: 500px) {
	.ia-newsletter .yikes-easy-mc-form {
		border-radius: var(--ia-radius-l);
	}
}

/* Footer */

.ia-footer h2 {
	font-size: 0.8rem;
	font-weight: 800;
	letter-spacing: 0.14em;
}

.ia-footer__bottom {
	border-top-color: rgba(255, 255, 255, 0.1);
}

/* Slider: a soft shade at the bottom, so the picture meets the page more gently. */

.ia-slider::after {
	position: absolute;
	inset: auto 0 0;
	z-index: 1;
	height: 25%;
	background: linear-gradient(transparent, rgba(10, 25, 40, 0.25));
	content: "";
	pointer-events: none;
}

.ia-slider__button {
	border-radius: 50%;
}

/* Tour page */

.ia-tour-hero::after {
	position: absolute;
	inset: 0;
	z-index: -1;
	background: linear-gradient(180deg, rgba(10, 25, 40, 0.15) 0%, rgba(10, 25, 40, 0.55) 100%);
	content: "";
}

.ia-tour-hero h1 {
	font-size: clamp(2.2rem, 1.4rem + 3.2vw, 3.6rem);
	font-weight: 800;
	letter-spacing: -0.03em;
	line-height: 1.1;
	text-shadow: 0 2px 16px rgba(0, 0, 0, 0.35);
}

.ia-tour-hero__subtitle {
	font-weight: 600;
}

.ia-tour-tabs a {
	font-size: 0.95rem;
	font-weight: 700;
	text-transform: none;
	border-radius: var(--ia-radius-s) var(--ia-radius-s) 0 0;
}

.ia-tour-facts {
	border-top: 0;
	border-radius: 0 var(--ia-radius) 0 0;
	box-shadow: inset 0 3px 0 var(--wp--preset--color--accent);
}

.ia-tour-facts span {
	color: var(--ia-muted);
}

.ia-tour-body {
	border-radius: 0 0 var(--ia-radius) var(--ia-radius);
}

.ia-tour-price {
	border-radius: var(--ia-radius);
	box-shadow: var(--ia-shadow);
}

.ia-tour-price strong {
	font-weight: 800;
	letter-spacing: -0.01em;
}

.ia-booking {
	padding-bottom: 46px;
	background: linear-gradient(160deg, #eba824 0%, #e08e00 100%);
	border-radius: var(--ia-radius);
	box-shadow: var(--ia-shadow);
}

.ia-booking h3 {
	font-size: 1.3rem;
	font-weight: 800;
	letter-spacing: -0.01em;
}

.ia-booking input,
.ia-booking select {
	background: rgba(255, 255, 255, 0.92);
	border-radius: var(--ia-radius-s);
}

.ia-booking button {
	font-family: var(--ia-font);
	text-transform: none;
	letter-spacing: 0.01em;
	border: 3px solid var(--wp--preset--color--base);
	border-radius: 999px;
	box-shadow: 0 8px 18px rgba(1, 120, 60, 0.3);
	transition: transform 0.2s var(--ia-ease), box-shadow 0.2s;
}

.ia-booking button:hover {
	transform: translateX(-50%) translateY(-2px);
	box-shadow: 0 12px 24px rgba(1, 120, 60, 0.35);
}

.ia-tour-more__item {
	border-radius: var(--ia-radius);
	overflow: hidden;
	box-shadow: var(--ia-shadow);
}

.ia-tour-more__item span {
	font-weight: 800;
	letter-spacing: -0.01em;
	line-height: 1.25;
}

.ia-gallery img,
.ia-tour-review__who img {
	border-radius: var(--ia-radius-s);
}

.ia-tour-review__who img {
	border-radius: 50%;
}

.ia-tour-categories a {
	border-radius: 999px;
}

/* Tour list rows */

.ia-tour-row {
	border-radius: var(--ia-radius);
	transition: box-shadow 0.3s var(--ia-ease), transform 0.3s var(--ia-ease);
}

.ia-tour-row:hover {
	box-shadow: var(--ia-shadow-hover);
	transform: translateY(-3px);
}

.ia-tour-row__image {
	overflow: hidden;
}

.ia-tour-row__image img {
	transition: transform 0.6s var(--ia-ease);
}

.ia-tour-row:hover .ia-tour-row__image img {
	transform: scale(1.05);
}

.ia-tour-row h2 {
	font-size: 1.3rem;
	font-weight: 800;
	letter-spacing: -0.015em;
}

.ia-tour-row__main p {
	color: var(--ia-muted);
}

/* The rows reuse the cards' fact list; the cards' inner spacing doesn't belong here. */
.ia-tour-row__facts {
	padding: 6px 0 0;
}

.ia-tour-row__facts li,
.ia-tour-row__facts li + li {
	color: var(--wp--preset--color--contrast);
	background: var(--ia-chip);
	border-radius: 999px;
}

.ia-tour-row__side {
	border-left-color: var(--wp--preset--color--border);
}

.ia-tour-row__rating,
.ia-tour-row__per {
	color: var(--ia-muted);
}

.ia-tour-row__price {
	font-weight: 800;
}

.ia-pagination__arrow,
.ia-pagination .page-numbers {
	border-radius: 999px;
}

/* My account, cart and checkout */

.woocommerce-account .woocommerce-MyAccount-navigation,
.woocommerce-account .woocommerce-MyAccount-content {
	border-radius: var(--ia-radius);
}

.woocommerce table.shop_table {
	border-radius: var(--ia-radius-s);
}

@media (prefers-reduced-motion: reduce) {
	.ia-tour-card,
	.ia-tour-card__image img,
	.ia-tile img,
	.ia-tile figcaption::after,
	.ia-why__item,
	.ia-tour-row,
	.ia-tour-row__image img,
	.ia-booking button,
	.wp-element-button,
	.wp-block-button__link,
	.atbtn {
		transition: none;
	}

	.ia-tour-card:hover,
	.ia-tour-row:hover,
	.ia-why__item:hover,
	.wp-element-button:hover,
	.wp-block-button__link:hover,
	.atbtn:hover {
		transform: none;
	}
}

@media (max-width: 1000px) {
	.ia-tiles {
		gap: 16px;
	}
}

/* Tour page on phones: the accordion and the jump to booking in the same style. */
.ia-tour-reviews {
	border-radius: var(--ia-radius);
}

@media (max-width: 767px) {
	.ia-tour-toggle {
		font-family: var(--ia-font);
		text-transform: none;
		border-radius: var(--ia-radius-s);
	}

	.ia-tour-toggle[aria-expanded="true"] {
		border-radius: var(--ia-radius-s) var(--ia-radius-s) 0 0;
	}

	.ia-tour-facts {
		border-radius: var(--ia-radius);
		box-shadow: var(--ia-shadow);
	}
}

@media (max-width: 1000px) {
	.ia-tour-jump {
		text-transform: none;
		border-radius: 999px;
	}
}

/* Blog: posts in the list, a single post, the sidebar boxes and the comments as rounded cards. */
.ia-post,
.ia-article,
.ia-box,
.ia-comments {
	border-radius: var(--ia-radius);
}

.ia-post {
	transition: box-shadow 0.3s var(--ia-ease), transform 0.3s var(--ia-ease);
}

.ia-post:hover {
	box-shadow: var(--ia-shadow-hover);
	transform: translateY(-3px);
}

.ia-post__image {
	display: block;
	overflow: hidden;
}

.ia-post__image img {
	transition: transform 0.6s var(--ia-ease);
}

.ia-post:hover .ia-post__image img {
	transform: scale(1.04);
}

.ia-post h2,
.ia-article .wp-block-post-title {
	font-weight: 800;
	letter-spacing: -0.02em;
	line-height: 1.2;
}

/* Date, author and category: small and quiet instead of handwritten. */
.ia-post-meta {
	font-size: 0.9rem;
	font-weight: 600;
	color: var(--ia-muted);
}

.ia-post-meta svg {
	width: 16px;
	height: 16px;
}

.ia-post__more {
	padding: 10px 26px;
	font-size: 0.95rem;
	text-transform: none;
	border-radius: 999px;
	transition: background-color 0.2s, color 0.2s;
}

.ia-comments textarea,
.ia-comments input[type="text"],
.ia-comments input[type="email"],
.ia-comments input[type="url"] {
	border-radius: var(--ia-radius-s);
}

.ia-comments input[type="submit"] {
	text-transform: none;
	border-radius: 999px;
}

@media (prefers-reduced-motion: reduce) {
	.ia-post,
	.ia-post__image img {
		transition: none;
	}

	.ia-post:hover {
		transform: none;
	}
}

/* ------------------------------------------------------------------------------------------------
   Second round, 2026-11-10. Patrik found the first round too close to the old site. Same content;
   a serif for headings, a floating header over the photos, a headline on the start page, left-aligned
   section titles, inset rounded bands and a rounded footer.
   ------------------------------------------------------------------------------------------------ */

/* Platypi, from Twenty Twenty-Five. SIL Open Font License 1.1, (c) David Sargent. */
@font-face {
	font-family: "Platypi";
	font-style: normal;
	font-weight: 300 800;
	font-display: swap;
	src: url(../fonts/platypi-variable.woff2) format("woff2");
}

@font-face {
	font-family: "Platypi";
	font-style: italic;
	font-weight: 300 800;
	font-display: swap;
	src: url(../fonts/platypi-italic-variable.woff2) format("woff2");
}

:root {
	--ia-serif: "Platypi", Georgia, "Times New Roman", serif;
	/* The floating header's height with its gap above: pages with a photo on top start under it. */
	--ia-header-h: 97px; /* header.js sets the measured height */
}

/* Headings in the serif. The old heading font's variable points here too, for headings in texts. */
:root {
	--wp--preset--font-family--display: var(--ia-serif);
}

h1,
h2,
h3,
h4,
.ia-title,
.ia-subtitle,
.ia-content-card .ia-title,
.ia-tour-card h3,
.ia-tour-row h2,
.ia-post h2,
.ia-post-card h3,
.ia-article .wp-block-post-title,
.ia-tour-hero h1,
.ia-newsletter h2,
.ia-booking h3,
.ia-tile figcaption,
.ia-tour-more__item span,
.ia-content-card :where(h2, h3, h4) {
	font-family: var(--ia-serif);
	font-weight: 600;
	letter-spacing: -0.01em;
}

.ia-title {
	font-weight: 600;
	letter-spacing: -0.02em;
}

/* Floating header: a white rounded bar with space around it, over the photo on top of the page. */

@media (min-width: 601px) {
	.wp-block-template-part:has(> .ia-header) {
		padding: 12px 20px 0;
		pointer-events: none;
	}

	.ia-header {
		max-width: 1210px;
		margin-inline: auto;
		pointer-events: auto;
		border-radius: var(--ia-radius);
		box-shadow: 0 10px 30px rgba(10, 25, 40, 0.14);
	}

	.ia-header__inner {
		padding: 10px 14px 10px 22px;
	}

	.wp-site-blocks:has(.ia-slider, .ia-tour-hero) > main {
		margin-top: calc(-1 * var(--ia-header-h));
	}

	.ia-tour-hero {
		padding-top: calc(var(--ia-header-h) + 20px);
	}
}

@media (max-width: 600px) {
	.ia-header {
		border-radius: 0 0 var(--ia-radius) var(--ia-radius);
	}
}

/* Menu pills only on the wide menu; the phone menu keeps its list. */
@media (max-width: 1000px) {
	.ia-nav .ia-menu > li > a {
		padding: 14px 0;
		border-radius: 0;
	}

	.ia-nav .ia-menu > .current-menu-item > a,
	.ia-nav .ia-menu > .current-menu-ancestor > a {
		color: var(--wp--preset--color--accent);
		background: none;
	}

	.ia-nav .ia-menu > li > a:hover {
		background: none;
	}
}

/* Start page: taller slider with a headline and two buttons. */

.ia-slider {
	aspect-ratio: auto;
	height: clamp(520px, 82vh, 800px);
}

.ia-slider::after {
	z-index: 3;
	inset: 0;
	height: auto;
	background:
		linear-gradient(90deg, rgba(8, 22, 38, 0.72) 0%, rgba(8, 22, 38, 0.35) 45%, rgba(8, 22, 38, 0) 75%),
		linear-gradient(180deg, rgba(8, 22, 38, 0.35) 0%, rgba(8, 22, 38, 0) 30%);
}

.ia-slider__button {
	z-index: 5;
	background: rgba(255, 255, 255, 0.18);
	backdrop-filter: blur(6px);
}

.ia-slider__intro {
	position: absolute;
	inset: 0;
	z-index: 4;
	display: flex;
	align-items: center;
	padding: var(--ia-header-h) 20px 40px;
	pointer-events: none;
}

.ia-slider__intro-inner {
	box-sizing: border-box;
	width: 100%;
	max-width: 1170px;
	margin-inline: auto;
	padding-inline: 50px;
	color: var(--wp--preset--color--white);
}

.ia-slider__intro p {
	max-width: 600px;
	margin: 0;
}

.ia-slider__eyebrow {
	font-size: 0.85rem;
	font-weight: 800;
	letter-spacing: 0.18em;
	text-transform: uppercase;
	color: #f6c25a;
}

.ia-slider__headline {
	margin-top: 12px !important;
	font-family: var(--ia-serif);
	font-size: clamp(2.4rem, 1.4rem + 4.2vw, 4.6rem);
	font-weight: 600;
	letter-spacing: -0.03em;
	line-height: 1.02;
	text-shadow: 0 2px 24px rgba(0, 0, 0, 0.25);
}

.ia-slider__lead {
	margin-top: 18px !important;
	font-size: clamp(1.05rem, 0.95rem + 0.5vw, 1.3rem);
	font-weight: 500;
	line-height: 1.5;
	opacity: 0.92;
}

.ia-slider__actions {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	margin-top: 30px !important;
	pointer-events: auto;
}

.ia-slider__actions .wp-element-button {
	padding: 14px 30px;
	color: var(--wp--preset--color--white);
}

.ia-slider__actions .wp-element-button.is-ghost {
	background: rgba(255, 255, 255, 0.14);
	box-shadow: inset 0 0 0 1.5px rgba(255, 255, 255, 0.7);
	backdrop-filter: blur(6px);
}

.ia-slider__actions .wp-element-button.is-ghost:hover {
	color: var(--wp--preset--color--slate);
	background: var(--wp--preset--color--white);
}

@media (max-width: 700px) {
	.ia-slider {
		height: clamp(460px, 78vh, 640px);
	}

	.ia-slider::after {
		background: linear-gradient(180deg, rgba(8, 22, 38, 0.25) 0%, rgba(8, 22, 38, 0.75) 100%);
	}

	.ia-slider__intro {
		align-items: flex-end;
	}

	.ia-slider__intro-inner {
		padding-inline: 4px;
	}

	.ia-slider__button {
		top: calc(var(--ia-header-h) + 30px);
	}
}

/* Section titles on the start page: left, with the amber label above and the line under. */

.ia-home .ia-title.has-text-align-center,
.ia-home .ia-script {
	text-align: left;
}

.ia-home .ia-title::after {
	left: 0;
	transform: none;
}

/* The heading beside "Blogg" follows it to the left. */
.ia-home .ia-subtitle.has-text-align-center {
	text-align: left;
}

/* The newsletter stays centred. */
.ia-home .ia-newsletter .ia-script {
	text-align: center;
}

/* A single centred card under the title keeps the title centred too. */
.ia-home .ia-section--narrow .ia-title.has-text-align-center,
.ia-home .ia-section--narrow .ia-script {
	text-align: center;
}

.ia-home .ia-section--narrow .ia-title::after {
	left: 50%;
	transform: translateX(-50%);
}

.ia-home .ia-script + .ia-title {
	margin-top: 0;
}

/* Tour cards: duration and months as glass chips on the photo. */

.ia-tour-card {
	position: relative;
}

.ia-tour-card__facts {
	position: absolute;
	top: 14px;
	left: 14px;
	right: 14px;
	padding: 0;
	pointer-events: none;
}

.ia-tour-card__facts li,
.ia-tour-card__facts li + li {
	color: var(--wp--preset--color--white);
	background: rgba(10, 25, 40, 0.5);
	backdrop-filter: blur(8px);
}

.ia-tour-card__facts li::before {
	background: #f6c25a;
}

.ia-tour-card__body {
	padding: 22px 24px 26px;
}

.ia-tour-card h3 {
	font-size: 1.45rem;
}

/* The tour rows keep their chips in the text, as before. */
.ia-tour-row__facts {
	position: static;
	pointer-events: auto;
}

.ia-tour-row__facts li,
.ia-tour-row__facts li + li {
	color: var(--wp--preset--color--contrast);
	background: var(--ia-chip);
	backdrop-filter: none;
}

.ia-tour-row__facts li::before {
	background: var(--wp--preset--color--accent);
}

/* Inset bands: "Why travel with us" and the newsletter as rounded panels inside the page.
   The start page's sections share one background, so the panels float on the same colour. */

.ia-home .ia-section--white {
	background: transparent;
}

.ia-why,
.ia-newsletter {
	width: auto;
	margin-inline: max(20px, calc((100% - 1210px) / 2)) !important;
	border-radius: var(--ia-radius-l);
	overflow: hidden;
}

.ia-why {
	margin-block: var(--wp--preset--spacing--l) !important;
}

.ia-newsletter {
	margin-block: var(--wp--preset--spacing--l) var(--wp--preset--spacing--xl) !important;
	padding-inline: 20px;
}

.ia-home .ia-why .ia-title.has-text-align-center {
	text-align: center;
}

.ia-home .ia-why .ia-title::after {
	left: 50%;
	transform: translateX(-50%);
}

/* Footer with rounded top corners, lifted off the page. */

.ia-footer {
	border-radius: var(--ia-radius-xl) var(--ia-radius-xl) 0 0;
}

.ia-footer__columns {
	padding-top: 64px;
}

/* Tour hero: the title larger, in the serif. */

.ia-tour-hero h1 {
	font-size: clamp(2.4rem, 1.4rem + 3.6vw, 4rem);
	letter-spacing: -0.025em;
}

.ia-tour-hero--page h1 {
	font-size: clamp(2.2rem, 1.4rem + 3vw, 3.4rem);
}

/* The tab names are lowercase in the content ("dag for dag"); the old look hid that with capitals. */
.ia-tour-tabs a::first-letter,
.ia-tour-toggle::first-letter {
	text-transform: uppercase;
}

/* Contact forms. The old form wraps its button in a span with the button class: the span stays
   invisible, and the button itself gets the rounded style. */
.atbtn.atbtn--input-wrap,
.atbtn.atbtn--input-wrap:hover {
	padding: 0;
	border-radius: 0;
	box-shadow: none;
	transform: none;
}

.wpcf7 input:not([type="submit"]),
.wpcf7 textarea {
	border-radius: var(--ia-radius-s);
}

.wpcf7 input[type="submit"] {
	font-family: var(--ia-font);
	letter-spacing: 0.01em;
	text-transform: none;
	border-radius: 999px;
	transition: background-color 0.2s, transform 0.2s var(--ia-ease), box-shadow 0.2s;
}

.wpcf7 input[type="submit"]:hover {
	transform: translateY(-1px);
	box-shadow: 0 6px 16px rgba(16, 40, 70, 0.18);
}

@media (prefers-reduced-motion: reduce) {
	.wpcf7 input[type="submit"] {
		transition: none;
	}

	.wpcf7 input[type="submit"]:hover {
		transform: none;
	}
}

/* The old shortcodes in page and tour texts (plugin indianadventures-tours, tour-text.css) name the
   old fonts directly. The body class makes these win whatever order the files load in. */
.ia-design-refresh .ia-sc-subtitle {
	margin-bottom: 8px;
	font-family: var(--ia-font);
	font-size: 0.8rem;
	font-weight: 800;
	letter-spacing: 0.16em;
	text-transform: uppercase;
	color: var(--wp--preset--color--accent);
}

.ia-design-refresh h2.ia-sc-title,
.ia-design-refresh .ia-timeline__body h3,
.ia-design-refresh .ia-review__main h3 {
	font-family: var(--ia-serif);
	font-weight: 600;
	letter-spacing: -0.015em;
	text-transform: none;
}

.ia-design-refresh .ia-timeline__number,
.ia-design-refresh .ia-contact li,
.ia-design-refresh .ia-review__who {
	font-family: var(--ia-font);
}

.ia-design-refresh .ia-timeline__number {
	font-weight: 800;
}

/* Photos in tour and page texts, rounded like the cards. */
.ia-tour-body img,
.ia-content-card img:not(.kontaktpil):not([width="16"]) {
	border-radius: var(--ia-radius-s);
}

/* ------------------------------------------------------------------------------------------------
   Third round, 2026-11-10. Patrik liked the floating menu but wanted the rest of the page more
   different: new layouts for the start page sections, same content.
   ------------------------------------------------------------------------------------------------ */

/* Section titles on the start page: bigger, all left-aligned. */
.ia-home .ia-title {
	font-size: clamp(2.1rem, 1.3rem + 3vw, 3.2rem);
}

.ia-home .ia-section--narrow .ia-title.has-text-align-center,
.ia-home .ia-section--narrow .ia-script {
	text-align: left;
}

.ia-home .ia-section--narrow .ia-title::after {
	left: 0;
	transform: none;
}

/* News: a wide card, photo left and the text overlapping it. */
.ia-home .ia-section--narrow .ia-post-card {
	display: grid;
	grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr);
	align-items: center;
	max-width: 1170px;
	text-align: left;
}

.ia-home .ia-section--narrow .ia-post-card__image img {
	aspect-ratio: 4 / 3;
	border-radius: var(--ia-radius-l);
}

.ia-home .ia-section--narrow .ia-post-card__body {
	width: auto;
	margin: 0 0 0 -90px;
	padding: clamp(28px, 4vw, 48px);
	border-radius: var(--ia-radius);
	box-shadow: var(--ia-shadow-hover);
}

.ia-home .ia-section--narrow .ia-post-card h3 {
	font-size: clamp(1.6rem, 1.2rem + 1.4vw, 2.2rem);
	line-height: 1.15;
}

.ia-home .ia-section--narrow .ia-post-card p {
	color: var(--ia-muted);
}

@media (max-width: 781px) {
	.ia-home .ia-section--narrow .ia-post-card {
		grid-template-columns: 1fr;
	}

	.ia-home .ia-section--narrow .ia-post-card__body {
		margin: -48px 14px 0;
	}
}

/* Tour cards: tall photo cards with the title and text on the photo. The photo links to the tour, and
   the title's link covers the text below it. */
.ia-tour-card {
	position: relative;
	display: grid;
	min-height: 440px;
	color: var(--wp--preset--color--white);
	background: var(--wp--preset--color--slate);
}

.ia-tour-card > * {
	grid-area: 1 / 1;
}

/* The photo fills the card without setting its height. */
.ia-tour-card__image {
	position: absolute;
	inset: 0;
}

.ia-tour-card__image img {
	height: 100%;
	aspect-ratio: auto;
}

.ia-tour-card__body {
	position: relative;
	z-index: 1;
	align-self: end;
	padding: 110px 26px 26px;
	background: linear-gradient(180deg, rgba(8, 22, 38, 0) 0%, rgba(8, 22, 38, 0.7) 45%, rgba(8, 22, 38, 0.92) 100%);
}

.ia-tour-card h3 {
	font-size: 1.65rem;
	line-height: 1.15;
}

.ia-tour-card h3 a {
	color: var(--wp--preset--color--white);
}

.ia-tour-card h3 a::after {
	position: absolute;
	inset: 0;
	z-index: 1;
	content: "";
}

.ia-tour-card p {
	color: rgba(255, 255, 255, 0.82);
}

.ia-tour-card__facts {
	z-index: 2;
}

.ia-tour-card:hover h3 a {
	color: #f6c25a;
}

.ia-tour-related .ia-tour-card {
	min-height: 340px;
}

.ia-tour-related .ia-tour-card h3 {
	font-size: 1.3rem;
}

/* Destinations as a mosaic: the first tile large, the second wide. */
.ia-tiles {
	grid-template-columns: repeat(4, minmax(0, 1fr));
	grid-auto-rows: 230px;
	gap: 18px;
}

.ia-tile:nth-child(1) {
	grid-column: span 2;
	grid-row: span 2;
}

.ia-tile:nth-child(2) {
	grid-column: span 2;
}

.ia-tile,
.ia-tile a,
.ia-tile img {
	height: 100%;
}

.ia-tile img {
	aspect-ratio: auto;
}

.ia-tile:nth-child(1) figcaption {
	padding: 120px 28px 26px;
	font-size: 2rem;
}

@media (max-width: 781px) {
	.ia-tiles {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		grid-auto-rows: 170px;
		gap: 12px;
	}

	.ia-tile:nth-child(1) {
		grid-row: span 2;
	}

	.ia-tile:nth-child(1) figcaption {
		font-size: 1.5rem;
	}
}

/* Why travel with us: the title left, the four points as a list in two columns, on navy. */
.ia-why .wp-block-cover__image-background {
	opacity: 0.18;
	mix-blend-mode: luminosity;
}

.ia-why .wp-block-cover__background {
	opacity: 1 !important;
	background-image: linear-gradient(135deg, #0f2740 0%, #15304a 50%, #0c5283 100%);
}

.ia-why .wp-block-cover__inner-container {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(0, 1.6fr);
	gap: 40px 56px;
	align-items: center;
	max-width: 1130px;
	margin-inline: auto;
	padding: 24px clamp(8px, 3vw, 32px);
}

.ia-home .ia-why .ia-title.has-text-align-center {
	margin: 0;
	text-align: left;
}

.ia-home .ia-why .ia-title::after {
	left: 0;
	transform: none;
}

.ia-why__items {
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 14px;
}

.ia-why__item {
	flex-direction: row;
	justify-content: flex-start;
	gap: 18px;
	min-height: 0;
	padding: 20px 22px;
	font-size: 1.1rem;
	text-align: left;
}

.ia-why__item svg {
	flex: none;
	width: 26px;
	height: 26px;
	padding: 13px;
}

@media (max-width: 900px) {
	/* The old look's round badges are small squares here; the list rows need the full width. */
	.ia-why__item {
		max-width: none;
		aspect-ratio: auto;
		padding: 16px 18px;
		font-size: 1rem;
	}

	.ia-why__item svg {
		width: 22px;
		height: 22px;
		padding: 11px;
	}
}

@media (max-width: 781px) {
	.ia-why .wp-block-cover__inner-container {
		grid-template-columns: 1fr;
	}

	.ia-why__items {
		grid-template-columns: 1fr;
	}
}

/* The two trip stories (Tibet, Namibia): a large photo and the text in a card overlapping it. */
.ia-home .ia-split:not(:has(.ia-post-card)) {
	gap: 0 !important;
	align-items: center !important;
}

.ia-home .ia-split:not(:has(.ia-post-card)) > .wp-block-column:has(img) img {
	width: 100%;
	aspect-ratio: 4 / 3;
	object-fit: cover;
	border-radius: var(--ia-radius-l);
}

.ia-home .ia-split:not(:has(.ia-post-card)) > .wp-block-column:not(:has(img)) {
	position: relative;
	z-index: 1;
	padding: clamp(28px, 4vw, 48px);
	background: var(--wp--preset--color--white);
	border-radius: var(--ia-radius);
	box-shadow: var(--ia-shadow-hover);
}

@media (min-width: 782px) {
	.ia-home .ia-split:not(:has(.ia-post-card)) > .wp-block-column:has(img) {
		flex-basis: 58% !important;
	}

	.ia-home .ia-split:not(:has(.ia-post-card)) > .wp-block-column:not(:has(img)) {
		flex-basis: 42% !important;
	}

	.ia-home .ia-split:not(:has(.ia-post-card)) > .wp-block-column:has(img) + .wp-block-column {
		margin-left: -70px;
	}

	.ia-home .ia-split:not(:has(.ia-post-card)) > .wp-block-column:not(:has(img)):has(+ .wp-block-column img) {
		margin-right: -70px;
	}
}

@media (max-width: 781px) {
	.ia-home .ia-split:not(:has(.ia-post-card)) > .wp-block-column:not(:has(img)) {
		margin: -40px 12px 0;
	}

	.ia-home .ia-split:not(:has(.ia-post-card)) > .wp-block-column:not(:has(img)):has(+ .wp-block-column img) {
		order: 2;
	}
}

/* Newsletter: a navy panel, the text left and the form right. */
.ia-newsletter.has-accent-background-color {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	gap: 6px 40px;
	align-items: center;
	padding: clamp(32px, 5vw, 60px) clamp(24px, 5vw, 64px);
	text-align: left;
	background-image: linear-gradient(135deg, #0f2740 0%, #15304a 60%, #0c5283 100%);
}

.ia-newsletter.has-accent-background-color > * {
	grid-column: 2;
	grid-row: 1 / span 2;
	max-width: none;
	margin: 0 !important;
}

.ia-newsletter.has-accent-background-color > .ia-script {
	grid-column: 1;
	grid-row: 1;
	align-self: end;
	color: #f6c25a;
}

.ia-newsletter.has-accent-background-color > h2 {
	grid-column: 1;
	grid-row: 2;
	align-self: start;
	text-align: left;
	font-size: clamp(1.8rem, 1.2rem + 2vw, 2.6rem);
}

.ia-home .ia-newsletter .ia-script {
	text-align: left;
}

.ia-newsletter .yikes-easy-mc-form .yikes-easy-mc-submit-button {
	background: var(--wp--preset--color--accent);
}

.ia-newsletter .yikes-easy-mc-form {
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
}

@media (max-width: 781px) {
	.ia-newsletter.has-accent-background-color {
		grid-template-columns: 1fr;
	}

	.ia-newsletter.has-accent-background-color > * {
		grid-column: 1;
		grid-row: auto;
	}

	.ia-newsletter.has-accent-background-color > .ia-script {
		grid-row: auto;
		order: -1;
	}

	.ia-newsletter.has-accent-background-color > h2 {
		grid-row: auto;
		margin-bottom: 16px !important;
	}
}

/* Footer: a question and two buttons above the columns. */
.ia-footer__cta {
	display: flex;
	flex-wrap: wrap;
	gap: 24px 40px;
	align-items: center;
	justify-content: space-between;
	max-width: 1170px;
	margin-inline: auto;
	padding: 64px 20px 48px;
	border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.ia-footer__cta p {
	margin: 0;
}

.ia-footer__cta-eyebrow {
	font-size: 0.8rem;
	font-weight: 800;
	letter-spacing: 0.16em;
	text-transform: uppercase;
	color: #f6c25a;
}

.ia-footer__cta-title {
	margin-top: 8px !important;
	font-family: var(--ia-serif);
	font-size: clamp(2rem, 1.3rem + 2.6vw, 3.2rem);
	font-weight: 600;
	letter-spacing: -0.02em;
	line-height: 1.1;
	color: var(--wp--preset--color--white);
}

.ia-footer__cta-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
}

.ia-footer__cta .wp-element-button {
	padding: 14px 30px;
	color: var(--wp--preset--color--white);
}

.ia-footer__cta .wp-element-button.is-ghost {
	background: transparent;
	box-shadow: inset 0 0 0 1.5px rgba(255, 255, 255, 0.5);
}

.ia-footer__cta .wp-element-button.is-ghost:hover {
	color: var(--wp--preset--color--slate);
	background: var(--wp--preset--color--white);
}

.ia-footer__columns {
	padding-top: 48px;
}

/* ------------------------------------------------------------------------------------------------
   Fourth round, 2026-11-10: the rest of the site in the same spirit as the start page. Photo heroes
   with the title bottom left, a navy banner on pages without a photo, the tour list and the blog as
   card grids, single posts as an editorial column, and a new tour page.
   ------------------------------------------------------------------------------------------------ */

/* Photo heroes (tours, categories, blog, contact, tour pages): rounded bottom, title bottom left. */
.ia-tour-hero {
	align-items: stretch;
	text-align: left;
	border-radius: 0 0 var(--ia-radius-xl) var(--ia-radius-xl);
}

.ia-tour-hero > :not(.ia-hero-bg) {
	box-sizing: border-box;
	width: 100%;
	max-width: 1170px;
	margin-inline: auto;
	padding-inline: 0;
}

.ia-tour-hero--page {
	justify-content: flex-end;
	min-height: clamp(340px, 42vw, 520px);
	padding-bottom: 56px;
}

.ia-tour-hero::after {
	background:
		linear-gradient(90deg, rgba(8, 22, 38, 0.55) 0%, rgba(8, 22, 38, 0) 60%),
		linear-gradient(180deg, rgba(8, 22, 38, 0.1) 0%, rgba(8, 22, 38, 0.6) 100%);
}

.ia-tour-hero__subtitle {
	margin-top: 12px;
	font-size: clamp(1.05rem, 0.95rem + 0.5vw, 1.3rem);
	font-weight: 500;
	opacity: 0.92;
}

/* Pages without a photo on top (Om oss, Praktisk …): the title in a navy banner. */
.ia-page-heading {
	box-sizing: border-box;
	max-width: 1210px;
	margin: 20px auto 0;
	padding: clamp(40px, 6vw, 80px) clamp(24px, 5vw, 64px);
	background: linear-gradient(135deg, #0f2740 0%, #15304a 55%, #0c5283 100%);
	border-radius: var(--ia-radius-l);
}

.ia-page-heading .ia-title {
	margin: 0;
	font-size: clamp(2.2rem, 1.4rem + 3vw, 3.4rem);
	text-align: left;
	color: var(--wp--preset--color--white);
}

.ia-page-heading .ia-title::after {
	left: 0;
	transform: none;
}

.ia-page-heading + .ia-section {
	padding-top: var(--wp--preset--spacing--l);
}

@media (max-width: 1250px) {
	.ia-page-heading {
		margin-inline: 20px;
	}
}

/* Page text: the featured image as a wide rounded photo, the text card overlapping its bottom. */
.ia-section > .wp-block-post-featured-image img {
	aspect-ratio: 21 / 9;
	object-fit: cover;
	border-radius: var(--ia-radius-l);
}

.ia-section > .wp-block-post-featured-image + .ia-content-card {
	position: relative;
	width: calc(100% - 80px);
	margin: -80px auto 0;
	border-radius: var(--ia-radius);
}

@media (max-width: 700px) {
	.ia-section > .wp-block-post-featured-image + .ia-content-card {
		width: calc(100% - 24px);
		margin-top: -40px;
	}
}

.ia-content-card {
	border-radius: var(--ia-radius);
	box-shadow: var(--ia-shadow);
}

/* Contact page: the contact details on navy, the form in its own card. */
.ia-content-card .wp-block-column:has(.ia-contact) {
	box-sizing: border-box;
	padding: clamp(28px, 4vw, 44px);
	color: #dfe7ef;
	background: linear-gradient(135deg, #0f2740 0%, #15304a 55%, #0c5283 100%);
	border-radius: var(--ia-radius-l);
}

.ia-content-card .wp-block-column:has(.ia-contact) :is(h2, .ia-sc-title) {
	color: var(--wp--preset--color--white);
}

.ia-content-card .wp-block-column:has(.ia-contact) a {
	color: #f6c25a;
}

.ia-content-card .wp-block-column:has(.wpcf7) {
	box-sizing: border-box;
	padding: clamp(28px, 4vw, 44px);
	background: var(--wp--preset--color--white);
	border-radius: var(--ia-radius-l);
	box-shadow: var(--ia-shadow);
}

/* Tour list: cards in two columns beside the three other tours. */
.ia-tour-archive__main {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 24px;
	align-content: start;
}

.ia-tour-archive__main > :not(.ia-tour-row) {
	grid-column: 1 / -1;
}

.ia-tour-row {
	grid-template-columns: 1fr;
	grid-template-rows: auto 1fr auto;
	min-height: 0;
	margin: 0;
}

.ia-tour-row__image {
	min-height: 0;
	aspect-ratio: 16 / 10;
}

.ia-tour-row__main {
	padding: 22px 24px 8px;
}

.ia-tour-row h2 {
	font-size: 1.45rem;
	line-height: 1.2;
}

.ia-tour-row__side {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: center;
	justify-content: flex-start;
	gap: 4px 10px;
	margin: 0 24px;
	padding: 16px 0 22px;
	text-align: left;
	border-top: 1px solid var(--wp--preset--color--border);
	border-left: 0;
}

.ia-tour-row__side p,
.ia-tour-row__side .ia-tour-row__price,
.ia-tour-row__side .ia-tour-row__rating {
	margin: 0 !important;
}

.ia-tour-row__price {
	font-size: 1.3rem;
}

/* Stars and rating on the first line, price on the second, the button beside both. */
.ia-tour-row__side {
	display: grid;
	grid-template-columns: auto auto minmax(0, 1fr) auto;
	column-gap: 8px;
	row-gap: 2px;
}

.ia-tour-row__side .ia-stars {
	grid-row: 1;
	grid-column: 1;
}

.ia-tour-row__side .ia-tour-row__rating {
	grid-row: 1;
	grid-column: 2 / 4;
}

.ia-tour-row__side .ia-tour-row__price {
	grid-row: 2;
	grid-column: 1;
}

.ia-tour-row__side .ia-tour-row__per {
	grid-row: 2;
	grid-column: 2 / 4;
}

.ia-tour-row__side .atbtn {
	grid-row: 1 / 3;
	grid-column: 4;
	margin: 0;
}

@media (max-width: 1000px) {
	.ia-tour-archive__main {
		grid-template-columns: 1fr;
	}
}

/* Blog list: cards in two columns, photo on top. */
.ia-section:has(> .ia-post) {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 28px;
	max-width: 1210px;
	margin-inline: auto;
}

.ia-section:has(> .ia-post) > * {
	grid-column: 1 / -1;
	max-width: none !important;
	margin: 0 !important;
}

.ia-section:has(> .ia-post) > .ia-post {
	grid-column: auto;
	display: flex;
	flex-direction: column;
}

.ia-post__image {
	order: -1;
}

.ia-post__image img {
	aspect-ratio: 16 / 10;
}

.ia-post h2 {
	padding: 26px 28px 6px;
	font-size: clamp(1.35rem, 1.1rem + 0.8vw, 1.7rem);
	text-align: left;
}

.ia-post-meta {
	justify-content: flex-start;
	padding: 4px 28px 0;
}

.ia-post__text {
	flex: 1;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	padding: 16px 28px 28px;
	text-align: left;
}

.ia-post__text p {
	color: var(--ia-muted);
}

.ia-post__more {
	margin-top: auto;
}

.ia-section:has(> .ia-post) .ia-share {
	display: none;
}

@media (max-width: 781px) {
	.ia-section:has(> .ia-post) {
		grid-template-columns: 1fr;
	}
}

/* A blog post: one editorial column, a big title, the featured image wide and rounded. */
.ia-section:has(> .ia-article) > * {
	max-width: 860px;
	margin-inline: auto;
}

.ia-article {
	overflow: visible;
	background: none;
	box-shadow: none;
}

.ia-article .wp-block-post-title {
	padding: 24px 0 10px;
	font-size: clamp(2.2rem, 1.4rem + 3vw, 3.4rem);
	line-height: 1.08;
	text-align: left;
}

.ia-article .ia-post-meta {
	justify-content: flex-start;
	padding: 4px 0 28px;
}

.ia-article .wp-block-post-featured-image img {
	border-radius: var(--ia-radius-l);
}

.ia-article .ia-content-card {
	margin-top: 24px;
	padding: clamp(24px, 4vw, 48px);
	font-size: 1.06rem;
	background: var(--wp--preset--color--white);
	border-radius: var(--ia-radius);
	box-shadow: var(--ia-shadow);
}

.ia-article .ia-share {
	margin-top: 16px;
	overflow: hidden;
	background: var(--wp--preset--color--white);
	border: 0;
	border-radius: var(--ia-radius);
	box-shadow: var(--ia-shadow);
}

/* Tour page: tabs as a pill bar, facts as separate tiles, the booking as a white card. */
.ia-tour-tabs {
	align-items: center;
	align-self: start;
	width: fit-content;
	max-width: 100%;
	height: auto;
	padding: 6px;
	gap: 4px;
	background: var(--wp--preset--color--white);
	border-radius: var(--ia-radius);
	box-shadow: 0 10px 30px rgba(10, 25, 40, 0.18);
}

.ia-tour-tabs a,
.ia-tour-tabs a[aria-selected="true"] {
	padding: 10px 22px;
	border-radius: var(--ia-radius-s);
}

.ia-tour-tabs a[aria-selected="true"] {
	background: var(--wp--preset--color--navy);
}

.ia-tour-facts {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 12px;
	min-height: 0;
	margin-top: 14px;
	background: none;
	border: 0;
	border-radius: 0;
	box-shadow: none;
}

.ia-tour-facts li,
.ia-tour-facts li + li {
	justify-content: flex-start;
	padding: 18px;
	background: var(--wp--preset--color--white);
	border: 0;
	border-radius: var(--ia-radius);
	box-shadow: var(--ia-shadow);
}

.ia-tour-facts strong {
	font-size: 1.05rem;
}

.ia-tour-facts .ia-line-icon {
	box-sizing: content-box;
	width: 22px;
	height: 22px;
	padding: 10px;
	background: #fdf1da;
	border-radius: var(--ia-radius-s);
}

.ia-tour-body {
	margin-top: 14px;
	border-radius: var(--ia-radius);
	box-shadow: var(--ia-shadow);
}

.ia-tour-price {
	background: var(--wp--preset--color--slate);
}

.ia-tour-price strong {
	font-family: var(--ia-serif);
	font-size: 1.9rem;
	background: none;
}

.ia-tour-price .ia-line-icon {
	stroke: #f6c25a;
}

.ia-tour-price > span {
	padding: 0 8px 14px;
	color: #c3cfdc;
}

.ia-booking {
	gap: 12px;
	padding: 28px 22px 24px;
	background: var(--wp--preset--color--white);
}

.ia-booking h3 {
	margin-bottom: 4px;
	font-size: 1.5rem;
	text-align: left;
	color: var(--wp--preset--color--contrast);
}

.ia-booking input,
.ia-booking select {
	background: #f4f1ec;
	border: 1px solid transparent;
}

.ia-booking input:focus,
.ia-booking select:focus {
	background: var(--wp--preset--color--white);
	border-color: var(--wp--preset--color--accent);
	outline: 0;
}

.ia-booking__field .ia-line-icon {
	stroke: var(--wp--preset--color--accent);
}

.ia-booking p {
	text-align: left;
	color: var(--ia-muted);
}

.ia-booking button,
.ia-booking button:hover {
	position: static;
	width: 100%;
	margin-top: 6px;
	border: 0;
	transform: none;
}

.ia-booking button:hover {
	box-shadow: 0 12px 24px rgba(1, 120, 60, 0.35);
}

.ia-tour-more {
	margin-top: 24px;
}

@media (max-width: 1000px) {
	.ia-tour-facts {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 767px) {
	.ia-tour-hero {
		border-radius: 0 0 var(--ia-radius-l) var(--ia-radius-l);
	}

	.ia-tour-facts li,
	.ia-tour-facts li + li {
		padding: 14px;
	}
}

/* The share row under a tour text: its own rounded bar, like on blog posts. */
.ia-tour-main .ia-share {
	margin-top: 14px;
	overflow: hidden;
	border: 0;
	border-radius: var(--ia-radius);
	box-shadow: var(--ia-shadow);
}

.ia-share a {
	transition: color 0.2s, background-color 0.2s;
}

.ia-share a:hover {
	background: #fdf6e8;
}

/* The start page slider gets the same rounded bottom as the photo heroes on the other pages. */
.ia-slider {
	border-radius: 0 0 var(--ia-radius-xl) var(--ia-radius-xl);
}

@media (max-width: 767px) {
	.ia-slider {
		border-radius: 0 0 var(--ia-radius-l) var(--ia-radius-l);
	}
}

/* The navy title banner is the first block in main, where WordPress's flow layout removes the top
   margin (.is-layout-flow > :first-child). The space under the floating header comes back here. */
main.ia-front > .ia-page-heading {
	/* As wide as the floating header above it, at every screen width. */
	width: min(1210px, 100% - 40px);
	max-width: none;
	margin: 24px auto 0;
}

@media (max-width: 600px) {
	main.ia-front > .ia-page-heading {
		width: calc(100% - 24px);
		margin-top: 16px;
	}
}

/* A photo hero starts at the very top, under the floating header. On tour pages WooCommerce prints
   an (empty) notices box first, so the flow layout's block gap would push the photo down. */
main > .ia-tour-hero,
main > * + .ia-tour-hero {
	margin-block-start: 0;
}