/*
Theme Name: GP Child DTW
Template: generatepress
Description: Child theme for Discount Tires World.
Version: 1.0.0
Text Domain: gp-child-dtw
*/

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

:root {
  --dtw-bg: #F5F4F0;
  --dtw-surface: #FFFFFF;
  --dtw-ink: #1B1F1D;
  --dtw-muted: #4A504D;
  --dtw-accent: #1F5C45;
  --dtw-line: #E2E0DA;
}

body { background: var(--dtw-bg); color: var(--dtw-ink); font-family: Inter, sans-serif; }
.site-header, .main-navigation { background: var(--dtw-surface); }

/* Front page: full width, no sidebar, no page title */
body.home .site-content { display: block; }
body.home .content-area { width: 100%; float: none; }
body.home #right-sidebar, body.home .widget-area, body.home .entry-header { display: none; }
body.home .site-main, body.home .inside-article { padding: 0; margin: 0; background: transparent; box-shadow: none; }

.dtw-wrap { max-width: 1200px; margin: 0 auto; padding: 0 32px; }

.dtw-hero { padding: 96px 0 88px; }
.dtw-hero .dtw-wrap { display: grid; grid-template-columns: 1.1fr 0.9fr; gap: 64px; align-items: center; }
.dtw-hero h1 { font-family: 'Inter Tight', sans-serif; font-weight: 800; font-size: clamp(44px, 6vw, 72px); line-height: 1.02; letter-spacing: -0.03em; margin: 0 0 24px; color: var(--dtw-ink); }
.dtw-hero p.dtw-lede { font-size: 19px; line-height: 1.55; color: var(--dtw-muted); max-width: 520px; margin: 0 0 36px; }
.dtw-hero-visual { aspect-ratio: 4 / 5; border-radius: 12px; background: linear-gradient(160deg, #D9E3DC 0%, #B8CABF 100%); display: flex; align-items: flex-end; padding: 24px; box-sizing: border-box; color: #1F5C45; font-weight: 600; font-size: 14px; }

.dtw-buttons { display: flex; gap: 14px; flex-wrap: wrap; }
.dtw-btn { display: inline-block; padding: 16px 26px; border-radius: 6px; font-weight: 600; font-size: 16px; text-decoration: none; border: 1.5px solid var(--dtw-accent); background: var(--dtw-accent); color: #FFFFFF; }
.dtw-btn:hover { text-decoration: none; opacity: 0.92; }
.dtw-btn--ghost { background: transparent; color: var(--dtw-ink); border-color: var(--dtw-ink); }

.dtw-section { padding: 80px 0; }
.dtw-section h2 { font-family: 'Inter Tight', sans-serif; font-weight: 700; font-size: 36px; letter-spacing: -0.02em; line-height: 1.1; margin: 0 0 40px; color: var(--dtw-ink); }

.dtw-cards { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }
.dtw-card { background: var(--dtw-surface); border: 1px solid var(--dtw-line); border-radius: 12px; padding: 36px; text-decoration: none; color: var(--dtw-ink); display: block; }
.dtw-card:hover { text-decoration: none; border-color: var(--dtw-accent); }
.dtw-card h3 { font-family: 'Inter Tight', sans-serif; font-weight: 700; font-size: 24px; line-height: 1.2; margin: 0 0 12px; }
.dtw-card p { color: var(--dtw-muted); line-height: 1.55; margin: 0 0 24px; }
.dtw-card .dtw-more { color: var(--dtw-accent); font-weight: 600; }

.dtw-band { background: var(--dtw-accent); color: #FFFFFF; border-radius: 12px; padding: 64px 56px; display: flex; justify-content: space-between; align-items: center; gap: 32px; }
.dtw-band h2 { color: #FFFFFF; margin: 0 0 8px; }
.dtw-band p { margin: 0; font-size: 17px; opacity: 0.92; }
.dtw-band .dtw-btn { background: #FFFFFF; color: var(--dtw-ink); border-color: #FFFFFF; white-space: nowrap; }

@media (max-width: 800px) {
  .dtw-hero .dtw-wrap { grid-template-columns: 1fr; gap: 40px; }
  .dtw-hero { padding: 56px 0; }
  .dtw-cards { grid-template-columns: 1fr; }
  .dtw-band { flex-direction: column; align-items: flex-start; padding: 40px 28px; }
  .dtw-section { padding: 56px 0; }
  .dtw-section h2 { font-size: 28px; }
}
/* Brand colours: override GeneratePress defaults site-wide */
body, .site, .site-content, .site-main, .inside-article, .separate-containers .inside-article { background-color: #F5F4F0; color: #1B1F1D; }
.site-header, .inside-header, .main-navigation, .main-navigation .main-nav ul li a, .main-navigation ul ul { background-color: #FFFFFF; color: #1B1F1D; }
.main-navigation .main-nav ul li a, .menu-toggle { color: #1B1F1D; }
.main-navigation .main-nav ul li:hover > a, .main-navigation .main-nav ul li.current-menu-item > a { color: #1F5C45; background-color: #F5F4F0; }
a, .entry-title a { color: #1F5C45; }
a:hover, .entry-title a:hover { color: #1B1F1D; }
.button, button, input[type="submit"], .wp-block-button__link, .dtw-btn { background-color: #1F5C45; color: #FFFFFF; }
.dtw-btn--ghost { background-color: transparent; color: #1B1F1D; }
.dtw-band { background-color: #1F5C45; }
.site-info, .site-footer, .site-info a { background-color: #FFFFFF; color: #4A504D; }
/* Homepage v2 */
.dtw-card__media { aspect-ratio: 16 / 10; background: linear-gradient(160deg, #D9E3DC 0%, #B8CABF 100%); background-size: cover; background-position: center; border-radius: 8px; margin-bottom: 24px; }
.dtw-card--post { padding: 0; overflow: hidden; }
.dtw-card--post .dtw-card__media { margin: 0; border-radius: 0; }
.dtw-card--post .dtw-card__body { padding: 28px 32px 32px; }
.dtw-card--post h3 { font-size: 21px; }
.dtw-section--tint { background: #ECEAE4; }
.dtw-head { display: flex; justify-content: space-between; align-items: flex-end; gap: 24px; margin-bottom: 40px; }
.dtw-head h2 { margin: 0; }
.dtw-link { color: #1F5C45; font-weight: 600; white-space: nowrap; }
.dtw-points { display: grid; grid-template-columns: repeat(3, 1fr); gap: 40px; }
.dtw-points h3 { font-family: 'Inter Tight', sans-serif; font-weight: 700; font-size: 22px; margin: 0 0 10px; }
.dtw-points p { color: #4A504D; line-height: 1.55; margin: 0; }
.dtw-points > div { border-top: 2px solid #1F5C45; padding-top: 24px; }
.dtw-hero-visual { position: relative; }
@media (max-width: 800px) {
  .dtw-points { grid-template-columns: 1fr; gap: 28px; }
  .dtw-head { flex-direction: column; align-items: flex-start; }
}
/* Black and yellow brand override (final) */
:root { --dtw-bg: #FFFFFF; --dtw-ink: #111111; --dtw-accent: #FFCC00; --dtw-muted: #3A3A3A; --dtw-line: #E5E5E5; }
body, .site, .site-content, .site-main, .inside-article, .separate-containers .inside-article { background-color: #FFFFFF; color: #111111; }
.site-header, .inside-header { background-color: #111111; color: #FFFFFF; }
.site-title a, .site-title, .site-description { color: #FFFFFF; }
.site-description { color: #FFCC00; }
.main-navigation { background-color: #FFCC00; }
.main-navigation .main-nav ul li a, .menu-toggle { color: #111111; }
.main-navigation .main-nav ul li:hover > a, .main-navigation .main-nav ul li.current-menu-item > a { color: #111111; background-color: #FFFFFF; }
a, .entry-title a { color: #111111; text-decoration-color: #FFCC00; }
a:hover, .entry-title a:hover { color: #111111; text-decoration-color: #111111; }
.button, button, input[type="submit"], .wp-block-button__link, .dtw-btn { background-color: #FFCC00; color: #111111; border-color: #111111; }
.dtw-btn:hover { background-color: #111111; color: #FFCC00; }
.dtw-btn--ghost { background-color: transparent; color: #111111; border-color: #111111; }
.dtw-btn--ghost:hover { background-color: #111111; color: #FFFFFF; }
.dtw-band { background-color: #111111; color: #FFFFFF; }
.dtw-band h2 { color: #FFCC00; }
.dtw-band .dtw-btn { background-color: #FFCC00; color: #111111; border-color: #FFCC00; }
.dtw-card { border-color: #E5E5E5; }
.dtw-card:hover { border-color: #FFCC00; }
.dtw-card .dtw-more, .dtw-link { color: #111111; border-bottom: 2px solid #FFCC00; }
.dtw-points > div { border-top-color: #FFCC00; }
.dtw-section--tint { background: #F4F4F4; }
.dtw-card--post .dtw-card__media { background-color: #111111; }
.site-info, .site-footer, .site-info a { background-color: #111111; color: #FFFFFF; }
.site-info a { color: #FFCC00; }
/* Restored banner (CoverNews header image) behind the site header */
.site-header, .inside-header { background-image: linear-gradient(rgba(17,17,17,0.72), rgba(17,17,17,0.72)), url('https://discounttiresworld.com/wp-content/uploads/2021/09/light-glowing-white-photography-flower-purple-292420-pxhere.com_.jpg'); background-size: cover; background-position: center; }
.site-header .site-title, .site-header .site-title a { color: #FFFFFF; text-align: center; }
/* Layout fixes: header, nav, homepage sections */
.site-header .inside-header { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 16px 32px; padding: 20px 32px; }
.site-header .site-branding { flex: 0 0 auto; }
.site-header .site-branding img.custom-logo, .site-header img.custom-logo { max-height: 84px; width: auto; height: auto; }
.site-header .site-title { margin: 0; font-size: 26px; font-family: 'Inter Tight', sans-serif; font-weight: 800; }
.site-header .site-description { margin: 4px 0 0; font-size: 13px; letter-spacing: 0.04em; text-transform: uppercase; }
.main-navigation { background-color: #FFCC00; }
.main-navigation .main-nav ul { display: flex; flex-wrap: wrap; }
.main-navigation .main-nav ul li a { padding: 16px 20px; font-weight: 600; }
.main-navigation .main-nav ul li { display: inline-block; }
.main-navigation .inside-navigation { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; }
.main-navigation .main-nav { flex: 0 1 auto; }
.main-navigation .menu-toggle { display: none; }
.main-navigation ul ul { display: none; }

/* Front page: remove leftover footer widgets and align sections to content width */
body.home .footer-widgets, body.home .footer-widget-area, body.home .widget-area.footer-widgets { display: none; }
body.home .site-content .inside-article { padding: 0; }
.dtw-section--tint { margin-left: calc(50% - 50vw); margin-right: calc(50% - 50vw); padding-left: 0; padding-right: 0; }
.dtw-section--tint .dtw-wrap { padding-left: 32px; padding-right: 32px; }
.dtw-cards > a, .dtw-cards > div { display: flex; flex-direction: column; }
.dtw-card__body { flex: 1; display: flex; flex-direction: column; }
.dtw-card--post .dtw-more { margin-top: auto; }
.dtw-cards .dtw-card--post { height: 100%; }
.dtw-cards { align-items: stretch; }

@media (max-width: 800px) {
  .site-header .inside-header { padding: 16px 20px; justify-content: center; text-align: center; }
  .site-header .site-branding img.custom-logo { max-height: 64px; }
  .main-navigation .main-nav ul li a { padding: 12px 14px; }
}
/* Shorter header */
.site-header, .site-header .inside-header, .inside-header { min-height: 0 !important; }
.site-header .inside-header { padding: 14px 32px !important; gap: 8px 24px; }
.site-header .site-branding img.custom-logo, .site-header img.custom-logo { max-height: 56px !important; }
.site-header .site-title { font-size: 20px; line-height: 1.1; }
.site-header .site-description { margin-top: 2px; font-size: 11px; }
.site-header .header-image, .site-header .header-image-wrap { display: none; }
.site-header { background-size: cover; background-position: center 40%; }
@media (max-width: 800px) {
  .site-header .inside-header { padding: 10px 16px !important; }
  .site-header .site-branding img.custom-logo { max-height: 44px !important; }
}
/* Header v3: solid black header with logo and title, full-width white menu row */
.site-header, .inside-header { background-image: none !important; background-color: #111111 !important; }
.site-header .inside-header { display: flex !important; flex-wrap: wrap !important; align-items: center !important; justify-content: space-between !important; padding: 16px 32px !important; }
.site-header .site-branding { flex: 0 0 auto; }
.site-header .site-title a, .site-header .site-title { color: #FFFFFF !important; }
.site-header .site-description { color: #FFCC00 !important; }
.site-header .main-navigation { flex: 0 0 100%; order: 3; margin-top: 16px; background-color: #FFFFFF !important; border-top: 3px solid #FFCC00; }
.site-header .main-navigation .inside-navigation { display: flex !important; justify-content: center !important; align-items: stretch !important; flex-wrap: nowrap !important; }
.site-header .main-navigation .main-nav { flex: 0 1 auto; }
.site-header .main-navigation .main-nav ul { display: flex !important; flex-wrap: nowrap !important; justify-content: center; }
.site-header .main-navigation .main-nav ul li { display: block; }
.site-header .main-navigation .main-nav ul li a { color: #111111 !important; padding: 18px 28px !important; font-weight: 700; font-size: 15px; letter-spacing: 0.02em; white-space: nowrap; background: transparent !important; }
.site-header .main-navigation .main-nav ul li:hover > a, .site-header .main-navigation .main-nav ul li.current-menu-item > a { color: #111111 !important; background: #FFCC00 !important; }
@media (max-width: 800px) {
  .site-header .inside-header { padding: 12px 16px !important; justify-content: center !important; }
  .site-header .main-navigation .main-nav ul { flex-wrap: wrap !important; }
  .site-header .main-navigation .main-nav ul li a { padding: 12px 14px !important; font-size: 14px; }
}
/* Header banner: Cinematic Black Alloy Wheels in Golden Haze (media ID 8868) */
.site-header, .inside-header { background-color: #111111 !important; background-image: linear-gradient(90deg, rgba(17,17,17,0.92) 0%, rgba(17,17,17,0.55) 45%, rgba(17,17,17,0.35) 100%), url('https://discounttiresworld.com/wp-content/uploads/2026/10/Cinematic-Black-Alloy-Wheels-in-Golden-Haze-web.webp') !important; background-size: cover !important; background-position: center right !important; background-repeat: no-repeat !important; }
/* Header v4: visible title and logo, skinny menu, unstretched banner */
.site-header, .inside-header { background-image: linear-gradient(90deg, rgba(17,17,17,0.85) 0%, rgba(17,17,17,0.45) 55%, rgba(17,17,17,0.25) 100%), url('https://discounttiresworld.com/wp-content/uploads/2026/10/Cinematic-Black-Alloy-Wheels-in-Golden-Haze-web.webp') !important; background-size: cover !important; background-position: center center !important; background-repeat: no-repeat !important; min-height: 0 !important; }
.site-header .inside-header { padding: 14px 32px 0 !important; }
.site-header .site-branding { display: flex; align-items: center; gap: 14px; }
.site-header .site-title, .site-header .site-title a, .site-header .site-branding .site-title a { color: #FFFFFF !important; text-shadow: 0 1px 6px rgba(0,0,0,0.6); }
.site-header .site-description { color: #FFCC00 !important; text-shadow: 0 1px 6px rgba(0,0,0,0.6); }
.site-header img.custom-logo { border: 2px solid #FFCC00; border-radius: 6px; max-height: 52px !important; background: #111111; }
.site-header .main-navigation { margin-top: 12px !important; border-top: 2px solid #FFCC00 !important; }
.site-header .main-navigation .main-nav ul li a { padding: 8px 24px !important; font-size: 14px !important; line-height: 1.2; }
.site-header .main-navigation .inside-navigation { min-height: 0; }
@media (max-width: 800px) {
  .site-header .inside-header { padding: 10px 12px 0 !important; }
  .site-header .main-navigation .main-nav ul li a { padding: 7px 12px !important; }
}
/* Header banner: full-resolution 2400x480 version (media ID 8870) */
.site-header, .inside-header { background-image: linear-gradient(90deg, rgba(17,17,17,0.85) 0%, rgba(17,17,17,0.45) 55%, rgba(17,17,17,0.25) 100%), url('https://discounttiresworld.com/wp-content/uploads/2026/10/Cinematic-Black-Alloy-Wheels-in-Golden-Haze-web.webp') !important; background-size: cover !important; background-position: center center !important; }
/* Header v5: show the banner, visible logo and title, menu strip at bottom */
body .site-header .inside-header { min-height: 250px !important; display: flex !important; flex-direction: column !important; justify-content: space-between !important; padding: 18px 32px 0 !important; }
body .site-header .site-branding-container, body .site-header .site-branding { display: flex !important; align-items: center !important; gap: 16px; }
body .site-header .site-logo img.is-logo-image, body .site-header img.header-image.is-logo-image { max-height: 64px !important; width: auto !important; height: auto !important; border: 2px solid #FFCC00 !important; border-radius: 6px; background: #111111; padding: 4px; box-sizing: border-box; display: block !important; visibility: visible !important; }
body .site-header .site-title, body .site-header .site-title a, body .site-header .main-title, body .site-header .main-title a { color: #FFFFFF !important; text-shadow: 0 2px 8px rgba(0,0,0,0.7); font-family: 'Inter Tight', sans-serif; font-weight: 800; }
body .site-header .site-description { color: #FFCC00 !important; text-shadow: 0 2px 8px rgba(0,0,0,0.7); }
body .site-header .main-navigation { margin-top: auto !important; order: 3; flex: 0 0 100% !important; border-top: 2px solid #FFCC00 !important; }
@media (max-width: 800px) {
  body .site-header .inside-header { min-height: 200px !important; padding: 12px 16px 0 !important; }
  body .site-header .site-logo img.is-logo-image { max-height: 48px !important; }
}
/* Header v6: banner applied once, on the outer header only, scaled uniformly */
body .site-header, body .site-header .inside-header { background-image: none !important; }
body .site-header { background-color: #111111 !important; background-image: linear-gradient(90deg, rgba(17,17,17,0.80) 0%, rgba(17,17,17,0.25) 60%, rgba(17,17,17,0.10) 100%), url('https://discounttiresworld.com/wp-content/uploads/2026/10/Cinematic-Black-Alloy-Wheels-in-Golden-Haze-web.webp') !important; background-size: 100% auto !important; background-position: center center !important; background-repeat: no-repeat !important; }
/* Header v7: logo and title removed from header; banner shows full cover */
body .site-header .site-branding-container, body .site-header .site-branding, body .site-header .site-logo { display: none !important; }
body .site-header { background-image: linear-gradient(90deg, rgba(17,17,17,0.55) 0%, rgba(17,17,17,0.15) 60%, rgba(17,17,17,0.05) 100%), url('https://discounttiresworld.com/wp-content/uploads/2026/10/Cinematic-Black-Alloy-Wheels-in-Golden-Haze-web.webp') !important; background-size: cover !important; background-position: center center !important; background-repeat: no-repeat !important; }
body .site-header .inside-header { min-height: 250px !important; }

/* Homepage site name H1, centred under the menu */
.dtw-site-h1 { text-align: center; margin: 48px 0 0; font-family: 'Inter Tight', sans-serif; font-weight: 800; font-size: clamp(32px, 4vw, 48px); letter-spacing: -0.02em; line-height: 1.1; color: #111111; }
.dtw-site-h1 a { color: #111111; text-decoration: none; }
.dtw-site-h1 a:hover { text-decoration: underline; text-decoration-color: #FFCC00; }
/* Header v8: inner header transparent so the banner shows */
body .site-header .inside-header { background-color: transparent !important; background-image: none !important; }
/* Header banner: resized 1600x320 copy (media ID 8872) */
body .site-header { background-image: linear-gradient(90deg, rgba(17,17,17,0.55) 0%, rgba(17,17,17,0.15) 60%, rgba(17,17,17,0.05) 100%), url('https://discounttiresworld.com/wp-content/uploads/2026/10/Cinematic-Black-Alloy-Wheels-in-Golden-Haze-web.webp') !important; background-size: cover !important; background-position: center center !important; }

/* Header banner: 1600x320 (media ID 8873) */
body .site-header { background-image: linear-gradient(90deg, rgba(17,17,17,0.55) 0%, rgba(17,17,17,0.15) 60%, rgba(17,17,17,0.05) 100%), url('https://discounttiresworld.com/wp-content/uploads/2026/10/Cinematic-Black-Alloy-Wheels-in-Golden-Haze-web.webp') !important; background-size: cover !important; background-position: center center !important; }


/* Header banner v9: original 1916x821 photo, web WebP (media ID 8875) */
body .site-header { background-image: linear-gradient(90deg, rgba(17,17,17,0.55) 0%, rgba(17,17,17,0.15) 60%, rgba(17,17,17,0.05) 100%), url('https://discounttiresworld.com/wp-content/uploads/2026/10/Cinematic-Black-Alloy-Wheels-in-Golden-Haze-web.webp') !important; background-size: cover !important; background-position: center 40% !important; }
body .site-header .inside-header { min-height: 340px !important; }

/* Homepage spacing and site name band */
body.home .site-content, body.home .content-area, body.home .site-main { padding-top: 0 !important; margin-top: 0 !important; }
body.home .dtw-wrap { padding-top: 0; }
.dtw-site-h1 { width: 100vw; margin: 0 calc(50% - 50vw) 0; box-sizing: border-box; background: #111111; color: #FFCC00 !important; padding: 26px 24px; text-align: center; font-family: 'Inter Tight', sans-serif; font-weight: 800; font-size: clamp(28px, 4vw, 46px); letter-spacing: 0.06em; text-transform: uppercase; line-height: 1.1; border-bottom: 4px solid #FFCC00; }
.dtw-site-h1 a { color: #FFCC00 !important; text-decoration: none; }
.dtw-hero { padding-top: 56px !important; }
.dtw-section { padding-top: 56px; padding-bottom: 56px; }
@media (max-width: 800px) { .dtw-site-h1 { padding: 18px 16px; font-size: 26px; } .dtw-hero { padding-top: 36px !important; } }
/* Menu aligned left */
body .site-header .main-navigation .inside-navigation { justify-content: flex-start !important; }
body .site-header .main-navigation .main-nav ul { justify-content: flex-start !important; }
/* Menu moved to top-left corner so it does not cover the wheels */
body .site-header .inside-header { justify-content: flex-start !important; align-items: flex-start !important; }
body .site-header .main-navigation { order: -1 !important; flex: 0 0 auto !important; width: auto !important; margin: 0 !important; border-top: 0 !important; border-bottom: 2px solid #FFCC00 !important; }
body .site-header .main-navigation .inside-navigation { justify-content: flex-start !important; }
body .site-header .main-navigation .main-nav ul li a { padding: 8px 18px !important; }
/* Hide theme credit in footer */
.site-info .generate-credits, .site-info .copyright-bar a[href*="generatepress"], .site-info a[href*="generatepress.com"] { display: none !important; }
/* ===== Single post layout ===== */
body.single-post .widget-area, body.single-post #right-sidebar, body.single-post .sidebar { display: none !important; }
body.single-post .site-content { display: block; }
body.single-post .content-area { width: 100%; float: none; }
body.single-post .inside-article { padding: 0 !important; background: transparent !important; box-shadow: none !important; }
body.single-post .entry-header { max-width: 760px; margin: 56px auto 24px; padding: 0 32px; }
body.single-post .entry-title { font-family: 'Inter Tight', sans-serif; font-weight: 800; font-size: clamp(34px, 4.5vw, 52px); line-height: 1.08; letter-spacing: -0.02em; color: #111111; margin: 0 0 20px; }
body.single-post .entry-meta { color: #4A4A4A; font-size: 14px; }
body.single-post .entry-meta a { color: #111111; font-weight: 600; text-decoration: none; border-bottom: 2px solid #FFCC00; }
body.single-post .post-image, body.single-post .post-thumbnail { max-width: 1200px; margin: 0 auto 48px; padding: 0 32px; }
body.single-post .post-image img, body.single-post .post-thumbnail img { width: 100%; height: auto; border-radius: 12px; display: block; }
body.single-post .entry-content { max-width: 760px; margin: 0 auto; padding: 0 32px; font-size: 18px; line-height: 1.75; color: #1B1B1B; }
body.single-post .entry-content h2 { font-family: 'Inter Tight', sans-serif; font-weight: 700; font-size: 30px; line-height: 1.2; letter-spacing: -0.01em; margin: 56px 0 18px; padding-top: 18px; border-top: 3px solid #FFCC00; color: #111111; }
body.single-post .entry-content h3 { font-family: 'Inter Tight', sans-serif; font-weight: 700; font-size: 22px; margin: 36px 0 12px; color: #111111; }
body.single-post .entry-content p { margin: 0 0 22px; }
body.single-post .entry-content a { color: #111111; text-decoration: underline; text-decoration-color: #FFCC00; text-decoration-thickness: 2px; text-underline-offset: 3px; }
body.single-post .entry-content a:hover { text-decoration-color: #111111; }
body.single-post .entry-content img { border-radius: 10px; height: auto; }
body.single-post .entry-content ul, body.single-post .entry-content ol { padding-left: 24px; margin: 0 0 24px; }
body.single-post .entry-content li { margin-bottom: 8px; }
.dtw-post-end { max-width: 1200px; margin: 80px auto 0; padding: 0 32px; }
.dtw-post-end .dtw-band-wrap { margin-bottom: 72px; }
.dtw-related h2 { font-family: 'Inter Tight', sans-serif; font-weight: 700; font-size: 32px; letter-spacing: -0.02em; margin: 0 0 32px; color: #111111; }
body.single-post .site-footer, body.single-post .footer-widgets { margin-top: 0; }
@media (max-width: 800px) {
  body.single-post .entry-header, body.single-post .entry-content, body.single-post .post-image, body.single-post .post-thumbnail, .dtw-post-end { padding-left: 20px; padding-right: 20px; }
  body.single-post .entry-content { font-size: 17px; }
  body.single-post .entry-content h2 { font-size: 26px; }
}
/* Footer v2: menu + copyright; default credit bar and footer widgets hidden */
.site-footer .footer-widgets, .site-footer .footer-widget-area, .site-footer .inside-site-info, .site-footer .copyright-bar { display: none !important; }
.dtw-footer { background: #111111; color: #FFFFFF; border-top: 4px solid #FFCC00; }
.dtw-footer__inner { max-width: 1200px; margin: 0 auto; padding: 36px 32px; display: flex; flex-direction: column; align-items: center; gap: 18px; }
.dtw-footer__menu { display: flex; flex-wrap: wrap; justify-content: center; gap: 12px 32px; }
.dtw-footer__menu a { color: #FFFFFF; text-decoration: none; font-weight: 600; font-size: 15px; }
.dtw-footer__menu a:hover { color: #FFCC00; }
.dtw-footer__copy { margin: 0; font-size: 14px; color: #BDBDBD; }
/* Post end: full-width related guides, card styles reset from article styles */
body.single-post .entry-content .dtw-post-end { width: 100vw; max-width: none; margin: 80px 0 0 calc(50% - 50vw); padding: 0; box-sizing: border-box; }
body.single-post .entry-content .dtw-post-end .dtw-band-wrap { padding: 0 32px; margin: 0 0 72px; }
body.single-post .entry-content .dtw-post-end .dtw-band { max-width: 1200px; margin: 0 auto; }
body.single-post .entry-content .dtw-related { width: 100%; max-width: 1200px; margin: 0 auto; padding: 0 32px 80px; box-sizing: border-box; }
body.single-post .entry-content .dtw-related > h2 { font-size: 32px; border: 0; padding: 0; margin: 0 0 32px; }
body.single-post .entry-content .dtw-cards { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; align-items: stretch; margin: 0; }
body.single-post .entry-content .dtw-card--post { display: flex; flex-direction: column; padding: 0; margin: 0; border: 1px solid #E5E5E5; border-radius: 12px; overflow: hidden; background: #FFFFFF; color: #111111; text-decoration: none; }
body.single-post .entry-content .dtw-card--post:hover { border-color: #FFCC00; text-decoration: none; }
body.single-post .entry-content .dtw-card--post .dtw-card__media { margin: 0; border-radius: 0; aspect-ratio: 16 / 10; background-color: #111111; }
body.single-post .entry-content .dtw-card--post .dtw-card__body { padding: 24px 26px 26px; display: flex; flex-direction: column; flex: 1; }
body.single-post .entry-content .dtw-card--post h3 { font-family: 'Inter Tight', sans-serif; font-weight: 700; font-size: 20px; line-height: 1.25; margin: 0 0 10px; padding: 0; border: 0; color: #111111; }
body.single-post .entry-content .dtw-card--post p { font-size: 15px; line-height: 1.55; color: #3A3A3A; margin: 0 0 18px; }
body.single-post .entry-content .dtw-card--post .dtw-more { margin-top: auto; font-size: 14px; font-weight: 700; color: #111111; border-bottom: 2px solid #FFCC00; align-self: flex-start; }
@media (max-width: 800px) { body.single-post .entry-content .dtw-cards { grid-template-columns: 1fr; } body.single-post .entry-content .dtw-related { padding: 0 20px 60px; } }
/* Post footer: category and tag chips, and previous/next cards */
body.single-post footer.entry-meta { max-width: 1200px; margin: 48px auto 0; padding: 0 32px; display: flex; flex-wrap: wrap; align-items: center; gap: 12px; font-size: 14px; color: #3A3A3A; }
body.single-post footer.entry-meta .gp-icon, body.single-post footer.entry-meta .screen-reader-text { display: none !important; }
body.single-post .cat-links, body.single-post .tags-links { display: inline-flex; flex-wrap: wrap; gap: 8px; align-items: center; }
body.single-post .cat-links a, body.single-post .tags-links a { display: inline-block; padding: 6px 14px; border: 1px solid #E5E5E5; border-radius: 999px; color: #111111; text-decoration: none; font-weight: 600; font-size: 14px; background: #FFFFFF; }
body.single-post .cat-links a:hover, body.single-post .tags-links a:hover { background: #FFCC00; border-color: #FFCC00; }
body.single-post .post-navigation { max-width: 1200px; width: 100%; margin: 56px auto 0; padding: 0 32px; box-sizing: border-box; display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }
body.single-post .post-navigation .gp-icon { display: none !important; }
body.single-post .nav-previous, body.single-post .nav-next { border: 1px solid #E5E5E5; border-radius: 12px; padding: 22px 26px; background: #FFFFFF; }
body.single-post .nav-next { text-align: right; }
body.single-post .nav-previous::before, body.single-post .nav-next::before { display: block; font-size: 13px; color: #6B6B6B; margin-bottom: 6px; }
body.single-post .nav-previous::before { content: 'Previous guide'; }
body.single-post .nav-next::before { content: 'Next guide'; }
body.single-post .post-navigation a { color: #111111; font-weight: 700; font-size: 17px; text-decoration: none; font-family: 'Inter Tight', sans-serif; }
body.single-post .post-navigation a:hover { text-decoration: underline; text-decoration-color: #FFCC00; }
body.single-post .post-navigation .prev, body.single-post .post-navigation .next { display: block; }
@media (max-width: 800px) { body.single-post footer.entry-meta { padding: 0 20px; } body.single-post .post-navigation { grid-template-columns: 1fr; padding: 0 20px; } body.single-post .nav-next { text-align: left; } }
/* Booking band removed from posts */
body.single-post .dtw-band-wrap { display: none !important; }