/* ─── Destination page-specific styles ─── */
/* Shared by hua-hin-kitesurf, phuket-kitesurf, chumphon-kitesurf */

/* Hero image position overrides */
.hero-bg-huahin{object-position:center calc(50% - 45px)}
@media(max-width:768px){.hero-bg-huahin{object-position:70% center}}

/* Pricing tables */
.pricing-table{width:100%;border-collapse:collapse;margin-bottom:32px}
.pricing-table th{background:var(--color-primary);color:#fff;font-family:var(--font-heading);font-weight:600;font-size:.75rem;text-transform:uppercase;letter-spacing:1.5px;padding:14px 20px;text-align:left}
.pricing-table td{padding:12px 20px;border-bottom:1px solid var(--color-border-light);font-size:.9375rem}
.pricing-table tr:hover td{background:var(--color-bg-alt)}
.pricing-table .price{font-family:var(--font-heading);font-weight:600;color:var(--color-primary-text)}
.pricing-table .recommended{background:var(--color-primary-glow)}
.pricing-table .recommended td{font-weight:600}
.pricing-table caption{caption-side:top;text-align:left;font-family:var(--font-heading);font-weight:600;font-size:1.125rem;padding:0 0 12px;color:var(--color-text)}

/* Recommended badge */
.badge-recommended{display:inline-block;background:var(--color-primary);color:#fff;font-family:var(--font-heading);font-size:.625rem;font-weight:600;text-transform:uppercase;letter-spacing:1px;padding:3px 8px;margin-left:8px;vertical-align:middle}

/* Rental cards grid */
.rental-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--card-gap)}
.rental-card{background:var(--color-bg);border:1px solid var(--color-border);padding:32px;transition:box-shadow var(--transition)}
.rental-card:hover{box-shadow:var(--shadow-md)}
.rental-card h3{font-family:var(--font-heading);font-weight:600;font-size:1rem;text-transform:uppercase;letter-spacing:1px;margin-bottom:20px;color:var(--color-text)}
.rental-tier{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--color-border-light);font-size:.9375rem}
.rental-tier:last-child{border-bottom:none}
.rental-tier .duration{color:var(--color-text-light)}
.rental-tier .price{font-family:var(--font-heading);font-weight:600;color:var(--color-primary-text)}

/* Package cards */
.package-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--card-gap)}
.package-card{background:var(--color-bg);border:1px solid var(--color-border);overflow:hidden;display:flex;flex-direction:column;transition:box-shadow var(--transition)}
.package-card:hover{box-shadow:var(--shadow-md)}
.package-card-header{background:var(--color-bg-dark);color:#fff;padding:28px 28px 24px}
.package-card-header h3{font-family:var(--font-heading);font-weight:700;font-size:1.125rem;margin-bottom:4px}
.package-card-header .duration{font-size:.8125rem;opacity:.7;font-weight:400}
.package-card-body{padding:28px;flex:1;display:flex;flex-direction:column}
.package-card-body ul{margin-bottom:24px;flex:1}
.package-card-body li{padding:6px 0;font-size:.9375rem;color:var(--color-text-light);position:relative;padding-left:20px}
.package-card-body li::before{content:"\2713";position:absolute;left:0;color:var(--color-primary);font-weight:600}
.package-pricing{margin-bottom:24px}
.package-pricing-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid var(--color-border-light);font-size:.875rem}
.package-pricing-row:last-child{border-bottom:none}
.package-pricing-row .label{color:var(--color-text-light)}
.package-pricing-row .prices{text-align:right}
.package-pricing-row .price-old{color:var(--color-text-muted);font-size:.8125rem;margin-right:8px}
.package-pricing-row .price-new{font-family:var(--font-heading);font-weight:700;color:var(--color-primary-text);font-size:1rem}

/* Accommodation cards */
.accom-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--card-gap)}
.accom-card{background:var(--color-bg);border:1px solid var(--color-border);overflow:hidden;transition:box-shadow var(--transition)}
.accom-card:hover{box-shadow:var(--shadow-md)}
.accom-card-image{width:100%;height:220px;object-fit:cover}
.accom-card-body{padding:24px}
.accom-card-body h3{font-family:var(--font-heading);font-weight:600;font-size:1rem;margin-bottom:10px}
.accom-card-body p{font-size:.9375rem;color:var(--color-text-light);line-height:1.7}

/* Things-to-do list */
.things-to-do{margin-top:32px}
.things-to-do h4{font-family:var(--font-heading);font-weight:600;font-size:.875rem;text-transform:uppercase;letter-spacing:1.5px;margin-bottom:16px;color:var(--color-text)}
.things-to-do li{padding:6px 0 6px 20px;position:relative;font-size:.9375rem;color:var(--color-text-light)}
.things-to-do li::before{content:"\2022";position:absolute;left:0;color:var(--color-primary);font-weight:700}

/* Responsive overrides for page-specific grids */
@media(max-width:768px){
  .package-grid,.accom-grid{grid-template-columns:1fr}
  .rental-grid{grid-template-columns:1fr}
}
@media(min-width:769px) and (max-width:1024px){
  .package-grid{grid-template-columns:repeat(2,1fr)}
}