/* WAS IST THAI MASSAGE PAGE STYLES */

.authority-page {
	background-color: var(--color-neutral-white);
}

/* Hero Section */
.authority-page__hero {
	background: linear-gradient(135deg, var(--color-primary-500) 0%, var(--color-primary-700) 100%);
	padding: var(--spacing-16) 0 var(--spacing-12);
	text-align: center;
}

.authority-page__hero--with-image {
	background-image: url('/images/authority/was-ist-thai-massage-hero.webp');
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	min-height: 250px;
	position: relative;
	padding: 0;
}

.authority-page__hero-overlay {
	background-color: rgba(102, 22, 82, 0.5);
	padding: var(--spacing-8) 0;
	min-height: inherit;
	display: flex;
	align-items: center;
}

.authority-page__hero--with-image .component-headline__tagline,
.authority-page__hero--with-image .component-headline__heading {
	color: var(--color-neutral-white);
}

.authority-page__hero--with-image .component-headline__divider-svg {
	fill: var(--color-neutral-white);
}

@media (min-width: 640px) {
	.authority-page__hero--with-image {
		min-height: 350px;
	}

	.authority-page__hero-overlay {
		padding: var(--spacing-12) 0;
	}
}

@media (min-width: 1024px) {
	.authority-page__hero--with-image {
		min-height: 400px;
	}

	.authority-page__hero-overlay {
		padding: var(--spacing-16) 0;
	}
}

/* Introduction Section */
.authority-page__intro {
	padding: var(--spacing-12) 0;
	background-color: var(--color-neutral-50);
}

.authority-page__intro .container {
	max-width: 800px;
	margin: 0 auto;
	padding: 0 var(--spacing-4);
}

.authority-page__lead {
	font-size: var(--font-size-lg);
	line-height: var(--line-height-relaxed);
	color: var(--color-neutral-900);
	margin-bottom: var(--spacing-6);
	font-weight: var(--font-weight-semibold);
}

.authority-page__intro p {
	font-size: var(--font-size-base);
	line-height: var(--line-height-relaxed);
	color: var(--color-neutral-700);
	margin-bottom: var(--spacing-6);
}

.authority-page__cta-secondary {
	margin-top: var(--spacing-8);
	text-align: center;
}

/* Content Sections */
.authority-page__section {
	padding: var(--spacing-12) 0;
	border-bottom: var(--border-width-thin) solid var(--color-neutral-200);
}

.authority-page__section:last-of-type {
	border-bottom: none;
}

.authority-page__section .container {
	max-width: 800px;
	margin: 0 auto;
	padding: 0 var(--spacing-4);
}

.authority-page__section h2 {
	font-family: var(--font-heading);
	font-size: var(--font-size-3xl);
	line-height: var(--line-height-tight);
	color: var(--color-primary-500);
	margin-bottom: var(--spacing-6);
	font-weight: var(--font-weight-bold);
}

.authority-page__section h3 {
	font-family: var(--font-heading);
	font-size: var(--font-size-xl);
	line-height: var(--line-height-tight);
	color: var(--color-neutral-900);
	margin-top: var(--spacing-8);
	margin-bottom: var(--spacing-4);
	font-weight: var(--font-weight-semibold);
}

.authority-page__section p {
	font-size: var(--font-size-base);
	line-height: var(--line-height-relaxed);
	color: var(--color-neutral-700);
	margin-bottom: var(--spacing-6);
}

.authority-page__section ul {
	margin-bottom: var(--spacing-6);
	padding-left: var(--spacing-6);
}

.authority-page__section li {
	font-size: var(--font-size-base);
	line-height: var(--line-height-relaxed);
	color: var(--color-neutral-700);
	margin-bottom: var(--spacing-3);
}

/* Benefits List */
.authority-page__benefits-list {
	list-style: none;
	padding-left: 0;
}

.authority-page__benefits-list li {
	position: relative;
	padding-left: var(--spacing-6);
	margin-bottom: var(--spacing-4);
}

.authority-page__benefits-list li::before {
	content: '✓';
	position: absolute;
	left: 0;
	color: #36771A;
	font-weight: var(--font-weight-bold);
	font-size: var(--font-size-lg);
}

/* Duration List */
.authority-page__duration-list {
	list-style: none;
	padding-left: 0;
}

.authority-page__duration-list li {
	padding-left: var(--spacing-2);
	margin-bottom: var(--spacing-4);
}

/* Caution List */
.authority-page__caution-list {
	list-style: none;
	padding-left: 0;
}

.authority-page__caution-list li {
	position: relative;
	padding-left: var(--spacing-6);
	margin-bottom: var(--spacing-4);
}

.authority-page__caution-list li::before {
	content: '⚠';
	position: absolute;
	left: 0;
	font-size: var(--font-size-lg);
}

/* Comparison Table */
.authority-page__comparison-table-wrapper {
	overflow-x: auto;
	margin: var(--spacing-8) 0;
	border-radius: var(--radius-md);
	box-shadow: var(--shadow-card);
	-webkit-overflow-scrolling: touch;
}

.authority-page__comparison-table {
	width: 100%;
	border-collapse: collapse;
	background-color: var(--color-neutral-white);
	font-size: var(--font-size-base);
	min-width: 600px;
}

.authority-page__comparison-table thead {
	background-color: var(--color-primary-500);
	color: var(--color-neutral-white);
}

.authority-page__comparison-table th {
	padding: var(--spacing-4);
	text-align: left;
	font-weight: var(--font-weight-semibold);
	border-bottom: var(--border-width-medium) solid var(--color-primary-700);
}

