/*
Theme Name: My Sydney Detour Child
Theme URI: https://www.mysydneydetour.com
Description: Custom child theme for Studio Pro tailored to Sydney travel guides and tours.
Author: Black Bear Media
Author URI: https://www.blackbearmedia.net
Template: genesis
Version: 1.0.0
Text Domain: mysydneydetour
*/

/* Typography improvements */
body {
font-family: "Source Sans Pro", "Helvetica Neue", Arial, sans-serif;
line-height: 1.7;
color: #1f1f1f;
}

a {
color: #0a6ebd;
}

a:hover,
a:focus {
color: #084f8c;
text-decoration: none;
}

/* Buttons */
.button,
button,
input[type="button"],
input[type="submit"],
.wp-block-button__link {
background: linear-gradient(135deg, #0077b6, #00b4d8);
color: #ffffff;
border-radius: 999px;
padding: 0.75rem 1.75rem;
font-weight: 600;
letter-spacing: 0.03em;
transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.button:hover,
button:hover,
input[type="button"]:hover,
input[type="submit"]:hover,
.wp-block-button__link:hover {
transform: translateY(-2px);
box-shadow: 0 10px 24px rgba(0, 119, 182, 0.25);
}

/* Detour grid */
.detour-grid {
display: grid;
gap: 2rem;
grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
}

.detour-card {
border-radius: 16px;
overflow: hidden;
background: #ffffff;
box-shadow: 0 16px 40px rgba(5, 76, 107, 0.09);
transition: transform 0.2s ease, box-shadow 0.2s ease;
display: flex;
flex-direction: column;
}

.detour-card:hover {
transform: translateY(-6px);
box-shadow: 0 24px 50px rgba(5, 76, 107, 0.15);
}

.detour-card__image img {
width: 100%;
height: 210px;
object-fit: cover;
}

.detour-card__content {
padding: 1.75rem;
display: flex;
flex-direction: column;
gap: 0.75rem;
}

.detour-card__meta {
display: flex;
flex-wrap: wrap;
gap: 0.75rem;
font-size: 0.85rem;
text-transform: uppercase;
letter-spacing: 0.05em;
color: #0a6ebd;
}

.detour-card__excerpt {
flex-grow: 1;
}

.detour-card__cta {
margin-top: auto;
}

/* Single detour */
.detour-hero {
position: relative;
border-radius: 24px;
overflow: hidden;
margin-bottom: 2.5rem;
box-shadow: 0 30px 60px rgba(3, 48, 70, 0.2);
}

.detour-hero img {
width: 100%;
height: clamp(300px, 60vh, 540px);
object-fit: cover;
}

.detour-hero__overlay {
position: absolute;
inset: 0;
background: linear-gradient(180deg, rgba(4, 38, 56, 0.15) 0%, rgba(2, 23, 34, 0.75) 100%);
color: #ffffff;
display: flex;
align-items: flex-end;
padding: 2rem;
}

.detour-hero__details {
display: grid;
gap: 0.75rem;
}

.detour-meta-list {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
gap: 1rem;
margin: 2rem 0;
list-style: none;
padding: 0;
}

.detour-meta-list li {
background: rgba(10, 110, 189, 0.08);
padding: 1rem 1.25rem;
border-radius: 16px;
}

.detour-meta-list strong {
display: block;
font-size: 0.8rem;
letter-spacing: 0.08em;
text-transform: uppercase;
color: #07426e;
margin-bottom: 0.35rem;
}

.detour-cta-panel {
background: linear-gradient(135deg, #0077b6, #0096c7);
color: #ffffff;
padding: 2rem;
border-radius: 18px;
box-shadow: 0 20px 40px rgba(0, 119, 182, 0.25);
}

.detour-cta-panel a {
color: #ffffff;
}

.detour-map iframe {
width: 100%;
height: 320px;
border: 0;
border-radius: 18px;
box-shadow: 0 20px 45px rgba(5, 76, 107, 0.22);
}

/* Neighborhood highlights */
.neighborhood-highlight {
background: #f2f9fd;
border-radius: 20px;
padding: 2rem;
margin: 2.5rem 0;
}

.neighborhood-highlight h2 {
margin-top: 0;
}

.neighborhood-highlight__list {
display: grid;
gap: 1.25rem;
grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
list-style: none;
padding: 0;
margin: 0;
}

@media (max-width: 768px) {
.detour-hero__overlay {
padding: 1.5rem;
}

.detour-meta-list {
grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
}
}