@import url('https://fonts.googleapis.com/css2?family=Sora:wght@300;400;500;600;700;800&family=Inter:wght@300;400;500;600;700&display=swap');

.aafe-animated-hike-card-wrapper h1,
.aafe-animated-hike-card-wrapper h2,
.aafe-animated-hike-card-wrapper h3,
.aafe-animated-hike-card-wrapper h4,
.aafe-animated-hike-card-wrapper h5,
.aafe-animated-hike-card-wrapper h6 { 
	font-family: 'Sora', sans-serif; 
}

.aafe-animated-hike-card-wrapper p,
.aafe-animated-hike-card-wrapper span,
.aafe-animated-hike-card-wrapper li,
.aafe-animated-hike-card-wrapper a { 
	font-family: 'Inter', sans-serif; 
}

/* Base Wrapper */
.aafe-animated-hike-card-wrapper {
	display: block;
	width: 100%;
	max-width: 450px;
	cursor: pointer;
	border-radius: var(--aafe-wrapper-radius, 16px);
	background-color: var(--aafe-wrapper-bg, #ffffff);
	border: 1px solid var(--aafe-wrapper-border-color, #e5e7eb);
	padding: var(--aafe-wrapper-padding, 24px);
	box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
	color: var(--aafe-text-color, #0f172a);
	transition: all var(--aafe-transition, 300ms) ease;
	text-decoration: none;
	box-sizing: border-box;
}

.aafe-animated-hike-card-wrapper:hover,
.aafe-animated-hike-card-wrapper:focus {
	text-decoration: none;
	color: var(--aafe-text-color, #0f172a);
}

.aafe-animated-hike-card-wrapper * {
	box-sizing: border-box;
}

/* Hover Effect System */
.aafe-animated-hike-card-wrapper[data-hover="lift"]:hover { transform:translateY(-6px); box-shadow:0 12px 40px rgba(0,0,0,0.15); }
.aafe-animated-hike-card-wrapper[data-hover="scale"]:hover { transform:scale(var(--aafe-hover-scale,1.03)); }
.aafe-animated-hike-card-wrapper[data-hover="glow"]:hover { box-shadow:0 0 0 3px #4F46E5,0 8px 30px rgba(79,70,229,0.25); }
.aafe-animated-hike-card-wrapper[data-hover="border-pop"]:hover { border-color:#4F46E5; transform:scale(1.01); }
.aafe-animated-hike-card-wrapper[data-hover="shine"] { overflow:hidden; position:relative; }
.aafe-animated-hike-card-wrapper[data-hover="shine"]::after { content:''; position:absolute; top:0; left:-75%; width:50%; height:100%; background:linear-gradient(to right,rgba(255,255,255,0) 0%,rgba(255,255,255,0.3) 50%,rgba(255,255,255,0) 100%); transform:skewX(-25deg); }
.aafe-animated-hike-card-wrapper[data-hover="shine"]:hover::after { left:125%; transition:left 0.6s ease; }
.aafe-animated-hike-card-wrapper[data-hover="overlay"] { position:relative; overflow:hidden; }
.aafe-animated-hike-card-wrapper[data-hover="overlay"]::before { content:''; position:absolute; inset:0; background-color:rgba(0,0,0,0.5); opacity:0; transition:opacity 0.3s ease; z-index:1; pointer-events:none; }
.aafe-animated-hike-card-wrapper[data-hover="overlay"]:hover::before { opacity:1; }

.aafe-animated-hike-card__inner {
	position: relative;
	z-index: 2; /* above overlay */
}

/* Header */
.aafe-animated-hike-card__header {
	margin-bottom: 24px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.aafe-animated-hike-card__title {
	font-size: 30px;
	font-weight: 700;
	letter-spacing: -0.05em;
	margin: 0;
	color: var(--aafe-title-color, #0f172a);
	transition: color var(--aafe-transition, 300ms) ease;
}

.aafe-animated-hike-card-wrapper:hover .aafe-animated-hike-card__title {
	color: var(--aafe-title-hover-color, var(--aafe-title-color, #0f172a));
}

.aafe-animated-hike-card__button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: var(--aafe-button-icon-gap, 8px);
	padding: var(--aafe-button-padding, 0);
	background-color: var(--aafe-button-bg, transparent);
	color: var(--aafe-button-color, #0f172a);
	border-radius: var(--aafe-button-radius, 0);
	border: var(--aafe-button-border-width, 0) solid var(--aafe-button-border-color, transparent);
	transition: all var(--aafe-transition, 300ms) ease;
}

.aafe-animated-hike-card-wrapper:hover .aafe-animated-hike-card__button {
	background-color: var(--aafe-button-bg-hover, var(--aafe-button-bg, transparent));
	color: var(--aafe-button-color-hover, var(--aafe-button-color, #0f172a));
	border-color: var(--aafe-button-border-color-hover, var(--aafe-button-border-color, transparent));
}

.aafe-animated-hike-card__button-icon {
	display: flex;
	align-items: center;
	justify-content: center;
	width: var(--aafe-button-icon-size, 24px);
	height: var(--aafe-button-icon-size, 24px);
	transition: transform var(--aafe-transition, 300ms) ease;
}

.aafe-animated-hike-card__button-icon svg,
.aafe-animated-hike-card__button-icon i {
	width: 100%;
	height: 100%;
	fill: currentColor;
	font-size: 100%;
}

.aafe-animated-hike-card-wrapper:hover .aafe-animated-hike-card__button-icon {
	transform: translateX(var(--aafe-button-icon-hover-distance, 4px));
}

/* Images */
.aafe-animated-hike-card__images {
	position: relative;
	margin-bottom: 24px;
	height: 128px;
}

.aafe-animated-hike-card__image-wrap {
	position: absolute;
	height: 100%;
	width: 40%;
	overflow: hidden;
	transition: all var(--aafe-transition, 300ms) ease;
}

.aafe-animated-hike-card-wrapper:hover .aafe-animated-hike-card__image-wrap {
	transform: translateX(var(--tx)) rotate(var(--r)) !important;
}

.aafe-animated-hike-card__image-wrap img {
	height: 100%;
	width: 100%;
	object-fit: cover;
	display: block;
}

/* Stats */
.aafe-animated-hike-card__stats {
	display: flex;
	align-items: center;
	gap: var(--aafe-stats-gap, 16px);
	flex-wrap: wrap;
	margin-bottom: 12px;
	color: var(--aafe-stats-color, #64748b);
	font-size: 14px;
	font-weight: 500;
	transition: color var(--aafe-transition, 300ms) ease;
}

.aafe-animated-hike-card-wrapper:hover .aafe-animated-hike-card__stats {
	color: var(--aafe-stats-hover-color, var(--aafe-stats-color, #64748b));
}

.aafe-animated-hike-card__stat {
	display: flex;
	align-items: center;
	gap: var(--aafe-stat-icon-gap, 6px);
}

.aafe-animated-hike-card__stat-icon {
	color: var(--aafe-stat-icon-color, #3b82f6);
	transition: color var(--aafe-transition, 300ms) ease;
}

.aafe-animated-hike-card-wrapper:hover .aafe-animated-hike-card__stat-icon {
	color: var(--aafe-stat-icon-hover-color, var(--aafe-stat-icon-color, #3b82f6));
}

.aafe-animated-hike-card__description {
	color: var(--aafe-desc-color, #64748b);
	font-size: 14px;
	line-height: 1.6;
	margin: 0;
	transition: color var(--aafe-transition, 300ms) ease;
}

.aafe-animated-hike-card-wrapper:hover .aafe-animated-hike-card__description {
	color: var(--aafe-desc-hover-color, var(--aafe-desc-color, #64748b));
}

.aafe-animated-hike-card__stat-icon svg,
.aafe-animated-hike-card__stat-icon i {
	width: var(--aafe-stat-icon-size, 16px);
	height: var(--aafe-stat-icon-size, 16px);
	fill: currentColor;
	font-size: var(--aafe-stat-icon-size, 16px);
}

/* Description */
.aafe-animated-hike-card__description {
	font-size: 14px;
	line-height: 1.625;
	margin: 0;
	color: var(--aafe-desc-color, #64748b);
}

/* Responsive Button Positions */
.aafe-animated-hike-card__button--top,
.aafe-animated-hike-card__button--bottom {
	display: none;
}

.aafe-btn-pos-top .aafe-animated-hike-card__button--top { display: inline-flex; }
.aafe-btn-pos-bottom .aafe-animated-hike-card__button--bottom { display: inline-flex; }

@media (max-width: 1024px) {
	.aafe-btn-pos-tablet-top .aafe-animated-hike-card__button--bottom { display: none !important; }
	.aafe-btn-pos-tablet-top .aafe-animated-hike-card__button--top { display: inline-flex; }
	.aafe-btn-pos-tablet-bottom .aafe-animated-hike-card__button--top { display: none !important; }
	.aafe-btn-pos-tablet-bottom .aafe-animated-hike-card__button--bottom { display: inline-flex; }
}

@media (max-width: 767px) {
	.aafe-btn-pos-mobile-top .aafe-animated-hike-card__button--bottom { display: none !important; }
	.aafe-btn-pos-mobile-top .aafe-animated-hike-card__button--top { display: inline-flex; }
	.aafe-btn-pos-mobile-bottom .aafe-animated-hike-card__button--top { display: none !important; }
	.aafe-btn-pos-mobile-bottom .aafe-animated-hike-card__button--bottom { display: inline-flex; }
}

.aafe-animated-hike-card__button--bottom {
	margin-top: 24px;
}