@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;800&display=swap');
/* 828 Polo homepage */
/* Top menu: hide Home, Reviews, Packages, More */
#sb_menu_list_items_container > li.menu-item, #sb_appended_menu_item { display: none !important; }
/* Hero: Book Now only */
#main-buttons .btn.map { display: none !important; }
#main-buttons .btn.book { background-color: #dd2828 !important; color: #ffffff !important; border: none !important; }
#main-buttons .btn.book, #main-buttons .btn.book * { font-family: 'Montserrat', Arial, sans-serif !important; font-weight: 800 !important; letter-spacing: 1px; text-transform: uppercase; color: #ffffff !important; }
/* Hide theme map, hours and contact card (rebuilt in content) */
#wrap-main-page-map, #sb_map, #map-view, #schedule, #contacts { display: none !important; }
.col-sm-6:has(#schedule), .col-sm-6:has(#contacts) { display: none !important; }
/* Sand palette (arena sand #C6B9A3) */
body, #sb_main, #sb_content, #content-view, #about-us, .section-pd { background-color: #EFE6D8 !important; }
#footer { background-color: #E4D7C2 !important; border-top: 2px solid #C6B9A3 !important; }
/* About section */
#about-us .title-main { display: none !important; }
#descr-firm, #descr-firm p, #descr-firm div, #descr-firm span { font-family: 'Montserrat', Arial, sans-serif !important; font-weight: 500 !important; font-size: 15px !important; line-height: 1.7 !important; color: #1a1a1a !important; text-shadow: none !important; }
#descr-firm b, #descr-firm strong { font-family: 'Montserrat', Arial, sans-serif !important; font-weight: 800 !important; color: #dd2828 !important; letter-spacing: 1.5px; display: inline-block; margin-bottom: 6px; font-size: 16px !important; }
#descr-firm a { color: #1a5fa8 !important; text-decoration: none !important; font-weight: 600 !important; }
#descr-firm a:hover { text-decoration: underline !important; }
#descr-firm img { display: block !important; margin: 0 auto 8px !important; width: 110px !important; height: 110px !important; max-width: 110px !important; }
/* Grid of boxes */
#descr-firm .txt { display: grid !important; grid-template-columns: 1fr 1fr; gap: 20px; max-width: 980px; margin: 0 auto !important; }
#descr-firm .txt > p { max-width: none !important; margin: 0 !important; }
#descr-firm .txt > p:nth-child(1), #descr-firm .txt > p:nth-child(2), #descr-firm .txt > p:nth-child(5), #descr-firm .txt > p:nth-child(6), #descr-firm .txt > p:nth-child(7) { grid-column: 1 / -1; }
#descr-firm .txt > p:nth-child(2) { max-width: 760px !important; margin: 0 auto 4px !important; font-size: 16px !important; }
#descr-firm .txt > p:nth-child(3), #descr-firm .txt > p:nth-child(4), #descr-firm .txt > p:nth-child(5), #descr-firm .txt > p:nth-child(7), #descr-firm .txt > p:nth-child(8), #descr-firm .txt > p:nth-child(9) { background: #FBF7F0; border: 1px solid #C6B9A3; border-top: 4px solid #dd2828; border-radius: 6px; padding: 22px 24px !important; }
#descr-firm .txt > p:nth-child(8), #descr-firm .txt > p:nth-child(9) { padding: 18px 18px 14px !important; }
#descr-firm iframe { width: 100% !important; height: 280px !important; border: 0 !important; border-radius: 4px; margin-top: 6px; display: block; }
@media (max-width: 767px) { #descr-firm .txt { grid-template-columns: 1fr; padding: 0 12px; } }
/* Login button, top right */
#sb_cart { display: none !important; }
#sb_client_info .logged-out i { display: none !important; }
#sb_client_info .login-container > button.avatar { width: auto !important; height: auto !important; padding: 0 !important; overflow: visible !important; }
#sb_client_info .logged-out { display: inline-flex !important; align-items: center; justify-content: center; width: auto !important; height: 38px !important; padding: 0 20px !important; background: #dd2828 !important; border-radius: 4px !important; box-shadow: 0 2px 6px rgba(0,0,0,.25); }
#sb_client_info .logged-out::after { content: 'LOG IN'; font-family: 'Montserrat', Arial, sans-serif !important; font-weight: 800; font-size: 13px; letter-spacing: 1.5px; color: #ffffff; white-space: nowrap; }
#sb_client_info .logged-out:hover { background: #b81f1f !important; }
/* corner pin */
div#sb_client_info.nav-item { position: fixed !important; top: 16px !important; right: 24px !important; z-index: 99999 !important; display: block !important; visibility: visible !important; opacity: 1 !important; }
#sb_client_info .logged-out { height: 44px !important; padding: 0 26px !important; }
#sb_client_info .logged-out::after { font-size: 14px !important; }
/* Booking steps bar: readable, on brand */
#sb_booking_info .booking-info, #sb_booking_info ul.clearfix { background: #1a1a1a !important; }
#sb_booking_info li.step_info_item { background: #1a1a1a !important; }
#sb_booking_info li.step_info_item .title-small, #sb_booking_info li.step_info_item .content, #sb_booking_info li.step_info_item a { color: #cfc4b0 !important; font-family: 'Montserrat', Arial, sans-serif !important; }
#sb_booking_info li.step_info_item.passed, #sb_booking_info li.step_info_item.filled { background: #dd2828 !important; }
#sb_booking_info li.step_info_item.passed *, #sb_booking_info li.step_info_item.filled * { color: #ffffff !important; }
#sb_booking_info li.step_info_item::after { border-left-color: #1a1a1a !important; }
#sb_booking_info li.step_info_item.passed::after, #sb_booking_info li.step_info_item.filled::after { border-left-color: #dd2828 !important; }
/* Header logo: centred and larger on the home page */
#sb_main.page--index #header .brand { position: absolute !important; left: 50% !important; transform: translateX(-50%) !important; top: 14px !important; z-index: 50; width: auto !important; }
#sb_main.page--index #header .brand .logo, #sb_main.page--index #header .brand .logo a { width: auto !important; height: auto !important; }
#sb_main.page--index #header .brand img { width: 150px !important; height: 150px !important; max-width: none !important; max-height: none !important; filter: drop-shadow(0 4px 10px rgba(0,0,0,.35)); }
/* logo anchor fix + dark booking header */
#sb_main.page--index #header [class*="col-"] { position: static !important; }
#sb_main.page--index #header .brand { left: 50% !important; margin-left: 0 !important; }
#sb_main:not(.page--index) #header, #sb_main:not(.page--index) #header .container-fluid, #sb_booking_info { background: #1a1a1a !important; }
/* steps-nav bands */
nav#steps-nav { background: #1a1a1a !important; }
#menu-active-bg { background: #dd2828 !important; }
/* v3 layout: logo under Book Now, guest booking */
#sb_main.page--index #header .brand { display: none !important; }
#main-buttons { position: relative !important; }
#sb_main.page--index #main-buttons::after { content: ''; position: absolute; left: 50%; top: calc(50% + 48px); transform: translateX(-50%); width: 150px; height: 150px; background: url('https://828polo.simplybook.asia/uploads/828polo/image_files/preview/d525da4ab9c06d76d48c8d3bb1e3b1a1.png') center / contain no-repeat; filter: drop-shadow(0 4px 10px rgba(0,0,0,.35)); pointer-events: none; z-index: 5; }
#main-buttons .btn.book a, #main-buttons .btn.book a * { text-transform: uppercase !important; color: #ffffff !important; font-weight: 800 !important; }
#descr-firm .txt > p:nth-child(1) { display: none !important; }
#sb_client_info, div#sb_client_info.nav-item { display: none !important; }