/* Approved navy-and-gold design: standalone hero artwork and live HTML text. */
:root { --bp-navy:#031320; --bp-cream:#f9efe1; --bp-gold:#dcb071; --bp-border:#d4a75f; }
body { background:#031320; }
.bp-container { width:calc(100% - 128px); max-width:1408px; }
.site-header,.header-inner { height:69px; }
.home .site-header { background:transparent; }
.header-inner { grid-template-columns:350px 1fr 128px; gap:24px; border-bottom:1px solid rgba(216,178,110,.58); }
.brand { padding-left:7px; gap:0; }
.bp-logo { display:block; width:246px; height:56px; max-width:100%; object-fit:contain; }
.primary-navigation { padding-left:12px; }
.nav-links { gap:43px; }
.bp-nav-entry { gap:7px; }
.bp-nav-entry > a { font:16px/1.3 Georgia,'Times New Roman',serif; }
.bp-nav-chevron { width:19px; height:32px; padding:0; display:grid; place-items:center; }
.bp-nav-chevron span,.bp-down { display:block; width:7px; height:7px; border-right:1px solid currentColor; border-bottom:1px solid currentColor; transform:rotate(45deg); margin-top:-4px; }
.bp-region summary { min-width:125px; height:38px; gap:9px; border-color:rgba(214,177,105,.3); background:rgba(3,16,25,.55); }
.bp-uk-flag { display:block; flex:0 0 26px; }
.bp-region .bp-down { margin-left:4px; }
/* Keep enough of the scene visible without letting wide screens create a tall banner. */
.bp-hero { height:clamp(442px,24vw,540px); min-height:0; background:#031320; border-bottom:1px solid rgba(166,189,199,.24); }
.bp-hero-photo { background-color:#031320; background-image:url('../images/hero-amalfi.webp'); background-position:right center; background-size:cover; background-repeat:no-repeat; }
/* One even tint over the whole photograph, with no fade or localized correction. */
.bp-hero-photo::after { content:""; position:absolute; inset:0; background:rgba(3,19,32,.16); pointer-events:none; }
.bp-hero-content { padding:110px 0 0 8px; }
.bp-hero h1 { width:586px; max-width:100%; height:auto; margin:0; font-size:0; line-height:0; letter-spacing:normal; }
.bp-hero-heading { display:block; width:586px; height:auto; }
.bp-hero-content > p { margin:7px 0 23px 2px; font:23px/30px Arial,Helvetica,sans-serif; letter-spacing:-.025em; color:#faf2e9; max-width:600px; text-shadow:0 1px 4px #031320,0 0 12px #031320; }
.bp-hero-phrase { white-space:nowrap; }
.bp-gold-button { border:1px solid #efd39e; border-radius:12px; background:linear-gradient(180deg,#efce8f 0%,#e2bd7e 29%,#c39558 78%,#b58449 100%); box-shadow:inset 0 1px 0 rgba(255,251,230,.2); font-weight:400; }
.bp-hero-button { width:256px; height:57px; margin-left:2px; font-size:21px; padding:8px 22px; gap:17px; }
.bp-hero-playing-cards { display:none; }
.bp-collection { padding:22px 0 20px; min-height:0; background:radial-gradient(ellipse at 53% 60%,#062034 0%,#041827 45%,#02121f 100%); }
.bp-collection-heading h2 { font:400 44px/53px Georgia,'Times New Roman',serif; letter-spacing:-1.6px; margin:0; }
.bp-collection-heading p { font:16px/22px Georgia,'Times New Roman',serif; margin:0; color:#f7efe6; }
.bp-filter-tabs { margin:7px 0 13px; gap:14px; padding:0; }
.bp-filter { height:34px; min-width:107px; padding:4px 22px; font-size:14px; border-color:#495464; }
.bp-filter[data-filter='low-wagering'] { min-width:132px; }
.bp-filter.is-active { color:#f4d28a; border-color:#e6b872; box-shadow:none; background:linear-gradient(180deg,#253642,#1b2b34); }
.bp-offer-grid { gap:16px; }
.bp-offer-card { min-height:318px; border-radius:12px; border:1px solid #dfad5c; background:#031320; }
.bp-card-photo { height:196px; opacity:1; background-size:100% 100%; background-position:center top; }
.bp-card-photo::after { background:linear-gradient(0deg,#031320 0%,rgba(3,19,32,.85) 8%,transparent 30%); }
.bp-card-palm .bp-card-photo { background-image:url('../images/palm-exact.webp'); background-position:center top; }
.bp-card-cove .bp-card-photo { background-image:url('../images/cove-exact.webp'); background-position:center top; }
.bp-card-harbour .bp-card-photo { background-image:url('../images/harbour-exact.webp'); background-position:center top; }
.bp-real-offer-card .bp-card-photo { background-image:url('../images/cove-exact.webp'); }
.bp-offer-card-body { min-height:316px; height:100%; padding:0; display:block; }
.bp-demo-card .bp-card-brand { position:absolute; top:25px; left:39px; margin:0; height:81px; min-height:0; display:block; }
.bp-card-cove .bp-card-brand { left:30px; }
.bp-card-harbour .bp-card-brand { left:26px; }
.bp-card-brand img { display:block; height:81px; width:auto; max-width:100%; object-fit:contain; }
.bp-card-offer { position:absolute; left:23px; right:23px; top:142px; }
.bp-card-value { white-space:nowrap; font:400 43px/46px Georgia,'Times New Roman',serif; letter-spacing:-1.8px; color:#fff4e8; }
.bp-card-value .bp-small { font-size:26px; letter-spacing:-.9px; }
.bp-card-value .bp-amount { font-size:43px; letter-spacing:-1.8px; }
.bp-card-rule { height:1px; margin:7px 0 10px; background:rgba(205,154,87,.6); }
.bp-card-offer p { font:16px/22px Georgia,'Times New Roman',serif; color:#f3e9df; margin:0; white-space:nowrap; }
.bp-meta-divider { margin:0 17px; height:18px; background:#c89857; }
.bp-card-actions { position:absolute; bottom:23px; left:23px; right:23px; display:flex; align-items:center; gap:26px; margin:0; }
.bp-card-actions .bp-gold-button { flex:0 0 54%; height:47px; min-height:47px; font-size:18px; padding:7px 10px; border-radius:11px; gap:13px; }
.bp-text-button { padding:10px 0; font-size:16px; color:#f8eee3; }
.bp-text-button > span { margin-left:13px; }
.bp-preview-note { font:13px/18px Georgia,'Times New Roman',serif; color:#a1a8b4; margin:20px 0 0; text-align:right; }
.bp-empty-collection { grid-column:1/-1; padding:70px 20px; text-align:center; color:#c2cbd4; }
.bp-real-offer-card .bp-card-brand { padding:18px 23px; }
.bp-real-offer-card .bp-card-value { font-size:30px; line-height:1.2; white-space:normal; }
.bp-real-offer-card .bp-card-offer { top:135px; }
.bp-real-offer-card .bp-card-offer p { white-space:normal; font-size:14px; line-height:1.35; }
.site-footer { min-height:56px; background:radial-gradient(ellipse at 51% 80%,#061c2e,#02121f); }
.bp-footer-inner { border-top:1px solid rgba(219,173,108,.58); min-height:55px; padding:0; align-items:center; }
.bp-footer-inner p { color:#a3aab4; font:13px/1.5 Georgia,'Times New Roman',serif; }
.bp-footer-link { padding:0; color:#a3aab4; font:13px/1.5 Georgia,'Times New Roman',serif; background:none; border:0; text-decoration:none; }
.bp-footer-link:hover { color:#f0ce8f; text-decoration:underline; }
.bp-dot { padding:0 9px; }
.bp-dialog-inner a { color:#f0ce8f; }
.bp-dialog-inner .bp-gold-button { color:#031320; }
/* Ordinary WordPress article CTAs remain visible after the dark redesign. */
.button-gold { display:inline-flex; padding:12px 24px; color:#031320 !important; background:linear-gradient(#efce8f,#b58449); border:1px solid #dfad5c; border-radius:10px; text-decoration:none; }
@media(max-width:1300px) {
 /* Narrow crops need a stronger, still uniform tint behind the copy. */
 .bp-hero-photo::after { background:rgba(3,19,32,.48); }
}
@media(max-width:1300px) and (min-width:961px) {
 .header-inner { grid-template-columns:290px 1fr 125px; gap:12px; }
 .primary-navigation { padding-left:0; }
 .nav-links { gap:25px; }
 .bp-nav-entry > a { font-size:14px; }
 .bp-container { width:calc(100% - 80px); }
 .bp-card-offer p { font-size:13px; }
 .bp-meta-divider { margin:0 8px; }
 .bp-card-actions { gap:17px; }
 .bp-card-value,.bp-card-value .bp-amount { font-size:37px; }
 .bp-card-value .bp-small { font-size:23px; }
 .bp-card-actions .bp-gold-button { font-size:17px; }
 .bp-text-button { font-size:14px; }
}
@media(max-width:960px) {
 .bp-container { width:calc(100% - 48px); }
 .header-inner { grid-template-columns:1fr auto auto; gap:12px; }
 .primary-navigation { padding:12px 24px 22px; top:69px; }
 .nav-links { gap:0; }
 .bp-nav-entry > a { font-size:17px; }
 .bp-nav-chevron { width:44px; height:36px; }
 .bp-logo { width:225px; height:auto; }
 .brand { padding-left:0; }
 .bp-hero { height:470px; }
 .bp-hero-content { padding:110px 0 0; }
 .bp-hero h1 { width:min(586px,85%); }
 .bp-hero-content > p { font-size:20px; max-width:650px; margin-top:15px; }
 .bp-offer-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .bp-card-offer p { font-size:14px; }
 .bp-meta-divider { margin:0 10px; }
 .bp-card-value,.bp-card-value .bp-amount { font-size:39px; }
 .bp-card-value .bp-small { font-size:24px; }
 .bp-card-actions { gap:18px; }
 .bp-text-button { font-size:15px; }
}
@media(max-width:680px) {
 .bp-container { width:calc(100% - 36px); }
 .bp-logo { width:191px; }
 .header-inner { gap:7px; }
 .bp-region summary { min-width:82px; height:34px; gap:5px; font-size:13px; }
 .bp-uk-flag { width:21px; flex-basis:21px; }
 .bp-region .bp-down { margin-left:2px; width:6px; height:6px; }
 .nav-toggle { width:38px; height:38px; }
 .bp-hero { height:490px; }
 .bp-hero-content { padding-top:115px; }
 .bp-hero h1 { width:100%; max-width:540px; }
 .bp-hero-content > p { margin:20px 0 24px; max-width:440px; font-size:18px; line-height:27px; letter-spacing:-.02em; }
 .bp-hero-button { width:238px; height:55px; margin:0; font-size:20px; }
 .bp-collection { padding-top:28px; }
 .bp-collection-heading h2 { font-size:35px; line-height:44px; letter-spacing:-1.2px; }
 .bp-collection-heading p { font-size:15px; line-height:22px; }
 .bp-filter-tabs { display:grid; grid-template-columns:repeat(4,1fr); gap:6px; margin:16px 0 18px; overflow:visible; }
 .bp-filter,.bp-filter[data-filter='low-wagering'] { min-width:0; padding:5px 4px; font-size:12px; height:34px; }
 .bp-offer-grid { grid-template-columns:1fr; gap:17px; }
 .bp-card-value,.bp-card-value .bp-amount { font-size:41px; }
 .bp-card-value .bp-small { font-size:25px; }
 .bp-card-offer p { font-size:15px; }
 .bp-preview-note { text-align:left; font-size:12px; }
 .bp-footer-inner { flex-direction:row; gap:8px; padding:14px 0; min-height:60px; flex-wrap:wrap; }
 .bp-footer-link,.bp-footer-inner p { font-size:12px; }
}
@media(max-width:390px) {
 .bp-logo { width:172px; }
 .bp-region summary { min-width:72px; }
 .bp-uk-flag { width:19px; flex-basis:19px; }
 .bp-card-offer p { font-size:13px; }
 .bp-card-value,.bp-card-value .bp-amount { font-size:38px; }
 .bp-card-actions { gap:13px; }
 .bp-text-button { font-size:14px; }
}