.authority-page__comparison-table td {
	padding: var(--spacing-4);
	border-bottom: var(--border-width-thin) solid var(--color-neutral-200);
	color: var(--color-neutral-700);
}

.authority-page__comparison-table tbody tr:hover {
	background-color: var(--color-neutral-50);
	transition: background-color var(--transition-normal);
}

.authority-page__comparison-table tbody tr:first-child {
	background-color: rgba(102, 22, 82, 0.05);
}

/* FAQ Preview */
.authority-page__faq-preview {
	margin: var(--spacing-8) 0;
}

.authority-page__faq-item {
	border-left: var(--border-width-thick) solid #A65C94;
	padding-left: var(--spacing-4);
	margin-bottom: var(--spacing-6);
}

.authority-page__faq-item h3 {
	font-family: var(--font-heading);
	font-size: var(--font-size-lg);
	color: var(--color-neutral-900);
	margin-top: 0;
	margin-bottom: var(--spacing-2);
	font-weight: var(--font-weight-semibold);
}

.authority-page__faq-item p {
	font-size: var(--font-size-base);
	line-height: var(--line-height-relaxed);
	color: var(--color-neutral-700);
	margin-bottom: 0;
}

.authority-page__faq-link {
	text-align: center;
	margin-top: var(--spacing-8);
}

/* Conclusion & CTA */
.authority-page__conclusion {
	padding: var(--spacing-12) 0;
	background: linear-gradient(135deg, var(--color-primary-500) 0%, var(--color-primary-700) 100%);
	color: var(--color-neutral-white);
}

.authority-page__conclusion .container {
	max-width: 800px;
	margin: 0 auto;
	padding: 0 var(--spacing-4);
}

.authority-page__conclusion h2 {
	font-family: var(--font-heading);
	font-size: var(--font-size-3xl);
	color: var(--color-neutral-white);
	margin-bottom: var(--spacing-6);
	text-align: center;
}

.authority-page__conclusion p {
	font-size: var(--font-size-base);
	line-height: var(--line-height-relaxed);
	color: var(--color-neutral-white);
	margin-bottom: var(--spacing-6);
}

.authority-page__trust-signals {
	background-color: rgba(255, 255, 255, 0.1);
	border-radius: var(--radius-md);
	padding: var(--spacing-6);
	margin: var(--spacing-8) 0;
}

.authority-page__trust-signals ul {
	list-style: none;
	padding-left: 0;
	margin-bottom: 0;
}

.authority-page__trust-signals li {
	font-size: var(--font-size-base);
	color: var(--color-neutral-white);
	margin-bottom: var(--spacing-3);
	font-weight: var(--font-weight-semibold);
}

.authority-page__cta-primary {
	background-color: var(--color-neutral-white);
	border-radius: var(--radius-md);
	padding: var(--spacing-8);
	text-align: center;
	box-shadow: var(--shadow-card);
}

.authority-page__cta-primary h3 {
	font-family: var(--font-heading);
	font-size: var(--font-size-2xl);
	color: var(--color-primary-500);
	margin-top: 0;
	margin-bottom: var(--spacing-4);
}

.authority-page__cta-primary p {
	font-size: var(--font-size-base);
	color: var(--color-neutral-700);
	margin-bottom: var(--spacing-6);
}

.authority-page__cta-buttons {
	display: flex;
	flex-direction: column;
	gap: var(--spacing-4);
	margin-bottom: var(--spacing-6);
}

.authority-page__cta-links {
	font-size: var(--font-size-base);
	color: var(--color-neutral-700);
	margin-bottom: 0;
}

.authority-page__cta-links a {
	color: var(--color-primary-500);
	text-decoration: none;
	font-weight: var(--font-weight-semibold);
}

.authority-page__cta-links a:hover,
.authority-page__cta-links a:focus {
	text-decoration: underline;
}

/* Links */
.authority-page__internal-link {
	color: var(--color-primary-500);
	text-decoration: none;
	font-weight: var(--font-weight-semibold);
	transition: color var(--transition-normal);
}

.authority-page__internal-link:hover,
.authority-page__internal-link:focus {
	color: var(--color-primary-700);
	text-decoration: underline;
}

.authority-page__external-link {
	color: var(--color-primary-500);
	text-decoration: none;
	font-weight: var(--font-weight-semibold);
}

.authority-page__external-link:hover,
.authority-page__external-link:focus {
	text-decoration: underline;
}

/* Responsive: Tablet */
@media (min-width: 768px) {
	.authority-page__hero {
		padding: var(--spacing-20) 0 var(--spacing-16);
	}

	.authority-page__intro .container,
	.authority-page__section .container,
	.authority-page__conclusion .container {
		padding: 0 var(--spacing-8);
	}

	.authority-page__lead {
		font-size: var(--font-size-xl);
	}

	.authority-page__section h2 {
		font-size: var(--font-size-4xl);
	}

	.authority-page__section h3 {
		font-size: var(--font-size-2xl);
	}

	.authority-page__cta-buttons {
		flex-direction: row;
		justify-content: center;
	}

	.authority-page__comparison-table {
		font-size: var(--font-size-base);
	}
}

/* Responsive: Desktop */
@media (min-width: 1024px) {
	.authority-page__intro .container,
	.authority-page__section .container,
	.authority-page__conclusion .container {
		max-width: 1000px;
	}

	.authority-page__section h2 {
		font-size: var(--font-size-5xl);
	}

	.authority-page__comparison-table {
		min-width: 100%;
	}
}

/* Responsive: Large Desktop */
@media (min-width: 1536px) {
	.authority-page__intro .container,
	.authority-page__section .container,
	.authority-page__conclusion .container {
		max-width: 1200px;
	}
}