/* Premium Elegant Font Styling Only Safe version - does not override membership button logic */ @import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@500;600;700&family=Inter:wght@400;500;600;700&display=swap'); :root { --premium-heading-font: 'Cormorant Garamond', Georgia, serif; --premium-body-font: 'Inter', Arial, sans-serif; } /* Global booking page text */ body, #events, #eventForm, div.ui-widget-content, div.ui-widget-header, #timeline-container, .zend_form { font-family: var(--premium-body-font) !important; font-style: normal !important; letter-spacing: normal !important; text-rendering: geometricPrecision; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } /* Headings / service titles */ h1, h2, h3, h4, #events h3, #eventForm #start_date-block-container h3, #eventForm #timeline-container h3, div.ui-widget-header { font-family: var(--premium-heading-font) !important; font-style: normal !important; font-weight: 600 !important; } /* Body copy / descriptions */ p, label, td, th, input, select, textarea, #events p.duration, #events div.duration, #events p.description, #events div.description, #start_date-block-container .zend_form dt, #start_date-block-container .zend_form dt b, #start_date-block-container .zend_form dd label { font-family: var(--premium-body-font) !important; font-style: normal !important; } /* Buttons: font only */ button, input[type="button"], input[type="submit"], #events input.reserve_time_btn, #events input.select_another_btn, #eventForm #save_button { font-family: var(--premium-body-font) !important; font-style: normal !important; font-weight: 600 !important; letter-spacing: normal !important; text-transform: none !important; } /* Time slots / calendar font only */ #timeline-container table.timeline, .timeline td.not_worked_time, .timeline td.free_time, .timeline td.selected_time, .timeline td.reserved_time, div.ui-widget-content { font-family: var(--premium-body-font) !important; font-style: normal !important; } /* Loading text */ div#loading { font-family: var(--premium-body-font) !important; font-style: normal !important; } /* ====================================================== HEADER MENU FONT FIX - ELEGANT ====================================================== */ #sb_menu, #sb_menu_list_items_container, #sb_menu_list_items_container .menu-item, #sb_menu_list_items_container .menu-item a, #sb_menu_list_items_container li a, .header-controls #sb_menu a, .nav-wrapper #sb_menu a, .nav.clearfix a { font-family: 'Cormorant Garamond', Georgia, serif !important; font-style: normal !important; font-weight: 700 !important; text-transform: none !important; letter-spacing: normal !important; } /* ====================================================== FIX CALENDAR TIME SLOT TEXT VISIBILITY ====================================================== */ #sb-timeline #steps #steps-content #sb_booking_content .datetime-step #sb_timeview_container .timeline-wrapper .datetime-slots_weekly_container .data-col .time-container .time-slot.free a, #sb-timeline #steps #steps-content #sb_booking_content .datetime-step #sb_timeview_container .timeline-wrapper .datetime-slots_weekly_container .data-col .time-container .time-slot.free a span, #sb_time_slots_weekly_container .time-slot.free a, #sb_time_slots_weekly_container .time-slot.free a span, .timeline .free_time, .timeline .free_time a, .timeline .free_time span { color: #0F172A !important; opacity: 1 !important; visibility: visible !important; font-weight: 600 !important; text-shadow: none !important; } #sb_time_slots_weekly_container .time-slot.free, #sb_time_slots_weekly_container .time-slot.free a, .timeline td.free_time { background: #D6EBFF !important; } #sb_time_slots_weekly_container .time-slot.free:hover, #sb_time_slots_weekly_container .time-slot.free:hover a, #sb_time_slots_weekly_container .time-slot.free:hover span, #sb_time_slots_weekly_container .time-slot.selected, #sb_time_slots_weekly_container .time-slot.selected a, #sb_time_slots_weekly_container .time-slot.selected span, .timeline td.selected_time, .timeline td.selected_time a, .timeline td.selected_time span { background: #1F467E !important; color: #FFFFFF !important; opacity: 1 !important; } /* ====================================================== MEMBERSHIP FONT FIX - SAFE TEXT ONLY Does not touch membership button/link containers ====================================================== */ #membership-plugin .mb-title, #membership-plugin .mb-name, #membership-plugin .mb-description, #membership-plugin .mb-price, #membership-plugin .membership-title, #membership-plugin .membership-name, #membership-plugin .membership-description, #membership-plugin .membership-price, #membership-plugin .event_price, #membership-view .mb-title, #membership-view .mb-name, #membership-view .mb-description, #membership-view .mb-price, #membership-view .membership-title, #membership-view .membership-name, #membership-view .membership-description, #membership-view .membership-price, #membership-view .event_price { font-family: 'Inter', Arial, sans-serif !important; font-style: normal !important; } /* Membership card headings */ #membership-plugin h1, #membership-plugin h2, #membership-plugin h3, #membership-plugin h4, #membership-view h1, #membership-view h2, #membership-view h3, #membership-view h4 { font-family: 'Cormorant Garamond', Georgia, serif !important; font-style: normal !important; font-weight: 600 !important; } /* Buy button text only: do NOT target .wrapper.btn itself */ #membership-plugin .mb.btn-bar .active-container .wrapper.btn > span, #membership-plugin .mb.btn-bar .active-container .wrapper.btn > a > span, #membership-plugin .mb.btn-bar .wrapper.btn.price-formatter > span, #membership-plugin .mb.btn-bar .wrapper.btn.price-formatter > a > span, #membership-view .mb.btn-bar .wrapper.btn > span, #membership-view .mb.btn-bar .wrapper.btn > a > span, #membership-view .mb.btn-bar .wrapper.btn.price-formatter > span, #membership-view .mb.btn-bar .wrapper.btn.price-formatter > a > span { font-family: 'Inter', Arial, sans-serif !important; font-style: normal !important; font-weight: 600 !important; text-transform: none !important; letter-spacing: normal !important; } /* ====================================================== MEMBERSHIP BUTTON FONT ONLY - SAFE Does not change click, disabled, layout, opacity, or display ====================================================== */ #membership-plugin .mb.btn-bar .active-container.v3 > a.wrapper.btn.price-formatter, #membership-view .mb.btn-bar .active-container.v3 > a.wrapper.btn.price-formatter { font-family: 'Inter', Arial, sans-serif !important; font-style: normal !important; font-weight: 600 !important; text-transform: none !important; letter-spacing: normal !important; } /* ====================================================== MEMBERSHIP PRICE / RENEWAL BUTTON FONT ONLY - SAFE ====================================================== */ #membership-plugin .mb.btn-bar .info-container.v2 > a.wrapper.btn.price-formatter, #membership-view .mb.btn-bar .info-container.v2 > a.wrapper.btn.price-formatter, #membership-plugin .mb.btn-bar .info-container.v2 > a.wrapper.btn.price-formatter *, #membership-view .mb.btn-bar .info-container.v2 > a.wrapper.btn.price-formatter * { font-family: 'Inter', Arial, sans-serif !important; font-style: normal !important; font-weight: 600 !important; text-transform: none !important; letter-spacing: normal !important; } /* ====================================================== UNFINISHED ORDER POPUP FONT ONLY - SAFE ====================================================== */ .invoice-notification--content-body, .invoice-notification--content-body h5, .invoice-notification--content-body p, .invoice-notification--content-body a, .invoice-notification--content-body button { font-family: 'Inter', Arial, sans-serif !important; font-style: normal !important; font-weight: 600 !important; text-transform: none !important; letter-spacing: normal !important; } /* ====================================================== SEE ALL PLANS BUTTON FONT ONLY - SAFE ====================================================== */ #sb_membership_module .see-more .btn.btn-with-icon a, #sb_membership_module .see-more .btn.btn-with-icon a *, #membership-plugin .see-more .btn.btn-with-icon a, #membership-plugin .see-more .btn.btn-with-icon a * { font-family: 'Inter', Arial, sans-serif !important; font-style: normal !important; font-weight: 600 !important; text-transform: none !important; letter-spacing: normal !important; } /* Elegant version */ #schedule .title-main, #contacts .title-main, #about-us .title-main, section#schedule .title-main, section#contacts .title-main, section#about-us .title-main, .section .title-main { font-family: 'Cormorant Garamond', Georgia, serif !important; font-style: normal !important; font-weight: 700 !important; text-transform: none !important; letter-spacing: normal !important; } /* Elegant version */ #main-buttons .btn.book a, #main-buttons .btn.book a *, #main-buttons .book_custom, #main-buttons .book_custom *, #main-buttons a[href="#book"], #main-buttons a[href="#book"] * { font-family: 'Cormorant Garamond', Georgia, serif !important; font-style: normal !important; font-weight: 700 !important; text-transform: none !important; letter-spacing: normal !important; } /* ====================================================== MAIN BOOK NOW BUTTON DESIGN - ELEGANT GOLD ====================================================== */ #main-buttons .btn.book, #main-buttons .btn.book a, #main-buttons .book_custom, #main-buttons a[href="#book"] { background: linear-gradient(135deg, #D4AF37 0%, #F3D27A 45%, #B88918 100%) !important; color: #0F172A !important; border: 1px solid rgba(255, 232, 160, 0.85) !important; border-radius: 999px !important; box-shadow: 0 10px 24px rgba(212, 175, 55, 0.22), inset 0 1px 0 rgba(255, 255, 255, 0.35) !important; font-family: 'Cormorant Garamond', Georgia, serif !important; font-style: normal !important; font-weight: 700 !important; text-transform: none !important; letter-spacing: normal !important; transition: background 0.25s ease, box-shadow 0.25s ease, transform 0.25s ease !important; } /* Text/icon inside */ #main-buttons .btn.book *, #main-buttons .book_custom *, #main-buttons a[href="#book"] * { color: #0F172A !important; fill: #0F172A !important; stroke: #0F172A !important; } /* Hover */ #main-buttons .btn.book:hover, #main-buttons .btn.book a:hover, #main-buttons .book_custom:hover, #main-buttons a[href="#book"]:hover { background: linear-gradient(135deg, #F3D27A 0%, #D4AF37 55%, #A97812 100%) !important; box-shadow: 0 12px 28px rgba(212, 175, 55, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.45) !important; transform: translateY(-1px) !important; } /* ====================================================== CLIENT PROFILE / LOGOUT BUTTONS - GOLD ====================================================== */ #sb_client_info #sb_login_form button, #sb_client_info #sb_login_form .btn, #sb_client_info .sb-client-info-popup, #sb_client_info #sb_sign_out_btn, #sb_sign_out_btn { background: linear-gradient(135deg, #D4AF37 0%, #F3D27A 45%, #B88918 100%) !important; color: #0F172A !important; border: 1px solid rgba(255, 232, 160, 0.85) !important; border-radius: 999px !important; box-shadow: 0 8px 20px rgba(212, 175, 55, 0.22), inset 0 1px 0 rgba(255, 255, 255, 0.35) !important; font-family: 'Cormorant Garamond', Georgia, serif !important; font-style: normal !important; font-weight: 700 !important; text-transform: none !important; letter-spacing: normal !important; } /* Inner text/icons */ #sb_client_info #sb_login_form button *, #sb_client_info #sb_login_form .btn *, #sb_client_info .sb-client-info-popup *, #sb_client_info #sb_sign_out_btn *, #sb_sign_out_btn * { color: #0F172A !important; fill: #0F172A !important; stroke: #0F172A !important; opacity: 1 !important; } /* Hover */ #sb_client_info #sb_login_form button:hover, #sb_client_info #sb_login_form .btn:hover, #sb_client_info .sb-client-info-popup:hover, #sb_client_info #sb_sign_out_btn:hover, #sb_sign_out_btn:hover { background: linear-gradient(135deg, #F3D27A 0%, #D4AF37 55%, #A97812 100%) !important; } /* ====================================================== CLIENT MENU FONT MATCH BOOK NOW ====================================================== */ #sb_client_info #sb_login_form, #sb_client_info #sb_login_form *, #sb_client_info .sb-client-info-popup, #sb_client_info .sb-client-info-popup *, #sb_client_info #sb_sign_out_btn, #sb_client_info #sb_sign_out_btn *, #sb_sign_out_btn, #sb_sign_out_btn * { font-family: 'Cormorant Garamond', Georgia, serif !important; font-style: normal !important; font-weight: 700 !important; text-transform: none !important; letter-spacing: normal !important; } /* ====================================================== MOBILE MENU ITEMS - GOLD COLOR ONLY ====================================================== */ #sb_menu_list_items_container .menu-item a, #sb_menu_list_items_container .menu-item.active a, #sb_menu_list_items_container li a, #sb_menu_list_items_container li.active a, .nav-wrapper.active #sb_menu a, .header-controls .nav-wrapper.active #sb_menu a { background: linear-gradient(135deg, #D4AF37 0%, #F3D27A 45%, #B88918 100%) !important; color: #0F172A !important; border: 1px solid rgba(255, 232, 160, 0.85) !important; box-shadow: 0 8px 20px rgba(212, 175, 55, 0.22), inset 0 1px 0 rgba(255, 255, 255, 0.35) !important; font-family: 'Cormorant Garamond', Georgia, serif !important; font-style: normal !important; font-weight: 700 !important; text-transform: none !important; letter-spacing: normal !important; } /* Inner/icon color only */ #sb_menu_list_items_container .menu-item a *, #sb_menu_list_items_container li a *, .nav-wrapper.active #sb_menu a * { color: #0F172A !important; fill: #0F172A !important; stroke: #0F172A !important; opacity: 1 !important; } /* ====================================================== CLIENT LOGIN PANEL - ELEGANT SAFE STYLING Visual only: no login/membership behavior changes ====================================================== */ /* Login panel surface */ #sb_client_info #sb_login_form { background: rgba(15, 23, 42, 0.82) !important; border: 1px solid rgba(212, 175, 55, 0.28) !important; border-radius: 24px !important; box-shadow: 0 18px 40px rgba(0, 0, 0, 0.28), inset 0 1px 0 rgba(255, 255, 255, 0.06) !important; } /* Login form font */ #sb_client_info #sb_login_form, #sb_client_info #sb_login_form label, #sb_client_info #sb_login_form a, #sb_client_info #sb_login_form button { font-family: 'Cormorant Garamond', Georgia, serif !important; font-style: normal !important; font-weight: 700 !important; } /* Inputs */ #sb_client_info #sb_login_form input[type="email"], #sb_client_info #sb_login_form input[type="text"], #sb_client_info #sb_login_form input[type="password"] { background: rgba(255, 255, 255, 0.96) !important; color: #0F172A !important; border: 1px solid rgba(212, 175, 55, 0.7) !important; border-radius: 999px !important; box-shadow: inset 0 1px 3px rgba(0,0,0,0.12) !important; } /* Placeholder */ #sb_client_info #sb_login_form input::placeholder { color: rgba(15, 23, 42, 0.55) !important; } /* Sign in / Sign up buttons */ #sb_client_info #sb_login_form button, #sb_client_info #sb_login_form input[type="submit"], #sb_client_info #sb_login_form .btn { background: linear-gradient(135deg, #D4AF37 0%, #F3D27A 45%, #B88918 100%) !important; color: #0F172A !important; border: 1px solid rgba(255, 232, 160, 0.85) !important; border-radius: 999px !important; box-shadow: 0 8px 20px rgba(212, 175, 55, 0.22), inset 0 1px 0 rgba(255, 255, 255, 0.35) !important; } /* Button inner text/icons */ #sb_client_info #sb_login_form button *, #sb_client_info #sb_login_form .btn * { color: #0F172A !important; fill: #0F172A !important; stroke: #0F172A !important; } /* Links */ #sb_client_info #sb_login_form a { color: #F3D27A !important; text-decoration: none !important; } /* Checkbox */ #sb_client_info #sb_login_form input[type="checkbox"] { accent-color: #D4AF37 !important; } /* Social login buttons only by href */ #sb_client_info #sb_login_form a[href*="google"], #sb_client_info #sb_login_form a[href*="facebook"] { background: #FFFFFF !important; border: 1px solid rgba(212, 175, 55, 0.75) !important; border-radius: 50% !important; box-shadow: 0 8px 18px rgba(0,0,0,0.22) !important; } /* Social icon visibility */ #sb_client_info #sb_login_form a[href*="google"] *, #sb_client_info #sb_login_form a[href*="facebook"] * { color: inherit !important; fill: currentColor !important; stroke: currentColor !important; } /* ====================================================== LOGIN SOCIAL ICONS - CLEAN PREMIUM STYLE Visual only ====================================================== */ /* Social login links */ #sb_client_info #sb_login_form a[href*="google"], #sb_client_info #sb_login_form a[href*="facebook"] { width: 54px !important; height: 54px !important; min-width: 54px !important; min-height: 54px !important; background: #FFFFFF !important; border: 2px solid #D4AF37 !important; border-radius: 50% !important; box-shadow: 0 10px 22px rgba(0,0,0,0.22), 0 0 0 4px rgba(212,175,55,0.12) !important; overflow: hidden !important; } /* Center SVG/icon */ #sb_client_info #sb_login_form a[href*="google"] svg, #sb_client_info #sb_login_form a[href*="facebook"] svg, #sb_client_info #sb_login_form a[href*="google"] i, #sb_client_info #sb_login_form a[href*="facebook"] i { width: 26px !important; height: 26px !important; } /* Hide tiny text label under icon */ #sb_client_info #sb_login_form a[href*="google"] span:not([class*="icon"]), #sb_client_info #sb_login_form a[href*="facebook"] span:not([class*="icon"]) { font-size: 0 !important; line-height: 0 !important; } /* Hover polish */ #sb_client_info #sb_login_form a[href*="google"]:hover, #sb_client_info #sb_login_form a[href*="facebook"]:hover { border-color: #F3D27A !important; box-shadow: 0 12px 26px rgba(0,0,0,0.26), 0 0 0 5px rgba(212,175,55,0.16) !important; } /* ====================================================== CLIENT LOGIN PANEL SPACING - SAFE VISUAL ONLY ====================================================== */ /* Give the login box breathing room */ #sb_client_info #sb_login_form { padding: 28px 32px !important; } /* Stack email/password cleanly */ #sb_client_info #sb_login_form .inputs { display: flex !important; flex-direction: column !important; gap: 12px !important; max-width: 260px !important; } /* Input wrapper spacing */ #sb_client_info #sb_login_form .email, #sb_client_info #sb_login_form .password { margin: 0 !important; } /* Input width consistency */ #sb_client_info #sb_login_form input[type="email"], #sb_client_info #sb_login_form input[type="text"], #sb_client_info #sb_login_form input[type="password"] { width: 100% !important; } /* Password icon alignment */ #sb_client_info #sb_login_form .password { position: relative !important; } #sb_client_info #sb_login_form .password-toggler { right: 14px !important; } /* Remind password spacing */ #sb_client_info #sb_login_form a[href*="remind"], #sb_client_info #sb_login_form .remind, #sb_client_info #sb_login_form .forgot-password { display: inline-block !important; margin-top: 10px !important; margin-bottom: 12px !important; } /* Remember me row */ #sb_client_info #sb_login_form label { display: inline-flex !important; align-items: center !important; gap: 8px !important; margin: 4px 0 20px !important; } /* Sign in / Sign up button row */ #sb_client_info #sb_login_form .bar, #sb_client_info #sb_login_form .btn-bar, #sb_client_info #sb_login_form .bar-with-btn { display: flex !important; align-items: center !important; gap: 12px !important; margin: 8px 0 26px !important; } /* OR spacing */ #sb_client_info #sb_login_form .or, #sb_client_info #sb_login_form [class*="or"] { display: block !important; margin: 8px 0 14px !important; } /* Social login spacing */ #sb_client_info #sb_login_form .social, #sb_client_info #sb_login_form .social-login, #sb_client_info #sb_login_form [class*="social"] { display: flex !important; align-items: center !important; gap: 16px !important; margin-top: 8px !important; } /* Social icons should sit nicely */ #sb_client_info #sb_login_form a[href*="google"], #sb_client_info #sb_login_form a[href*="facebook"] { margin-right: 10px !important; } /* ====================================================== HIDE ADA / CONTRAST THEME BUTTON ONLY ====================================================== */ #sb_ada_module, #sb_ada_module .ada-compliance_wrapper, #sb_ada_module .ada-compliance, #sb_ada_module a[href*="ada=1"] { display: none !important; } /* ====================================================== MEMBERSHIP SECTION TITLE FONT ONLY - SAFE ====================================================== */ #sb_membership_module .title-section, #membership-plugin .title-section { font-family: 'Cormorant Garamond', Georgia, serif !important; font-style: normal !important; font-weight: 700 !important; text-transform: none !important; letter-spacing: normal !important; } /* ====================================================== MEMBERSHIP CARD HEADER FONT ONLY - SAFE ====================================================== */ #membership-plugin .cap.short, #membership-view .cap.short, #sb_membership_module .cap.short, #membership-plugin .cap.short *, #membership-view .cap.short *, #sb_membership_module .cap.short * { font-family: 'Cormorant Garamond', Georgia, serif !important; font-style: normal !important; font-weight: 700 !important; text-transform: none !important; letter-spacing: normal !important; } /* ====================================================== BOOKING STEP HEADER FONT ONLY - SAFE ====================================================== */ #steps .title-small, #steps .title-small *, #sb-timeline .title-small, #sb-timeline .title-small *, #sb_booking_content .title-small, #sb_booking_content .title-small *, #steps a[aria-current="step"] .title-small, #steps a .title-small { font-family: 'Cormorant Garamond', Georgia, serif !important; font-style: normal !important; font-weight: 700 !important; text-transform: none !important; letter-spacing: normal !important; } /* ====================================================== SERVICE SELECT BUTTON - GOLD + ELEGANT FONT ONLY ====================================================== */ #sb_booking_content .tab .btn.select a, #sb_booking_content .tab .btn.select.custom a, #sb_booking_content .tab .btn-bar .btn.select a, #sb_booking_content .tab .btn-bar .btn.select.custom a, #events .btn.select a, #events .btn.select.custom a { background: linear-gradient(135deg, #D4AF37 0%, #F3D27A 45%, #B88918 100%) !important; color: #0F172A !important; font-family: 'Cormorant Garamond', Georgia, serif !important; font-style: normal !important; font-weight: 700 !important; text-transform: none !important; letter-spacing: normal !important; } /* Inner text/icon color only */ #sb_booking_content .tab .btn.select a *, #sb_booking_content .tab .btn.select.custom a *, #sb_booking_content .tab .btn-bar .btn.select a *, #sb_booking_content .tab .btn-bar .btn.select.custom a *, #events .btn.select a *, #events .btn.select.custom a * { color: #0F172A !important; fill: #0F172A !important; stroke: #0F172A !important; } /* ====================================================== MEMBERSHIP START BUTTON - GOLD + CLEAN FONT ONLY Better for prices/numbers ====================================================== */ #membership-plugin .mb.btn-bar .active-container.v3 > a.wrapper.btn.price-formatter, #membership-view .mb.btn-bar .active-container.v3 > a.wrapper.btn.price-formatter, #sb_membership_module .mb.btn-bar .active-container.v3 > a.wrapper.btn.price-formatter { background: linear-gradient(135deg, #D4AF37 0%, #F3D27A 45%, #B88918 100%) !important; color: #0F172A !important; font-family: 'Inter', Arial, sans-serif !important; font-style: normal !important; font-weight: 700 !important; text-transform: none !important; letter-spacing: normal !important; } /* Inner text/icon color only */ #membership-plugin .mb.btn-bar .active-container.v3 > a.wrapper.btn.price-formatter *, #membership-view .mb.btn-bar .active-container.v3 > a.wrapper.btn.price-formatter *, #sb_membership_module .mb.btn-bar .active-container.v3 > a.wrapper.btn.price-formatter * { color: #0F172A !important; fill: #0F172A !important; stroke: #0F172A !important; font-family: 'Inter', Arial, sans-serif !important; font-style: normal !important; font-weight: 700 !important; } /* ====================================================== MEMBERSHIP TABS - THEME BLUE + CLEAN FONT ONLY ====================================================== */ #membership-plugin .tab-link a, #membership-view .tab-link a, #sb_membership_module .tab-link a { background: linear-gradient(135deg, #1F467E 0%, #2D5AA3 100%) !important; color: #FFFFFF !important; font-family: 'Inter', Arial, sans-serif !important; font-style: normal !important; font-weight: 700 !important; text-transform: none !important; letter-spacing: normal !important; border: 1px solid rgba(170, 199, 255, 0.22) !important; box-shadow: 0 8px 20px rgba(31, 70, 126, 0.28) !important; } /* Active tab slightly brighter */ #membership-plugin .tab-link.active a, #membership-view .tab-link.active a, #sb_membership_module .tab-link.active a, #membership-plugin .tab-link a[aria-current="page"], #membership-view .tab-link a[aria-current="page"], #sb_membership_module .tab-link a[aria-current="page"] { background: linear-gradient(135deg, #2D5AA3 0%, #3B6CC2 100%) !important; color: #FFFFFF !important; } /* Inner text/icon */ #membership-plugin .tab-link a *, #membership-view .tab-link a *, #sb_membership_module .tab-link a * { color: #FFFFFF !important; fill: #FFFFFF !important; stroke: #FFFFFF !important; font-family: 'Inter', Arial, sans-serif !important; font-weight: 700 !important; } /* ====================================================== MEMBERSHIP TABS FONT FORCE - SAFE ====================================================== */ #membership-plugin .tab-link, #membership-plugin .tab-link *, #membership-view .tab-link, #membership-view .tab-link *, #sb_membership_module .tab-link, #sb_membership_module .tab-link * { font-family: 'Inter', Arial, sans-serif !important; font-style: normal !important; font-weight: 700 !important; text-transform: none !important; letter-spacing: normal !important; } /* ====================================================== MEMBERSHIP TABS FONT FORCE - EXACT SELECTOR ====================================================== */ #sb_content #sb_membership_module #membership-plugin .tabs-container .tab-link > a, #sb_content #sb_membership_module #membership-plugin .tabs-container .tab-link.active > a, #sb_content #sb_membership_module #membership-plugin .tabs-container .tab-link > a[href="#membership"], #sb_content #sb_membership_module #membership-plugin .tabs-container .tab-link > a[href="#membership/my"] { font-family: 'Inter', Arial, sans-serif !important; font-style: normal !important; font-weight: 700 !important; text-transform: none !important; letter-spacing: normal !important; } /* ====================================================== MEMBERSHIP / RESULT TABS FONT + THEME ====================================================== */ #booking-result-view #booking-result-tabs .tabs-container .tab-link a, #booking-result-view #booking-result-tabs .tabs-container .tab-link.active a, #booking-result-view #booking-result-tabs .tabs-container .tab-link a[href="#membership"], #booking-result-view #booking-result-tabs .tabs-container .tab-link a[href="#membership/my"] { font-family: 'Inter', Arial, sans-serif !important; font-style: normal !important; font-weight: 700 !important; text-transform: none !important; letter-spacing: normal !important; background: linear-gradient(135deg, #1F467E 0%, #2D5AA3 100%) !important; color: #FFFFFF !important; } /* Active tab slightly brighter */ #booking-result-view #booking-result-tabs .tabs-container .tab-link.active a, #booking-result-view #booking-result-tabs .tabs-container .tab-link a[aria-current="page"] { background: linear-gradient(135deg, #2D5AA3 0%, #3B6CC2 100%) !important; color: #FFFFFF !important; } /* ====================================================== MEMBERSHIP FILTER HEADER FONT ONLY - SAFE ====================================================== */ #membership-view #sb_membership_filter_container .filter--header_title, #membership-view #sb_membership_filter_container .filter--header_title *, #sb_membership_filter_container .filter--header_title, #sb_membership_filter_container .filter--header_title * { font-family: 'Cormorant Garamond', Georgia, serif !important; font-style: normal !important; font-weight: 700 !important; text-transform: none !important; letter-spacing: normal !important; } /* ====================================================== ABOUT US SECTION FONT ONLY - SAFE ====================================================== */ /* About title */ #about-us .title-main, section#about-us .title-main, #about-us .title-main * { font-family: 'Cormorant Garamond', Georgia, serif !important; font-style: normal !important; font-weight: 700 !important; text-transform: none !important; letter-spacing: normal !important; } /* About body text */ #about-us .txt, section#about-us .txt, #about-us .txt *, section#about-us .txt * { font-family: 'Inter', Arial, sans-serif !important; font-style: normal !important; font-weight: 500 !important; text-transform: none !important; letter-spacing: normal !important; } /* ====================================================== ABOUT US EXACT FONT FORCE - SAFE ====================================================== */ #sb_content section#about-us .section-pd .title-main, #sb_content section#about-us .section-pd .title-main *, #main section#about-us .section-pd .title-main, #main section#about-us .section-pd .title-main * { font-family: 'Cormorant Garamond', Georgia, serif !important; font-style: normal !important; font-weight: 700 !important; text-transform: none !important; letter-spacing: normal !important; } #sb_content section#about-us .section-pd .txt, #sb_content section#about-us .section-pd .txt p, #sb_content section#about-us .section-pd .txt *, #main section#about-us .section-pd .txt, #main section#about-us .section-pd .txt p, #main section#about-us .section-pd .txt * { font-family: 'Inter', Arial, sans-serif !important; font-style: normal !important; font-weight: 500 !important; text-transform: none !important; letter-spacing: normal !important; } /* ====================================================== BOOKING STEP SERVICE SUBTITLE FONT ONLY - SAFE ====================================================== */ #sb-timeline #steps-nav .step_info_item .title-sub, #sb-timeline #steps-nav .step_info_item .title-sub *, #sb_booking_info .step_info_item .title-sub, #sb_booking_info .step_info_item .title-sub *, #sb_booking_info .booking-info .title-sub, #sb_booking_info .booking-info .title-sub * { font-family: 'Inter', Arial, sans-serif !important; font-style: normal !important; font-weight: 600 !important; text-transform: none !important; letter-spacing: normal !important; } /* ====================================================== CALENDAR SELECTED DATE FULL GOLD CIRCLE ONLY ====================================================== */ /* Outer selected circle */ #sb_dateview_container .calendar .weeks-date .date.selected:has(> a[aria-current="date"]), #sb_datetime_step_container .calendar .weeks-date .date.selected:has(> a[aria-current="date"]) { background: linear-gradient(135deg, #D4AF37 0%, #F3D27A 45%, #B88918 100%) !important; color: #0F172A !important; border-color: rgba(255,232,160,0.85) !important; box-shadow: 0 6px 14px rgba(212,175,55,0.28) !important; } /* Inner selected link */ #sb_dateview_container .calendar .weeks-date .date.selected > a[aria-current="date"], #sb_datetime_step_container .calendar .weeks-date .date.selected > a[aria-current="date"] { background: transparent !important; color: #0F172A !important; font-family: 'Inter', Arial, sans-serif !important; font-weight: 700 !important; } /* ====================================================== CALENDAR FONT ONLY - SAFE Does not touch arrows, colors, buttons, or selected states ====================================================== */ /* Month title */ #sb_dateview_container .top-date-select .header .txt-center, #sb_timeview_container .top-date-select .header .txt-center, #sb_datetime_step_container .top-date-select .header .txt-center { font-family: 'Inter', Arial, sans-serif !important; font-style: normal !important; font-weight: 700 !important; text-transform: none !important; letter-spacing: normal !important; } /* Calendar weekday names */ #sb_dateview_container .calendar .weeks-name .col-md-4, #sb_dateview_container .calendar .weeks-name .col-sm-6, #sb_dateview_container .calendar .weeks-name span, #sb_datetime_step_container .calendar .weeks-name .col-md-4, #sb_datetime_step_container .calendar .weeks-name .col-sm-6, #sb_datetime_step_container .calendar .weeks-name span { font-family: 'Inter', Arial, sans-serif !important; font-style: normal !important; font-weight: 600 !important; text-transform: none !important; letter-spacing: normal !important; } /* Calendar date numbers only */ #sb_dateview_container .calendar .weeks-date .date > a, #sb_dateview_container .calendar .weeks-date .date > span, #sb_datetime_step_container .calendar .weeks-date .date > a, #sb_datetime_step_container .calendar .weeks-date .date > span { font-family: 'Inter', Arial, sans-serif !important; font-style: normal !important; font-weight: 600 !important; text-transform: none !important; letter-spacing: normal !important; } /* Weekly calendar day/date labels */ #sb_timeview_container .timeline-wrapper .data-col .date, #sb_timeview_container .timeline-wrapper .data-col .day, #sb_time_slots_weekly_container .data-col .date, #sb_time_slots_weekly_container .data-col .day { font-family: 'Inter', Arial, sans-serif !important; font-style: normal !important; font-weight: 600 !important; text-transform: none !important; letter-spacing: normal !important; } /* Time slot text only */ #sb_time_slots_weekly_container .time-slot a, #sb_time_slots_weekly_container .time-slot span, #sb_timeview_container .time-slot a, #sb_timeview_container .time-slot span { font-family: 'Inter', Arial, sans-serif !important; font-style: normal !important; font-weight: 600 !important; text-transform: none !important; letter-spacing: normal !important; } /* ====================================================== TOP MONTH CALENDAR FONT ONLY Does not touch arrows or weekly time slots ====================================================== */ /* Month title */ #sb_dateview_container .top-date-select .txt-center, #sb_dateview_container .top-date-select .txt-center * { font-family: 'Inter', Arial, sans-serif !important; font-style: normal !important; font-weight: 700 !important; text-transform: none !important; letter-spacing: normal !important; } /* Weekday names + date numbers only */ #sb_dateview_container .top-date-select .calendar .name, #sb_dateview_container .top-date-select .calendar .date > a, #sb_dateview_container .top-date-select .calendar .date > span { font-family: 'Inter', Arial, sans-serif !important; font-style: normal !important; font-weight: 600 !important; text-transform: none !important; letter-spacing: normal !important; } /* ====================================================== HEADER CLIENT ICON - GOLD ONLY ====================================================== */ #sb_client_info .login-container .item-container__icon, #sb_client_info .login-container .item-container__icon *, #sb_client_info .avatar.item-container .item-container__icon, #sb_client_info .avatar.item-container .item-container__icon * { color: #D4AF37 !important; fill: #D4AF37 !important; stroke: #D4AF37 !important; } /* ====================================================== HEADER MENU / SIGN ICONS - GOLD ONLY ====================================================== */ .nav-trigger .fa, .nav-trigger .fa-bars, .header-controls .nav-trigger .fa, .header-controls .nav-trigger .fa-bars, #sb_client_info .item-container__icon, #sb_client_info .item-container__icon * { color: #D4AF37 !important; fill: #D4AF37 !important; stroke: #D4AF37 !important; } /* ====================================================== PWA INSTALL BANNER - MATCH GOLD BUTTON STYLE ====================================================== */ #pwa_install_banner { background: linear-gradient(135deg, #D4AF37 0%, #F3D27A 45%, #B88918 100%) !important; border: 1px solid rgba(255, 232, 160, 0.85) !important; box-shadow: 0 10px 24px rgba(212, 175, 55, 0.22), inset 0 1px 0 rgba(255, 255, 255, 0.35) !important; } /* Text */ #pwa_install_banner .pwa_install__txt, #pwa_install_banner .pwa_install__txt *, #pwa_install_banner p { color: #0F172A !important; font-family: 'Inter', Arial, sans-serif !important; font-weight: 700 !important; } /* Install button text */ #pwa_install_banner_btn, #pwa_install_banner button { background: transparent !important; color: #0F172A !important; border: none !important; box-shadow: none !important; font-family: 'Inter', Arial, sans-serif !important; font-weight: 800 !important; } /* Close X */ #pwa_install_banner .pwa_install__close-btn, #pwa_install_banner .pwa_install__close-btn *, #pwa_install_banner_close { color: #0F172A !important; fill: #0F172A !important; stroke: #0F172A !important; opacity: 1 !important; } /* ====================================================== CLIENT PROFILE POPUP BUTTONS - FULL GOLD STYLE ====================================================== */ #sb_profile_form .bar-with-btn .btn, #sb_profile_form .bar-with-btn a.btn, #sb_profile_form .bar-with-btn a[role="button"], #sb_profile_form .bar-with-btn .sb-client-edit-popup, #sb_profile_form .bar-with-btn .btn-logout, #sb_dialog #sb_profile_form .bar-with-btn .btn, #sb_dialog #sb_profile_form .bar-with-btn a.btn { background: linear-gradient(135deg, #D4AF37 0%, #F3D27A 45%, #B88918 100%) !important; color: #0F172A !important; border: 1px solid rgba(255, 232, 160, 0.85) !important; border-radius: 999px !important; box-shadow: 0 8px 20px rgba(212, 175, 55, 0.22), inset 0 1px 0 rgba(255, 255, 255, 0.35) !important; font-family: 'Cormorant Garamond', Georgia, serif !important; font-style: normal !important; font-weight: 700 !important; text-transform: none !important; letter-spacing: normal !important; } /* Inner text/icons */ #sb_profile_form .bar-with-btn .btn *, #sb_profile_form .bar-with-btn a.btn *, #sb_profile_form .bar-with-btn a[role="button"] *, #sb_dialog #sb_profile_form .bar-with-btn .btn *, #sb_dialog #sb_profile_form .bar-with-btn a.btn * { color: #0F172A !important; fill: #0F172A !important; stroke: #0F172A !important; opacity: 1 !important; font-family: 'Cormorant Garamond', Georgia, serif !important; font-style: normal !important; font-weight: 700 !important; } /* ====================================================== CLIENT MENU BUTTON WIDTH FIX ====================================================== */ #sb_client_info #sb_login_form .bar-with-btn, #sb_client_info .is-logged .bar-with-btn { display: flex !important; align-items: center !important; gap: 14px !important; flex-wrap: nowrap !important; } #sb_client_info #sb_login_form .bar-with-btn button, #sb_client_info .is-logged .bar-with-btn button { min-width: 120px !important; white-space: nowrap !important; text-align: center !important; } #sb_back_to_bookings a.back-to-services > span:not(.fa), #sb_back_to_bookings a.back-to-services > span:not([class*="fa-"]) { font-family: 'Cormorant Garamond', Georgia, serif !important; font-style: normal !important; font-weight: 700 !important; text-transform: none !important; letter-spacing: normal !important; } /* ====================================================== INVOICES BACK BUTTON - VISIBLE + ELEGANT FONT ONLY ====================================================== */ .invoice-pay-page .to-invoices-list, .invoice-pay-page a[href="#invoice/list"], a.to-invoices-list[href="#invoice/list"] { background: linear-gradient(135deg, #D4AF37 0%, #F3D27A 45%, #B88918 100%) !important; color: #09101D !important; border: 1px solid rgba(255, 232, 160, 0.9) !important; border-radius: 40px !important; font-family: Georgia, 'Times New Roman', serif !important; font-weight: 700 !important; font-style: normal !important; opacity: 1 !important; visibility: visible !important; text-shadow: none !important; } /* Text + arrow inside */ .invoice-pay-page .to-invoices-list *, .invoice-pay-page a[href="#invoice/list"] *, a.to-invoices-list[href="#invoice/list"] * { color: #09101D !important; fill: #09101D !important; stroke: #09101D !important; font-family: Georgia, 'Times New Roman', serif !important; font-weight: 700 !important; opacity: 1 !important; visibility: visible !important; } /* ====================================================== REMOVE ICON BESIDE INVOICES ONLY ====================================================== */ .invoice-pay-page .to-invoices-list i, .invoice-pay-page a[href="#invoice/list"] i, a.to-invoices-list[href="#invoice/list"] i, .invoice-pay-page .to-invoices-list svg, .invoice-pay-page a[href="#invoice/list"] svg, a.to-invoices-list[href="#invoice/list"] svg { display: none !important; } /* ====================================================== INVOICE PAGE - ELEGANT FONT ONLY ====================================================== */ .invoice-pay-page, .invoice-pay-page *, #sb_invoice_buttons_container, #sb_invoice_buttons_container * { font-family: Georgia, 'Times New Roman', serif !important; font-style: normal !important; } /* Keep invoice table numbers cleaner */ .invoice-pay-page table, .invoice-pay-page table *, .invoice-pay-page .invoice-table, .invoice-pay-page .invoice-table *, .invoice-pay-page .total, .invoice-pay-page .amount, .invoice-pay-page .price { font-family: Arial, sans-serif !important; font-style: normal !important; } /* Invoice action buttons */ #sb_invoice_buttons_container .btn, #sb_invoice_buttons_container a, .invoice-buttons-container .btn, .invoice-buttons-container a { font-family: Georgia, 'Times New Roman', serif !important; font-weight: 700 !important; font-style: normal !important; } /* ====================================================== PAYMENT SUCCESS ICON - FORCE GOLD SVG ====================================================== */ .notifications-success .notifications-icon svg.sb-inline-svg, .notifications-success .notifications-icon svg[src*="payment-success"], .alert-info.notifications-success .notifications-icon svg.sb-inline-svg, .alert-info.notifications-success .notifications-icon svg[src*="payment-success"] { color: #D4AF37 !important; fill: #D4AF37 !important; stroke: #D4AF37 !important; filter: brightness(0) saturate(100%) invert(72%) sepia(61%) saturate(607%) hue-rotate(5deg) brightness(92%) contrast(88%) !important; opacity: 1 !important; } /* In case SimplyBook paints it through inner paths */ .notifications-success .notifications-icon svg.sb-inline-svg path, .notifications-success .notifications-icon svg.sb-inline-svg circle, .notifications-success .notifications-icon svg.sb-inline-svg rect, .notifications-success .notifications-icon svg.sb-inline-svg line, .notifications-success .notifications-icon svg.sb-inline-svg polyline, .alert-info.notifications-success .notifications-icon svg.sb-inline-svg path, .alert-info.notifications-success .notifications-icon svg.sb-inline-svg circle, .alert-info.notifications-success .notifications-icon svg.sb-inline-svg rect, .alert-info.notifications-success .notifications-icon svg.sb-inline-svg line, .alert-info.notifications-success .notifications-icon svg.sb-inline-svg polyline { fill: #D4AF37 !important; stroke: #D4AF37 !important; } #sb_booking_content .current-booking-info .cap, #sb_booking_content .current-booking-info .cap *, #sb_booking_content .highlighted-current-booking .cap, #sb_booking_content .highlighted-current-booking .cap * { font-family: Georgia, 'Times New Roman', serif !important; font-style: normal !important; } /* ====================================================== TERMS + PRIVACY LINKS - GOLD TEXT ONLY ====================================================== */ #sb_terms_and_conditions a, #sb_privacy_policy_link, #sb_privacy_policy_link *, .form-group--terms a, .form-group--terms-useer a, .terms-use-links-container a { color: #D4AF37 !important; font-family: Georgia, 'Times New Roman', serif !important; font-weight: 700 !important; text-decoration: none !important; opacity: 1 !important; } #sb_terms_and_conditions a:hover, #sb_privacy_policy_link:hover, .form-group--terms a:hover, .form-group--terms-useer a:hover, .terms-use-links-container a:hover { color: #F3D27A !important; text-decoration: underline !important; } /* ====================================================== CONFIRM BOOKING BUTTON - GOLD STYLE ====================================================== */ #sb_booking_content #details .buttons-container #sb_book_btn, #sb_booking_content #details .buttons-container #sb_book_btn span, #sb_book_btn, #sb_book_btn span { background: linear-gradient(135deg, #D4AF37 0%, #F3D27A 45%, #B88918 100%) !important; color: #09101D !important; border: 1px solid rgba(255, 232, 160, 0.9) !important; border-radius: 40px !important; font-family: Georgia, 'Times New Roman', serif !important; font-weight: 700 !important; font-style: normal !important; text-shadow: none !important; opacity: 1 !important; visibility: visible !important; box-shadow: 0 10px 24px rgba(212, 175, 55, 0.25) !important; } /* Keep button text centered */ #sb_booking_content #details .buttons-container #sb_book_btn { display: inline-flex !important; align-items: center !important; justify-content: center !important; } /* ====================================================== CONFIRM BOOKING BUTTON - REFINED SIZE ====================================================== */ #sb_booking_content #details .buttons-container #sb_book_btn { min-width: 220px !important; width: auto !important; min-height: 46px !important; height: 46px !important; padding: 0 30px !important; border-radius: 28px !important; box-shadow: 0 8px 18px rgba(212, 175, 55, 0.22) !important; } /* Text size inside button */ #sb_booking_content #details .buttons-container #sb_book_btn span { font-size: 18px !important; line-height: 1 !important; padding: 0 !important; } /* ====================================================== CONFIRM BOOKING - REMOVE DOUBLE BUTTON EFFECT ====================================================== */ /* Outer button only */ #sb_booking_content #details .buttons-container #sb_book_btn, #sb_book_btn { background: linear-gradient(135deg, #D4AF37 0%, #F3D27A 45%, #B88918 100%) !important; border: 1px solid rgba(255, 232, 160, 0.9) !important; border-radius: 40px !important; box-shadow: 0 8px 18px rgba(212, 175, 55, 0.22) !important; } /* Inner text only - no background/border */ #sb_booking_content #details .buttons-container #sb_book_btn span, #sb_book_btn span { background: transparent !important; border: none !important; box-shadow: none !important; border-radius: 0 !important; color: #09101D !important; font-family: Georgia, 'Times New Roman', serif !important; font-weight: 700 !important; } /* ====================================================== BOOKING SUCCESS POPUP - PREMIUM CELEBRATION STYLE ====================================================== */ #booking-result-popup .modal-content { background: #0F172A !important; border: 1px solid rgba(212, 175, 55, 0.55) !important; border-radius: 18px !important; box-shadow: 0 24px 60px rgba(0, 0, 0, 0.45) !important; } /* Success icon */ #booking-result-popup .booking-icon, #booking-result-popup .subscribe-component--status-icon, #booking-result-popup .status-success { color: #D4AF37 !important; filter: brightness(0) saturate(100%) invert(72%) sepia(61%) saturate(607%) hue-rotate(5deg) brightness(92%) contrast(88%) !important; } /* Title */ #booking-result-popup-title, #booking-result-popup .booking-status, #booking-result-popup h4 { color: #F3D27A !important; font-family: Georgia, 'Times New Roman', serif !important; font-weight: 700 !important; font-style: normal !important; opacity: 1 !important; text-shadow: none !important; } /* Message text */ #booking-result-popup-message, #booking-result-popup .booking-message, #booking-result-popup p { color: #FFFFFF !important; font-family: Georgia, 'Times New Roman', serif !important; font-weight: 600 !important; line-height: 1.5 !important; opacity: 1 !important; } /* Close button */ #booking-result-popup .btn, #booking-result-popup button, #booking-result-popup .btn-bar .btn { background: linear-gradient(135deg, #D4AF37 0%, #F3D27A 45%, #B88918 100%) !important; color: #09101D !important; border: 1px solid rgba(255, 232, 160, 0.9) !important; border-radius: 40px !important; font-family: Georgia, 'Times New Roman', serif !important; font-weight: 700 !important; box-shadow: 0 10px 24px rgba(212, 175, 55, 0.24) !important; } /* Close X */ #booking-result-popup .modal-header .close, #booking-result-popup button.close { color: #F3D27A !important; opacity: 1 !important; } /* ====================================================== BOOKING SUCCESS POPUP - READABLE TEXT ON WHITE ====================================================== */ #booking-result-popup-title, #booking-result-popup .booking-status, #booking-result-popup h4 { color: #D4AF37 !important; font-family: Georgia, 'Times New Roman', serif !important; font-weight: 700 !important; opacity: 1 !important; } #booking-result-popup-message, #booking-result-popup .booking-message, #booking-result-popup p, #booking-result-popup .subscribe-component--txt, #booking-result-popup .subscribe-component--txt * { color: #0F172A !important; font-family: Georgia, 'Times New Roman', serif !important; font-weight: 600 !important; line-height: 1.45 !important; opacity: 1 !important; } /* ====================================================== BOOKING RESULT BUTTONS - READABLE FONT + COLOR ONLY Does not change icons or font size ====================================================== */ .current-booking-info .booking-btns .btn, .current-booking-info .booking-btns a, .current-booking-info .booking-btns button, .current-booking-info .booking-btns .btn span, .current-booking-info .booking-btns a span, .current-booking-info .booking-btns button span, .booking-btns .btn, .booking-btns a, .booking-btns button, .booking-btns .btn span, .booking-btns a span, .booking-btns button span { font-family: Georgia, 'Times New Roman', serif !important; font-style: normal !important; font-weight: 700 !important; color: #0F172A !important; opacity: 1 !important; text-shadow: none !important; } /* Button surface only */ .current-booking-info .booking-btns .btn, .current-booking-info .booking-btns a, .current-booking-info .booking-btns button, .booking-btns .btn, .booking-btns a, .booking-btns button { background: linear-gradient(135deg, #D4AF37 0%, #F3D27A 45%, #B88918 100%) !important; border-color: rgba(255, 232, 160, 0.9) !important; } /* Keep disabled/unavailable buttons readable but subdued */ .current-booking-info .booking-btns .disabled, .current-booking-info .booking-btns [disabled], .booking-btns .disabled, .booking-btns [disabled] { background: rgba(220, 232, 255, 0.16) !important; border-color: rgba(220, 232, 255, 0.25) !important; color: rgba(220, 232, 255, 0.72) !important; } /* Text inside disabled buttons */ .current-booking-info .booking-btns .disabled span, .current-booking-info .booking-btns [disabled] span, .booking-btns .disabled span, .booking-btns [disabled] span { color: rgba(220, 232, 255, 0.72) !important; } /* ====================================================== BOOK MORE BUTTON - ROUND SHAPE FIX ONLY ====================================================== */ .current-booking-info .booking-btns .sb-book a.sb_book_again, .current-booking-info .booking-btns .sb-book, .booking-btns .sb-book a.sb_book_again, .booking-btns .sb-book { border-radius: 40px !important; overflow: hidden !important; } .current-booking-info .booking-btns .sb-book a.sb_book_again, .booking-btns .sb-book a.sb_book_again { border-radius: 40px !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; } /* ====================================================== CANCEL BOOKING BUTTON - RED TEXT + ICON ONLY ====================================================== */ .current-booking-info .booking-btns .sb_cancel_btn, .current-booking-info .booking-btns .sb_cancel_btn span, .booking-btns .sb_cancel_btn, .booking-btns .sb_cancel_btn span { color: #B91C1C !important; } /* Cancel icon */ .current-booking-info .booking-btns .sb_cancel_btn i, .current-booking-info .booking-btns .sb_cancel_btn svg, .current-booking-info .booking-btns .sb_cancel_btn svg *, .booking-btns .sb_cancel_btn i, .booking-btns .sb_cancel_btn svg, .booking-btns .sb_cancel_btn svg * { color: #B91C1C !important; fill: #B91C1C !important; stroke: #B91C1C !important; } /* ====================================================== SHOW ALL BOOKINGS BUTTON - READABLE + ELEGANT No font-size changes ====================================================== */ #booking-result-view a.show-all, #booking-result-view .show-all, #booking-result-view a[href*="client/bookings/type/all"], a.btn.btn-default.show-all, a[href*="client/bookings/type/all"] { background: linear-gradient(135deg, #D4AF37 0%, #F3D27A 45%, #B88918 100%) !important; color: #09101D !important; border: 1px solid rgba(255, 232, 160, 0.9) !important; border-radius: 40px !important; font-family: Georgia, 'Times New Roman', serif !important; font-weight: 700 !important; font-style: normal !important; opacity: 1 !important; text-shadow: none !important; } /* Text inside */ #booking-result-view a.show-all *, #booking-result-view .show-all *, #booking-result-view a[href*="client/bookings/type/all"] *, a.btn.btn-default.show-all *, a[href*="client/bookings/type/all"] * { color: #09101D !important; font-family: Georgia, 'Times New Roman', serif !important; font-weight: 700 !important; opacity: 1 !important; text-shadow: none !important; } /* ====================================================== BOOKING RESULT DETAILS - FONT ONLY ====================================================== */ #booking-result-view .current-booking-info, #booking-result-view .current-booking-info *, #booking-result-view .booking-info, #booking-result-view .booking-info *, #booking-result-view .booking-item, #booking-result-view .booking-item * { font-family: Georgia, 'Times New Roman', serif !important; font-style: normal !important; } /* ====================================================== BOOKING RESULT DETAILS - KEEP DIGITS READABLE ====================================================== */ /* Numeric/data values only */ #booking-result-view .current-booking-info .info, #booking-result-view .current-booking-info .info *, #booking-result-view .booking-info .info, #booking-result-view .booking-info .info *, #booking-result-view .date-line, #booking-result-view .date-line *, #booking-result-view .date-line--caption, #booking-result-view .date-line--caption *, #booking-result-view .booking-info--item_date_start, #booking-result-view .booking-info--item_date_start *, #booking-result-view .booking-info--item_date_end, #booking-result-view .booking-info--item_date_end *, #booking-result-view .booking-info--item_code, #booking-result-view .booking-info--item_code *, #booking-result-view .booking-info--item_status, #booking-result-view .booking-info--item_status * { font-family: Arial, sans-serif !important; font-style: normal !important; font-weight: 600 !important; } /* ====================================================== FOOTER LINKS - GOLD COLOR ONLY ====================================================== */ #footer a, #footer a *, footer a, footer a *, a[href="#terms-and-conditions"], a[href="#terms-and-conditions"] * { color: #D4AF37 !important; opacity: 1 !important; text-decoration: none !important; } #footer a:hover, footer a:hover, a[href="#terms-and-conditions"]:hover { color: #F3D27A !important; text-decoration: underline !important; } /* ====================================================== CONTACT LINKS - GOLD COLOR ONLY ====================================================== */ #contacts a, #contacts a *, #contacts .phone-number, #contacts .phone-number *, #contacts .email, #contacts .email *, #contacts .website, #contacts .website *, #contacts .links-phone a, #contacts .links-phone a *, #contacts .info a, #contacts .info a * { color: #D4AF37 !important; opacity: 1 !important; text-decoration: none !important; } #contacts a:hover, #contacts .phone-number:hover, #contacts .email:hover, #contacts .website:hover { color: #F3D27A !important; text-decoration: underline !important; } /* ====================================================== MEMBERSHIP PURCHASED BADGE - VISIBLE RUBY ====================================================== */ #sb_membership_module_list_container .membership-item .purchased, .membership-item .purchased { background: linear-gradient(135deg, #7F1D1D 0%, #B91C1C 55%, #991B1B 100%) !important; color: #FFFFFF !important; border: 1px solid rgba(255, 210, 210, 0.85) !important; border-radius: 0 0 10px 0 !important; font-family: Arial, sans-serif !important; font-weight: 800 !important; text-transform: uppercase !important; letter-spacing: 0.5px !important; opacity: 1 !important; text-shadow: none !important; box-shadow: 0 8px 18px rgba(127, 29, 29, 0.35) !important; } /* ====================================================== SUBSCRIPTION REQUIRED - HIGH VISIBILITY BADGE ====================================================== */ .service-bar__text a[href*="membership/services"], .service-bar__text a[href*="#membership"], a[href*="membership/services"].popup-hide { display: inline-flex !important; align-items: center !important; justify-content: center !important; background: linear-gradient(135deg, #FACC15 0%, #F59E0B 100%) !important; color: #111827 !important; border: 1px solid rgba(255, 237, 120, 0.95) !important; border-radius: 22px !important; padding: 5px 12px !important; font-family: Arial, sans-serif !important; font-weight: 800 !important; opacity: 1 !important; text-shadow: none !important; box-shadow: 0 6px 14px rgba(250, 204, 21, 0.28) !important; } /* ====================================================== SUBSCRIPTION REQUIRED - COMPACT BADGE ====================================================== */ .service-bar__text a[href*="membership/services"], .service-bar__text a[href*="#membership"], a[href*="membership/services"].popup-hide { padding: 2px 9px !important; border-radius: 16px !important; line-height: 1.2 !important; min-height: 0 !important; box-shadow: 0 4px 10px rgba(250, 204, 21, 0.22) !important; } /* ====================================================== SERVICE PRICE - HIGH VISIBILITY GOLD ====================================================== */ #sb_booking_content .badge.price, #sb_booking_content .badge.price.right, #sb_booking_content .price, #sb_booking_content .service-price, #sb_booking_content .bar-service .price { color: #F3D27A !important; font-family: Arial, sans-serif !important; font-weight: 800 !important; opacity: 1 !important; text-shadow: 0 2px 8px rgba(0, 0, 0, 0.45) !important; } /* SERVICE SELECT BUTTON - FONT SIZE ONLY */ #sb_booking_content div.btn.select.custom a[href*="#book"], div.btn.select.custom a[href*="#book"] { font-size: 18px !important; } /* ====================================================== MEMBERSHIP REQUIRED MESSAGE - GOLD TEXT ONLY ====================================================== */ #sb_membership_select_error, #sb_membership_select_error *, #sb_booking_content #sb_membership_select_error, #sb_booking_content #sb_membership_select_error *, .help-block#sb_membership_select_error, .help-block#sb_membership_select_error * { color: #D4AF37 !important; opacity: 1 !important; text-shadow: none !important; } #sb_booking_content a[href*="membership/services"], #sb_booking_content a[href*="membership/services"] *, #sb_membership_select_error, #sb_membership_select_error * { color: #D4AF37 !important; } /* ====================================================== SUBSCRIPTION REQUIRED BADGE - DARK PREMIUM VERSION ====================================================== */ #sb_booking_content .service-bar__text > a.popup-hide[href*="membership/services"], .service-bar__text > a.popup-hide[href*="membership/services"] { background: #0F172A !important; color: #F3D27A !important; border: 1px solid rgba(243, 210, 122, 0.9) !important; border-radius: 16px !important; padding: 2px 9px !important; font-family: Arial, sans-serif !important; font-weight: 800 !important; box-shadow: 0 4px 12px rgba(243, 210, 122, 0.18) !important; opacity: 1 !important; text-shadow: none !important; } #sb_booking_content .service-bar__text > a.popup-hide[href*="membership/services"] *, .service-bar__text > a.popup-hide[href*="membership/services"] * { color: #F3D27A !important; -webkit-text-fill-color: #F3D27A !important; } /* ====================================================== SERVICE PRICE - RED TEXT WITH WHITE BORDER ====================================================== */ #sb_booking_content .badge.price, #sb_booking_content .badge.price.right, #sb_booking_content .bar-service .badge.price, #sb_booking_content .bar-service .badge.price.right { color: #B91C1C !important; -webkit-text-stroke: 0.6px #FFFFFF !important; font-family: Arial, sans-serif !important; font-weight: 900 !important; opacity: 1 !important; text-shadow: 0 1px 0 #FFFFFF, 1px 0 0 #FFFFFF, 0 -1px 0 #FFFFFF, -1px 0 0 #FFFFFF, 0 3px 8px rgba(0, 0, 0, 0.45) !important; } /* ====================================================== SERVICE PRICE - THINNER WHITE BORDER ====================================================== */ #sb_booking_content .badge.price, #sb_booking_content .badge.price.right, #sb_booking_content .bar-service .badge.price, #sb_booking_content .bar-service .badge.price.right { -webkit-text-stroke: 0.25px #FFFFFF !important; text-shadow: 0 0 1px #FFFFFF, 0 2px 6px rgba(0, 0, 0, 0.4) !important; } /* ====================================================== INTAKE FORM FIELDS TOGGLE - READABLE TEXT COLOR ====================================================== */ #booking-result-view .accordion .title, #booking-result-view .accordion .title *, #booking-result-view a.title, #booking-result-view a.title *, #booking-result-view a[href*="collapseAdditional"], #booking-result-view a[href*="collapseAdditional"] * { color: #F3D27A !important; opacity: 1 !important; text-shadow: none !important; } /* Arrow/icon inside the toggle */ #booking-result-view a[href*="collapseAdditional"] i, #booking-result-view a[href*="collapseAdditional"] svg, #booking-result-view a[href*="collapseAdditional"] svg * { color: #F3D27A !important; fill: #F3D27A !important; stroke: #F3D27A !important; } /* ====================================================== PEQ TICKET PAGE - PREMIUM PRINT-SAFE STYLE Visual only. Does not touch QR or ticket behaviour. ====================================================== */ body { background: #F7F8FB !important; color: #0F172A !important; } /* Main ticket */ .ticket--card-wrapper { background: #FFFFFF !important; border: 2px solid #D4AF37 !important; border-radius: 18px !important; box-shadow: 0 16px 40px rgba(15, 23, 42, 0.16) !important; overflow: hidden !important; } /* Left vertical security strip */ .ticket--card-security { background: linear-gradient(180deg, #0F172A 0%, #1F467E 100%) !important; color: #F3D27A !important; border-right: 1px dashed rgba(212, 175, 55, 0.85) !important; } /* Customer name */ .ticket--card-user-name { color: #1F467E !important; font-family: Georgia, 'Times New Roman', serif !important; font-weight: 700 !important; } /* Event / service name */ .ticket--card-event-name { color: #0F172A !important; font-family: Georgia, 'Times New Roman', serif !important; font-weight: 700 !important; } /* Ticket details: date, time, price, code */ .ticket--card-event-data, .ticket--card-event-data *, .ticket--card-content-txt, .ticket--card-content-txt * { color: #0F172A !important; font-family: Arial, sans-serif !important; font-weight: 600 !important; } /* Booking code */ .ticket--card-content-txt { color: #1F467E !important; font-weight: 800 !important; } /* Logo area */ .ticket--card-logo-card { background: rgba(212, 175, 55, 0.08) !important; border-bottom: 1px solid rgba(212, 175, 55, 0.35) !important; } /* QR / barcode must stay scannable */ .ticket--card-barcode-wrapper, .ticket--card-barcode-wrapper *, .ticket--card-security img, .ticket--card-barcode-wrapper img { background: #FFFFFF !important; filter: none !important; opacity: 1 !important; } /* Print safety */ @media print { body { background: #FFFFFF !important; } .ticket--card-wrapper { box-shadow: none !important; border: 2px solid #D4AF37 !important; } .ticket--card-barcode-wrapper, .ticket--card-barcode-wrapper *, .ticket--card-security img, .ticket--card-barcode-wrapper img { background: #FFFFFF !important; filter: none !important; } } /* ====================================================== TICKET PAGE - FORCE STYLE ====================================================== */ html body .ticket--card-wrapper, body .ticket--card-wrapper, .ticket--card-wrapper { background: #FFFFFF !important; border: 2px solid #D4AF37 !important; border-radius: 18px !important; box-shadow: 0 16px 40px rgba(15, 23, 42, 0.16) !important; overflow: hidden !important; } html body .ticket--card-security, body .ticket--card-security, .ticket--card-security { background: linear-gradient(180deg, #0F172A 0%, #1F467E 100%) !important; color: #F3D27A !important; border-right: 1px dashed rgba(212, 175, 55, 0.85) !important; } html body .ticket--card-user-name, body .ticket--card-user-name, .ticket--card-user-name { color: #1F467E !important; font-family: Georgia, 'Times New Roman', serif !important; font-weight: 700 !important; } html body .ticket--card-event-name, body .ticket--card-event-name, .ticket--card-event-name { color: #0F172A !important; font-family: Georgia, 'Times New Roman', serif !important; font-weight: 700 !important; } html body .ticket--card-event-data, html body .ticket--card-event-data *, html body .ticket--card-content-txt, html body .ticket--card-content-txt *, body .ticket--card-event-data, body .ticket--card-event-data *, body .ticket--card-content-txt, body .ticket--card-content-txt *, .ticket--card-event-data, .ticket--card-event-data *, .ticket--card-content-txt, .ticket--card-content-txt * { color: #0F172A !important; font-family: Arial, sans-serif !important; font-weight: 600 !important; }