/* yachthirecapetown.co.za (YHCT) overrides for the shared theme. Loaded after theme.css via $SITE['extra_css'].
   Shared files (theme.css, helpers.php ...) are Sharky's; keep YHCT-only styling here. Palette: old YHCT #BE1E0A / #131414. */
:root{--color-navy:#131414}

/* home slider: per-slide mobile image (the live site had MYS-mobile-slider-1..3.jpg for phones) */
@media (max-width:767px){.hero__slide[style*="--slide-mobile"]{background-image:var(--slide-mobile)!important}}
.hero--slider .btn--outline:hover,.hero--slider .btn--outline:focus-visible,.hero--slider .btn--outline:active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}  /* Kevin 25 Oct: white text on the red fill (theme hover sets text = primary, which vanished; also sticky on mobile tap) */

/* package cards: short kicker under the title */
.tour-card__summary{text-transform:none}

/* enquiry form (ported from the jet ski staging build, recoloured) */
.section--enquiry{position:relative;color:#fff;background:var(--color-navy) var(--enquiry-bg,none) center/cover no-repeat;scroll-margin-top:20px}
.section--enquiry::before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,rgba(19,20,20,.94),rgba(19,20,20,.82) 55%,rgba(190,30,10,.55))}
.enquiry{position:relative;display:grid;grid-template-columns:1fr 1.25fr;gap:48px;align-items:start}
.enquiry .section-kicker,.enquiry .section-title{text-align:left;color:#fff}.enquiry .section-kicker{color:#f2b8b0}
.enquiry__price{font:800 22px var(--font-heading);color:#fff;margin:0 0 .6em}
.enquiry .contact-info{margin:1.2em 0 0}.enquiry .contact-info__label{color:#f2b8b0}.enquiry .contact-info a{color:#fff}
.enquiry__panel{background:#fff;color:var(--color-text);border-radius:6px;padding:28px;box-shadow:0 20px 50px rgba(0,0,0,.25)}
.enquiry__form{display:grid;gap:14px}
.enquiry__form label{display:grid;gap:6px;font:700 14px var(--font-nav);color:var(--color-heading)}
.enquiry__form small{font-weight:400;color:var(--color-muted)}
.enquiry__form input,.enquiry__form select,.enquiry__form textarea{font:400 16px var(--font-body);padding:11px 12px;border:1px solid #d5d5d5;border-radius:4px;width:100%;background:#fff;color:var(--color-heading)}
.enquiry__form input:focus,.enquiry__form select:focus,.enquiry__form textarea:focus{outline:2px solid var(--color-primary);border-color:var(--color-primary)}
.enquiry__form [aria-invalid="true"]{border-color:#c0392b;background:#fff6f5}
.enquiry__row{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.enquiry__row--2{grid-template-columns:1fr 1fr}
.enquiry__err{margin:0;color:#c0392b;font:400 13px var(--font-body)}
.enquiry__alert{background:#fff1ef;border-left:4px solid var(--color-primary);padding:10px 14px;margin:0 0 14px;color:#7a1406;border-radius:4px}
.enquiry__alert p{margin:0}
.enquiry__hp{position:absolute!important;left:-10000px;width:1px;height:1px;overflow:hidden}
.enquiry__submit{border:0;border-radius:3px;padding:14px 34px;justify-self:start;background:var(--color-primary);color:#fff;text-transform:uppercase;letter-spacing:.05em}
.enquiry__submit:hover{background:var(--color-navy)}
.enquiry__done{text-align:center;padding:30px 10px}
.enquiry__done h3{color:var(--color-heading);margin:.4em 0}
.enquiry__done p{font-size:18px;margin:0}
.enquiry__tick{display:inline-flex;width:64px;height:64px;border-radius:50%;align-items:center;justify-content:center;background:var(--color-primary);color:#fff;font-size:34px}
@media (max-width:860px){.enquiry{grid-template-columns:1fr;gap:24px}.enquiry__row{grid-template-columns:1fr 1fr}.enquiry__row--2{grid-template-columns:1fr}.enquiry__panel{padding:20px}}

/* social icons the shared theme doesn't have yet (same mask technique as theme.css; copied from jetski.css) */
.ico-instagram{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2.2c3.2 0 3.6 0 4.8.1 3.3.1 4.8 1.7 4.9 4.9.1 1.3.1 1.6.1 4.8s0 3.6-.1 4.8c-.1 3.2-1.7 4.8-4.9 4.9-1.3.1-1.6.1-4.8.1s-3.6 0-4.8-.1c-3.3-.1-4.8-1.7-4.9-4.9C2.2 15.6 2.2 15.2 2.2 12s0-3.6.1-4.8C2.4 3.9 3.9 2.4 7.2 2.3 8.4 2.2 8.8 2.2 12 2.2zM12 0C8.7 0 8.3 0 7.1.1 2.7.3.3 2.7.1 7.1 0 8.3 0 8.7 0 12s0 3.7.1 4.9c.2 4.4 2.6 6.8 7 7 1.2.1 1.6.1 4.9.1s3.7 0 4.9-.1c4.4-.2 6.8-2.6 7-7 .1-1.2.1-1.6.1-4.9s0-3.7-.1-4.9c-.2-4.4-2.6-6.8-7-7C15.7 0 15.3 0 12 0zm0 5.8a6.2 6.2 0 1 0 0 12.4 6.2 6.2 0 0 0 0-12.4zM12 16a4 4 0 1 1 0-8 4 4 0 0 1 0 8zm6.4-11.8a1.4 1.4 0 1 0 0 2.9 1.4 1.4 0 0 0 0-2.9z'/%3E%3C/svg%3E")}
.ico-twitter{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M18.9 1.2h3.7l-8 9.2L24 22.8h-7.4l-5.8-7.6-6.6 7.6H.5l8.6-9.8L0 1.2h7.6l5.2 6.9 6.1-6.9zm-1.3 19.4h2L6.5 3.3H4.3l13.3 17.3z'/%3E%3C/svg%3E")}
.ico-linkedin{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M20.4 20.5h-3.6v-5.6c0-1.3 0-3-1.8-3s-2.1 1.4-2.1 2.9v5.7H9.4V9h3.4v1.6c.5-.9 1.6-1.8 3.4-1.8 3.6 0 4.3 2.4 4.3 5.5v6.2zM5.3 7.4a2.1 2.1 0 1 1 0-4.1 2.1 2.1 0 0 1 0 4.1zM7.1 20.5H3.6V9h3.5v11.5zM22.2 0H1.8C.8 0 0 .8 0 1.7v20.6c0 .9.8 1.7 1.8 1.7h20.4c1 0 1.8-.8 1.8-1.7V1.7C24 .8 23.2 0 22.2 0z'/%3E%3C/svg%3E")}

/* top bar: keep the phone number on one line on phones */
.topbar a{white-space:nowrap}
@media (max-width:480px){.topbar__left{gap:10px;font-size:12px}}
/* WhatsApp chat pop-up (restored from live) */
.wa-chat{position:fixed;right:20px;bottom:20px;z-index:900;font-family:inherit}
/* Bubble matched to PYC: white 68px circle, red dot, 50px icon */
.wa-chat__bubble{position:relative;box-sizing:border-box;width:68px;height:68px;padding:9px;border:0;border-radius:35px;background:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:rgba(0,0,0,.15) 0 3px 12px;user-select:none}
.wa-chat__bubble::before{content:"";position:absolute;z-index:1;top:5px;right:4px;width:10px;height:10px;border-radius:50%;background:#f00}
.wa-chat__bubble img{display:block;width:50px;height:auto}
.wa-chat__box{position:absolute;right:0;bottom:80px;width:320px;max-width:calc(100vw - 40px);background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 8px 24px rgba(0,0,0,.25)}
.wa-chat__box[hidden]{display:none}
.wa-chat__close{position:absolute;top:6px;right:10px;background:none;border:0;color:#fff;font-size:22px;cursor:pointer}
.wa-chat__head{display:flex;gap:12px;align-items:center;background:#095e54;color:#fff;padding:16px}
.wa-chat__avatar{border-radius:50%;object-fit:cover}
.wa-chat__name{font-weight:700}.wa-chat__time{font-size:13px;opacity:.8}
.wa-chat__body{background-color:#e6ddd4;padding:20px 16px}
.wa-chat__msg{background:#fff;border-radius:0 8px 8px;padding:8px 12px;font-size:14px;max-width:85%}
.wa-chat__btn{display:flex;gap:8px;align-items:center;justify-content:center;margin:14px;padding:10px;border-radius:20px;background:#4fce5d;color:#fff;font-weight:700;text-decoration:none}
.wa-chat__btn img{width:18px;height:18px}
@media(max-width:767px){.wa-chat{bottom:80px}}

/* Inner-page title design 'a' (Carla 24 Oct 2026): Oswald title like Sunset Cruise; only inside the inner-page hero */
.page-hero--a{--font-display:'Oswald',sans-serif}

/* Inner-page title: shark size (Kevin 25 Oct 11:02 "need to use sharky smaller design"). Title/kicker/crumbs come from page-hero.css (= shark). Price line scaled to match. */
.page-hero--a .page-hero__sub{margin-top:8px;font-size:15px}
@media (max-width:767px){.page-hero--a .page-hero__sub{margin-top:6px;font-size:13px}}