| @@ -8,15 +8,8 @@ | ||
| 8 | 8 | * (refactored: comments + dead rules removed) |
| 9 | 9 | */ |
| 10 | 10 | |
| 11 | 11 | /* ========================================================================== */ |
| 12 | -/* CSS Variables — shared tokens */ | |
| 13 | -/* ========================================================================== */ | |
| 14 | -:root { | |
| 15 | - --wpbc_form-button-light-size-height: 43px; | |
| 16 | -} | |
| 17 | - | |
| 18 | -/* ========================================================================== */ | |
| 19 | 12 | /* Booking Form: global structure + variants */ |
| 20 | 13 | /* What: layout scaffolding for form/calendar blocks and simple themes */ |
| 21 | 14 | /* ========================================================================== */ |
| 22 | 15 | /* “Form center” layout (Free) */ |
| @@ -57,15 +50,15 @@ | ||
| 57 | 50 | } |
| 58 | 51 | |
| 59 | 52 | /* “Dark” variant — tweak text colors inside form area */ |
| 60 | 53 | .wpbc_booking_form_structure.wpbc_form_dark .wpbc_structure_form label { |
| 61 | - color: #ddd; | |
| 54 | + color: var(--wpbc_form-label-color, #ddd); | |
| 62 | 55 | } |
| 63 | 56 | .wpbc_booking_form_structure.wpbc_form_dark .wpbc_structure_form input[type="text"], |
| 64 | 57 | .wpbc_booking_form_structure.wpbc_form_dark .wpbc_structure_form input[type="email"], |
| 65 | 58 | .wpbc_booking_form_structure.wpbc_form_dark .wpbc_structure_form textarea, |
| 66 | 59 | .wpbc_booking_form_structure.wpbc_form_dark .wpbc_structure_form select { |
| 67 | - color: #000; | |
| 60 | + color: var(--wpbc_form-field-text-color, #000); | |
| 68 | 61 | } |
| 69 | 62 | |
| 70 | 63 | /* “Form right” layout — calendar + form side‑by‑side (responsive) */ |
| 71 | 64 | /* FixIn: 9.6.1.3, 9.6.2.6 */ |
| @@ -121,8 +114,50 @@ | ||
| 121 | 114 | margin-left: auto; |
| 122 | 115 | margin-right: auto; |
| 123 | 116 | } |
| 124 | 117 | |
| 118 | +.booking_form_div.wpbc_booking_form_is_submitting { | |
| 119 | + position: relative; | |
| 120 | +} | |
| 121 | +.booking_form_div.wpbc_booking_form_is_submitting > :not(.wpbc_booking_form_submit_overlay) { | |
| 122 | + filter: blur(1px); | |
| 123 | + opacity: 0.55; | |
| 124 | + pointer-events: none; | |
| 125 | + -webkit-user-select: none; | |
| 126 | + -ms-user-select: none; | |
| 127 | + user-select: none; | |
| 128 | +} | |
| 129 | + | |
| 130 | +.booking_form_div.wpbc_booking_form_is_submitting { | |
| 131 | + position: relative; | |
| 132 | + min-height: 220px; | |
| 133 | +} | |
| 134 | +.booking_form_div .wpbc_booking_form_submit_overlay { | |
| 135 | + position: absolute; | |
| 136 | + top: 12px; | |
| 137 | + inset: 0; | |
| 138 | + pointer-events: none; | |
| 139 | + z-index: 50; | |
| 140 | + height: auto; | |
| 141 | + display: flex; | |
| 142 | + align-items: center; | |
| 143 | + justify-content: center; | |
| 144 | + background: rgba(255, 255, 255, 0.5); | |
| 145 | + -webkit-backdrop-filter: blur(1px); | |
| 146 | + backdrop-filter: blur(1px); | |
| 147 | +} | |
| 148 | +.booking_form_div .wpbc_booking_form_submit_overlay .wpbc_spins_loading_container { | |
| 149 | + width: max-content; | |
| 150 | + min-width: 100%; | |
| 151 | + height: 100%; | |
| 152 | + min-height: 60px; | |
| 153 | + padding: 0; | |
| 154 | + border-radius: 6px; | |
| 155 | + backdrop-filter: blur(1px); | |
| 156 | + pointer-events: auto; | |
| 157 | + font-weight: 600; | |
| 158 | +} | |
| 159 | + | |
| 125 | 160 | .booking_form .form-group { |
| 126 | 161 | margin: 15px 0; |
| 127 | 162 | } |
| 128 | 163 | |
| @@ -138,9 +173,9 @@ | ||
| 138 | 173 | .booking_form_div textarea, |
| 139 | 174 | .booking_form_div input[type="text"], |
| 140 | 175 | .booking_form_div input[type="email"], |
| 141 | 176 | .booking_form_div select { |
| 142 | - border-color: #DFDFDF; | |
| 177 | + border-color: var(--wpbc_form-field-border-color, #DFDFDF); | |
| 143 | 178 | border-radius: 4px; |
| 144 | 179 | border-style: solid; |
| 145 | 180 | border-width: 1px; |
| 146 | 181 | vertical-align: baseline; |
| @@ -150,15 +185,8 @@ | ||
| 150 | 185 | .booking_form input.wpdev-validates-as-time { |
| 151 | 186 | width: 50px; |
| 152 | 187 | } |
| 153 | 188 | |
| 154 | -/* Buttons alignment */ | |
| 155 | -.booking_form input[type="button"], | |
| 156 | -.booking_form input[type="submit"] { | |
| 157 | - width: auto; | |
| 158 | - vertical-align: middle; | |
| 159 | -} | |
| 160 | - | |
| 161 | 189 | /* Checkbox/Radio list spacing */ |
| 162 | 190 | .booking_form .wpdev-checkbox .wpdev-list-item, |
| 163 | 191 | .booking_form .wpdev-radio .wpdev-list-item { |
| 164 | 192 | margin-right: 0.5em; |
| @@ -179,21 +207,26 @@ | ||
| 179 | 207 | .booking_form input[type="tel"]:focus, |
| 180 | 208 | .booking_form input[type="time"]:focus, |
| 181 | 209 | .booking_form input[type="url"]:focus, |
| 182 | 210 | .booking_form input[type="week"]:focus, |
| 183 | -.booking_form input[type="checkbox"]:focus, | |
| 184 | -.booking_form input[type="radio"]:focus, | |
| 185 | 211 | .booking_form select:focus, |
| 186 | 212 | .booking_form textarea:focus { |
| 187 | - box-shadow: 0 0 2px #2d7eff; | |
| 213 | + box-shadow: 0 0 2px var(--wpbc_form-field-focus-shadow-color, #2d7eff); | |
| 188 | 214 | outline: none; |
| 189 | - border-color: #567cb8; | |
| 215 | + border-color: var(--wpbc_form-field-focus-border-color, #567cb8); | |
| 190 | 216 | } |
| 191 | 217 | |
| 218 | +.booking_form input[type="checkbox"]:focus, | |
| 219 | +.booking_form input[type="radio"]:focus { | |
| 220 | + box-shadow: 0 0 2px var(--wpbc_form-choice-focus-color, #2d7eff); | |
| 221 | + outline: none; | |
| 222 | + border-color: var(--wpbc_form-choice-focus-color, #567cb8); | |
| 223 | +} | |
| 224 | + | |
| 192 | 225 | /* Disabled/Booked select options */ |
| 193 | 226 | .booking_form_div select option.booked, |
| 194 | 227 | .booking_form_div select option:disabled { |
| 195 | - color: #ddd; | |
| 228 | + color: var(--wpbc_form-field-disabled-color, #ddd); | |
| 196 | 229 | } |
| 197 | 230 | |
| 198 | 231 | /* Small selects (visitors count) */ |
| 199 | 232 | .booking_form_div select.col-md-1 { |
| @@ -203,63 +236,8 @@ | ||
| 203 | 236 | } |
| 204 | 237 | |
| 205 | 238 | |
| 206 | 239 | /* ========================================================================== */ |
| 207 | -/* Buttons (front-end + payment form) */ | |
| 208 | -/* What: generic button look; keep WordPress-like defaults */ | |
| 209 | -/* ========================================================================== */ | |
| 210 | -.wpbc-payment-form .btn, | |
| 211 | -.wpbc-payment-form .button, | |
| 212 | -.booking_form_div .btn, | |
| 213 | -.booking_form_div .button, | |
| 214 | -.booking_form_div .submit, | |
| 215 | -.booking_form_div .button-secondary { | |
| 216 | - background: #f7f7f7 none repeat scroll 0 0; | |
| 217 | - border-color: #ccc; | |
| 218 | - box-shadow: 0 1px 0 #eee; | |
| 219 | - color: #555; | |
| 220 | - vertical-align: top; | |
| 221 | - white-space: normal; | |
| 222 | -} | |
| 223 | - | |
| 224 | -.booking_form_div .submit, | |
| 225 | -.booking_form_div .button, | |
| 226 | -.booking_form_div .button-primary, | |
| 227 | -.booking_form_div .button-secondary, | |
| 228 | -.booking_form_div .button-highlighted, | |
| 229 | -.booking_form_div #postcustomstuff .submit input { | |
| 230 | - border-style: solid; | |
| 231 | - border-width: 1px; | |
| 232 | - cursor: pointer; | |
| 233 | - font-size: 11px !important; | |
| 234 | - line-height: 16px; | |
| 235 | - padding: 2px 8px; | |
| 236 | - text-decoration: none; | |
| 237 | - font-weight: 600; | |
| 238 | - margin: 10px 0; | |
| 239 | - float: right; | |
| 240 | - border-radius: 11px; | |
| 241 | - -moz-box-sizing: content-box; | |
| 242 | -} | |
| 243 | - | |
| 244 | -/* Fix overwrite issues by themes */ | |
| 245 | -.booking_form_div input.btn-primary:hover { | |
| 246 | - background: #0044CC !important; | |
| 247 | -} | |
| 248 | - | |
| 249 | -/* Pointer and disabled states */ | |
| 250 | -.booking_form_div input[type="button"]:hover, | |
| 251 | -.wpbc-payment-form input[type="button"]:hover { | |
| 252 | - cursor: pointer !important; | |
| 253 | -} | |
| 254 | - | |
| 255 | -.booking_form_div input[type="button"]:disabled:hover, | |
| 256 | -.wpbc-payment-form input[type="button"]:disabled:hover { | |
| 257 | - cursor: not-allowed !important; | |
| 258 | -} | |
| 259 | - | |
| 260 | - | |
| 261 | -/* ========================================================================== */ | |
| 262 | 240 | /* CAPTCHA */ |
| 263 | 241 | /* What: layout for text captcha, image and input */ |
| 264 | 242 | /* ========================================================================== */ |
| 265 | 243 | .wpbc_text_captcha_container { |
| @@ -994,10 +972,11 @@ | ||
| 994 | 972 | } |
| 995 | 973 | |
| 996 | 974 | /* Overall container width & top spacing */ |
| 997 | 975 | .wpbc_container_booking_form { |
| 998 | - width: 99%; | |
| 999 | - margin-top: 1em; | |
| 976 | + width: calc(100% - 10px); | |
| 977 | + width: 100%; | |
| 978 | + margin: 5px 0; | |
| 1000 | 979 | } |
| 1001 | 980 | |
| 1002 | 981 | /* Unified row: flex layout with small gap */ |
| 1003 | 982 | .wpbc_container_booking_form .wpbc__row { |
| @@ -1239,9 +1218,11 @@ | ||
| 1239 | 1218 | .wpbc_container.wpbc_container_booking_form textarea[rows*="8"], |
| 1240 | 1219 | .wpbc_container.wpbc_container_booking_form textarea[rows*="9"] { |
| 1241 | 1220 | height: auto; |
| 1242 | 1221 | } |
| 1243 | - | |
| 1222 | +.wpbc_form { | |
| 1223 | + border:0; | |
| 1224 | +} | |
| 1244 | 1225 | /* Theme quirks: fix min heights in some WP themes (e.g., Twenty Five) */ |
| 1245 | 1226 | .is-layout-constrained .wpbc_form { /* FixIn: 10.14.2.1. */ |
| 1246 | 1227 | margin: 5px auto 0; |
| 1247 | 1228 | max-width: Min(900px, 100%); |
| @@ -1246,9 +1227,9 @@ | ||
| 1246 | 1227 | margin: 5px auto 0; |
| 1247 | 1228 | max-width: Min(900px, 100%); |
| 1248 | 1229 | font-size: 16px; |
| 1249 | 1230 | font-weight: 400; |
| 1250 | - padding: 0 10px; | |
| 1231 | + /*padding: 0 10px;*/ | |
| 1251 | 1232 | } |
| 1252 | 1233 | |
| 1253 | 1234 | /* Narrow screens: table and field widths */ |
| 1254 | 1235 | @media (max-width: 670px) { |
| @@ -1285,17 +1266,11 @@ | ||
| 1285 | 1266 | /* Add Booking (admin) */ |
| 1286 | 1267 | .add_booking_page_content, |
| 1287 | 1268 | .add_booking_page_content p { |
| 1288 | 1269 | font-size: 15px; |
| 1289 | - line-height: 2; | |
| 1270 | + /*line-height: 2;*/ | |
| 1290 | 1271 | } |
| 1291 | 1272 | |
| 1292 | -#wpbc-new-admin-page .wpbc_container.wpbc_form input.wpbc_button_light { | |
| 1293 | - font-size: 1.15em; | |
| 1294 | - line-height: 100%; | |
| 1295 | - min-height: var(--wpbc_form-button-light-size-height); | |
| 1296 | -} | |
| 1297 | - | |
| 1298 | 1273 | /* Datepicker fine text */ |
| 1299 | 1274 | .datepick-inline .datepick-days-cell div.date-content-bottom, |
| 1300 | 1275 | .datepick-inline .datepick-days-cell div.date-content-top { |
| 1301 | 1276 | font-size: 0.7em; |
| @@ -1327,10 +1302,10 @@ | ||
| 1327 | 1302 | line-height: 2.5; |
| 1328 | 1303 | } |
| 1329 | 1304 | |
| 1330 | 1305 | /* Near-field warning spacing */ |
| 1331 | -.wpbc_booking_form_simple .wpbc_front_end__message_container_right { | |
| 1332 | - margin: 10px 0; | |
| 1306 | +.wpbc_calendar_wraper .wpbc_front_end__message_container_right { | |
| 1307 | + display:flex; | |
| 1333 | 1308 | } |
| 1334 | 1309 | |
| 1335 | 1310 | |
| 1336 | 1311 | /* ========================================================================== */ |
| @@ -1483,10 +1458,10 @@ | ||
| 1483 | 1458 | } |
| 1484 | 1459 | |
| 1485 | 1460 | |
| 1486 | 1461 | /* ========================================================================== */ |
| 1487 | -/* Payment Gateways — layout & per-gateway buttons */ | |
| 1488 | -/* What: gateway cards, iDEAL table, button skins (Stripe/PayPal variants) */ | |
| 1462 | +/* Payment Gateways — layout */ | |
| 1463 | +/* What: gateway cards, iDEAL table, and payment layout */ | |
| 1489 | 1464 | /* ========================================================================== */ |
| 1490 | 1465 | .wpbc_ty__content_gateways .wpbc_ty__gateway { |
| 1491 | 1466 | flex: 1 1 100%; |
| 1492 | 1467 | margin: 0 5px 1em; |
| @@ -1513,17 +1488,8 @@ | ||
| 1513 | 1488 | flex-flow: column wrap; |
| 1514 | 1489 | justify-content: flex-start; |
| 1515 | 1490 | align-items: center; |
| 1516 | 1491 | } |
| 1517 | -.wpbc_ty__content_gateways .wpbc_ty__gateway .wpbc-payment-form .wpbc_button_gw { | |
| 1518 | - flex: 1 1 100%; | |
| 1519 | - display: flex; | |
| 1520 | - flex-flow: column wrap; | |
| 1521 | - justify-content: flex-start; | |
| 1522 | - align-items: center; | |
| 1523 | - width: 100%; | |
| 1524 | -} | |
| 1525 | - | |
| 1526 | 1492 | /* Small footnote under PayPal button */ |
| 1527 | 1493 | .wpbc_paypal_fee { |
| 1528 | 1494 | font-size: 0.68em; |
| 1529 | 1495 | vertical-align: text-top; |
| @@ -1546,227 +1512,8 @@ | ||
| 1546 | 1512 | } |
| 1547 | 1513 | |
| 1548 | 1514 | |
| 1549 | 1515 | /* ========================================================================== */ |
| 1550 | -/* Buttons — generic lightweight button */ | |
| 1551 | -/* What: neutral button baseline used across front-end */ | |
| 1552 | -/* ========================================================================== */ | |
| 1553 | -.wpbc_container.wpbc_form input.wpbc_button_light, | |
| 1554 | -.wpbc_container.wpbc_form input.wpbc_button_light:focus, | |
| 1555 | -.wpbc_container.wpbc_form input.wpbc_button_light:hover, | |
| 1556 | -.wpbc_container .wpbc_button_light, | |
| 1557 | -.wpbc_container .wpbc_button_light:focus, | |
| 1558 | -.wpbc_container .wpbc_button_light:hover, | |
| 1559 | -.wpbc_container.wpbc_container_booking_form .wpbc_button_light, | |
| 1560 | -.wpbc_container.wpbc_container_booking_form .wpbc_button_light:focus, | |
| 1561 | -.wpbc_container.wpbc_container_booking_form .wpbc_button_light:hover { | |
| 1562 | - font-size: clamp(1em, 1em + ((1vw - 0.2em) * 0.208), 1.125em); | |
| 1563 | - border: 2px solid #eeeeeeb5; | |
| 1564 | - box-shadow: 0 2px 10px 2px #ffffff54; | |
| 1565 | - background: #fdfdfd; | |
| 1566 | - color: #444444e0; | |
| 1567 | - border-radius: 0.375em; | |
| 1568 | - padding: 0 2.2em; | |
| 1569 | - line-height: calc(var(--wpbc_form-button-light-size-height) - 3px); | |
| 1570 | - text-decoration: none; | |
| 1571 | - cursor: pointer; | |
| 1572 | - outline: none; | |
| 1573 | - display: flex; | |
| 1574 | - flex-flow: row wrap; | |
| 1575 | - justify-content: center; | |
| 1576 | - align-items: center; | |
| 1577 | - margin: 0; | |
| 1578 | - height: var(--wpbc_form-button-light-size-height); | |
| 1579 | - box-sizing: border-box; | |
| 1580 | - text-shadow: none; | |
| 1581 | - /* word wraping */ | |
| 1582 | - text-overflow: ellipsis; | |
| 1583 | - overflow: hidden; | |
| 1584 | - overflow-wrap: normal; | |
| 1585 | - height: auto; | |
| 1586 | - white-space: normal; | |
| 1587 | - hyphens: auto; | |
| 1588 | -} | |
| 1589 | - | |
| 1590 | -/* Hover/focus emphasis */ | |
| 1591 | -.wpbc_container.wpbc_form input.wpbc_button_light:focus, | |
| 1592 | -.wpbc_container.wpbc_form input.wpbc_button_light:hover, | |
| 1593 | -.wpbc_container .wpbc_button_light:focus, | |
| 1594 | -.wpbc_container.wpbc_container_booking_form .wpbc_button_light:focus, | |
| 1595 | -.wpbc_container .wpbc_button_light:hover, | |
| 1596 | -.wpbc_container.wpbc_container_booking_form .wpbc_button_light:hover { | |
| 1597 | - border: 2px solid rgb(77, 145, 205); | |
| 1598 | -} | |
| 1599 | - | |
| 1600 | -/* Primary button */ | |
| 1601 | -.wpbc_container.wpbc_container_booking_form .wpbc_button_light.button-primary { | |
| 1602 | - background: var(--wpbc_form-button-background-color, #066aab); | |
| 1603 | - color: #fff; | |
| 1604 | -} | |
| 1605 | -.wpbc_container.wpbc_container_booking_form .wpbc_button_light.button-primary:focus, | |
| 1606 | -.wpbc_container.wpbc_container_booking_form .wpbc_button_light.button-primary:hover { | |
| 1607 | - background: var(--wpbc_form-button-background-color, #066aab); | |
| 1608 | - color: #fff; | |
| 1609 | - border-color: #fff; | |
| 1610 | - box-shadow: 0 0 0px 2px var(--wpbc_form-button-background-color, #066aab); | |
| 1611 | -} | |
| 1612 | - | |
| 1613 | -/* Disabled/active states */ | |
| 1614 | -.wpbc_container.wpbc_container_booking_form .wpbc_button_light:disabled, | |
| 1615 | -.wpbc_container.wpbc_container_booking_form .wpbc_button_light:active, | |
| 1616 | -.wpbc_container.wpbc_container_booking_form .wpbc_button_light:disabled:focus, | |
| 1617 | -.wpbc_container.wpbc_container_booking_form .wpbc_button_light:disabled:hover { | |
| 1618 | - color: #ccc; | |
| 1619 | - border: 2px solid #eeeeeeb5; | |
| 1620 | - cursor: not-allowed; | |
| 1621 | -} | |
| 1622 | - | |
| 1623 | -/* Danger variant */ | |
| 1624 | -.wpbc_container.wpbc_container_booking_form .wpbc_button_light.wpbc_button_danger { | |
| 1625 | - background: #de605c; | |
| 1626 | - border-color: #de605c; | |
| 1627 | - color: #f7f7f7; | |
| 1628 | - text-shadow: 0 0px #ba5956; | |
| 1629 | -} | |
| 1630 | -.wpbc_container.wpbc_container_booking_form .wpbc_button_light.wpbc_button_danger:focus, | |
| 1631 | -.wpbc_container.wpbc_container_booking_form .wpbc_button_light.wpbc_button_danger:hover { | |
| 1632 | - background: #e65d59; | |
| 1633 | - color: #fff; | |
| 1634 | - border-color: #fff; | |
| 1635 | - box-shadow: 0 0 0px 2px #de605c; | |
| 1636 | -} | |
| 1637 | - | |
| 1638 | - | |
| 1639 | -/* ========================================================================== */ | |
| 1640 | -/* Stripe — gateway button */ | |
| 1641 | -/* ========================================================================== */ | |
| 1642 | -.wpbc_container .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_stripe * { | |
| 1643 | - color: #fff; | |
| 1644 | -} | |
| 1645 | -.wpbc_container .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_stripe { | |
| 1646 | - background: 90% 50% / 80px auto no-repeat url("../inc/assets/stripe.svg"), #fff; | |
| 1647 | - background-color: rgb(77, 77, 77); | |
| 1648 | - padding-right: 130px; | |
| 1649 | - border: 2px solid rgb(77, 77, 77); | |
| 1650 | - color: #fff; | |
| 1651 | -} | |
| 1652 | -.wpbc_container .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_stripe.wpbc_button_gw_bccom { | |
| 1653 | - background: 90% 50% / 80px auto no-repeat url("../../booking-calendar-com/inc/assets/stripe.svg"), #fff; | |
| 1654 | - background-color: rgb(77, 77, 77); | |
| 1655 | -} | |
| 1656 | -.wpbc_container .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_stripe:focus, | |
| 1657 | -.wpbc_container .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_stripe:hover { | |
| 1658 | - border: 2px solid #5f5f5f; | |
| 1659 | - background-color: #5f5f5f; | |
| 1660 | -} | |
| 1661 | - | |
| 1662 | - | |
| 1663 | -/* ========================================================================== */ | |
| 1664 | -/* PayPal — gateway buttons (yellow/blue/silver/white/black) */ | |
| 1665 | -/* ========================================================================== */ | |
| 1666 | -/* Yellow/Silver/White base */ | |
| 1667 | -.wpbc_container .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_paypal_yellow, | |
| 1668 | -.wpbc_container .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_paypal_silver, | |
| 1669 | -.wpbc_container .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_paypal_white { | |
| 1670 | - padding-right: 115px; | |
| 1671 | - background-color: #ffc439 !important; | |
| 1672 | - border: 2px solid #ffc439 !important; | |
| 1673 | - color: #2C2E2F; | |
| 1674 | - box-shadow: none; | |
| 1675 | - text-indent: -9999px; | |
| 1676 | - background: 50% 50% / 80px auto no-repeat url("../inc/assets/paypal_commerce.svg"), #ffc439 !important; | |
| 1677 | - min-width: 175px; | |
| 1678 | -} | |
| 1679 | -.wpbc_container .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_paypal_yellow.wpbc_button_gw_bccom, | |
| 1680 | -.wpbc_container .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_paypal_silver.wpbc_button_gw_bccom, | |
| 1681 | -.wpbc_container .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_paypal_white.wpbc_button_gw_bccom { | |
| 1682 | - background: 50% 50% / 80px auto no-repeat url("../../booking-calendar-com/inc/assets/paypal_commerce.svg"), #ffc439 !important; | |
| 1683 | -} | |
| 1684 | -.wpbc_container .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_paypal_yellow:focus, | |
| 1685 | -.wpbc_container .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_paypal_yellow:hover, | |
| 1686 | -.wpbc_container .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_paypal_silver:focus, | |
| 1687 | -.wpbc_container .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_paypal_silver:hover, | |
| 1688 | -.wpbc_container .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_paypal_white:focus, | |
| 1689 | -.wpbc_container .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_paypal_white:hover { | |
| 1690 | - background-color: #f2ba36; | |
| 1691 | - border-color: #f2ba36; | |
| 1692 | - box-shadow: 0 5px 10px #f0f0f8; | |
| 1693 | - color: #5f5f5f; | |
| 1694 | -} | |
| 1695 | - | |
| 1696 | -/* Blue/Black base */ | |
| 1697 | -.wpbc_container .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_paypal_blue, | |
| 1698 | -.wpbc_container .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_paypal_black { | |
| 1699 | - padding-right: 115px; | |
| 1700 | - background-color: #009cde !important; | |
| 1701 | - border: 2px solid #009cde !important; | |
| 1702 | - color: #fff; | |
| 1703 | - box-shadow: none; | |
| 1704 | - text-indent: -9999px; | |
| 1705 | - background: 50% 50% / 80px auto no-repeat url("../inc/assets/paypal_white_full.svg"), #009cde !important; | |
| 1706 | - min-width: 175px; | |
| 1707 | -} | |
| 1708 | -.wpbc_container .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_paypal_blue.wpbc_button_gw_bccom, | |
| 1709 | -.wpbc_container .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_paypal_black.wpbc_button_gw_bccom { | |
| 1710 | - background: 50% 50% / 80px auto no-repeat url("../../booking-calendar-com/inc/assets/paypal_white_full.svg"), #009cde !important; | |
| 1711 | -} | |
| 1712 | -.wpbc_container .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_paypal_blue:focus, | |
| 1713 | -.wpbc_container .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_paypal_blue:hover, | |
| 1714 | -.wpbc_container .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_paypal_black:focus, | |
| 1715 | -.wpbc_container .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_paypal_black:hover { | |
| 1716 | - background-color: #33b0e5; | |
| 1717 | - border-color: #33b0e5; | |
| 1718 | - box-shadow: 0 5px 10px #f0f0f8; | |
| 1719 | - color: #fff; | |
| 1720 | -} | |
| 1721 | - | |
| 1722 | -/* Silver tweak (based on Yellow) */ | |
| 1723 | -.wpbc_container .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_paypal_silver { | |
| 1724 | - background-color: #eee !important; | |
| 1725 | - border: 2px solid #eee !important; | |
| 1726 | - background: 50% 50% / 80px auto no-repeat url("../inc/assets/paypal_commerce.svg"), #eee !important; | |
| 1727 | -} | |
| 1728 | -.wpbc_container .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_paypal_silver.wpbc_button_gw_bccom { | |
| 1729 | - background: 50% 50% / 80px auto no-repeat url("../../booking-calendar-com/inc/assets/paypal_commerce.svg"), #eee !important; | |
| 1730 | -} | |
| 1731 | -.wpbc_container .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_paypal_silver:focus, | |
| 1732 | -.wpbc_container .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_paypal_silver:hover { | |
| 1733 | - background-color: #e2e2e2 !important; | |
| 1734 | - border-color: #e2e2e2 !important; | |
| 1735 | -} | |
| 1736 | - | |
| 1737 | -/* White tweak (based on Yellow) */ | |
| 1738 | -.wpbc_container .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_paypal_white { | |
| 1739 | - background-color: #fff !important; | |
| 1740 | - border: 1px solid #2C2E2F !important; | |
| 1741 | - background: 50% 50% / 80px auto no-repeat url("../inc/assets/paypal_commerce.svg"), #fff !important; | |
| 1742 | -} | |
| 1743 | -.wpbc_container .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_paypal_white.wpbc_button_gw_bccom { | |
| 1744 | - background: 50% 50% / 80px auto no-repeat url("../../booking-calendar-com/inc/assets/paypal_commerce.svg"), #fff !important; | |
| 1745 | -} | |
| 1746 | -.wpbc_container .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_paypal_white:focus, | |
| 1747 | -.wpbc_container .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_paypal_white:hover { | |
| 1748 | - background-color: #fff !important; | |
| 1749 | - border-color: #2C2E2F !important; | |
| 1750 | -} | |
| 1751 | - | |
| 1752 | -/* Black tweak (based on Blue) */ | |
| 1753 | -.wpbc_container .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_paypal_black { | |
| 1754 | - background-color: #2c2e2f !important; | |
| 1755 | - border: 2px solid #2c2e2f !important; | |
| 1756 | - background: 50% 50% / 80px auto no-repeat url("../inc/assets/paypal_white_full.svg"), #2c2e2f !important; | |
| 1757 | -} | |
| 1758 | -.wpbc_container .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_paypal_black.wpbc_button_gw_bccom { | |
| 1759 | - background: 50% 50% / 80px auto no-repeat url("../../booking-calendar-com/inc/assets/paypal_white_full.svg"), #2c2ef !important; | |
| 1760 | -} | |
| 1761 | -.wpbc_container .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_paypal_black:focus, | |
| 1762 | -.wpbc_container .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_paypal_black:hover { | |
| 1763 | - background-color: #565859 !important; | |
| 1764 | - border-color: #565859 !important; | |
| 1765 | -} | |
| 1766 | - | |
| 1767 | - | |
| 1768 | -/* ========================================================================== */ | |
| 1769 | 1516 | /* PayPal Standard Checkout — container tweaks */ |
| 1770 | 1517 | /* ========================================================================== */ |
| 1771 | 1518 | |
| 1772 | 1519 | .wpbc_ty__content_gateways .wpbc_ty__gateway .wpbc-payment-form.paypal_std_co_div { |
| @@ -1782,9 +1529,9 @@ | ||
| 1782 | 1529 | } |
| 1783 | 1530 | |
| 1784 | 1531 | |
| 1785 | 1532 | /* ========================================================================== */ |
| 1786 | -/* Dark Theme 1 — dark skins for messages, buttons, and containers */ | |
| 1533 | +/* Dark Theme 1 — dark skins for messages and containers */ | |
| 1787 | 1534 | /* ========================================================================== */ |
| 1788 | 1535 | |
| 1789 | 1536 | .wpbc_theme_dark_1 .wpbc_front_end__message { |
| 1790 | 1537 | background: transparent; |
| @@ -1820,59 +1567,30 @@ | ||
| 1820 | 1567 | } |
| 1821 | 1568 | |
| 1822 | 1569 | .wpbc_theme_dark_1 .wpbc_after_booking_thank_you_section .wpbc_ty__container { |
| 1823 | 1570 | border: 1px solid rgb(0, 0, 0); |
| 1824 | - background: #626262; | |
| 1571 | + background: #383a3d; | |
| 1825 | 1572 | color: #5f5f5f; |
| 1826 | 1573 | box-shadow: 0 0px 3px #3b3b3b; |
| 1827 | 1574 | } |
| 1828 | 1575 | |
| 1829 | -/* Payment buttons in dark theme */ | |
| 1830 | -.wpbc_theme_dark_1.wpbc_bfb__theme_scope .wpbc_button_light, | |
| 1831 | -.wpbc_theme_dark_1.wpbc_container.wpbc_form .wpbc_button_light { | |
| 1832 | - box-shadow: 0 1px 5px #424242; | |
| 1833 | - border: 2px solid #525252; | |
| 1834 | - background-color: #4d4d4d; | |
| 1835 | - color: #fff; | |
| 1576 | +/* Dark theme: booking form text colors. Scope to form content, not Builder UI chrome. */ | |
| 1577 | +.wpbc_theme_dark_1.wpbc_bfb__theme_scope .wpbc_bfb_form p, | |
| 1578 | +.wpbc_theme_dark_1.wpbc_bfb__theme_scope .wpbc_bfb_form label, | |
| 1579 | +.wpbc_theme_dark_1.wpbc_container.wpbc_form p, | |
| 1580 | +.wpbc_theme_dark_1.wpbc_container.wpbc_form label { | |
| 1581 | + color: var(--wpbc_form-label-color, #989898); | |
| 1836 | 1582 | } |
| 1837 | -.wpbc_theme_dark_1.wpbc_bfb__theme_scope .wpbc_button_light:focus, | |
| 1838 | -.wpbc_theme_dark_1.wpbc_bfb__theme_scope .wpbc_button_light:hover, | |
| 1839 | -.wpbc_theme_dark_1.wpbc_container.wpbc_form .wpbc_button_light:focus, | |
| 1840 | -.wpbc_theme_dark_1.wpbc_container.wpbc_form .wpbc_button_light:hover { | |
| 1841 | - box-shadow: 0 1px 5px #424242; | |
| 1842 | - border: 2px solid #5f5f5f; | |
| 1843 | - background-color: #5c5c5c; | |
| 1844 | - color: #fff; | |
| 1583 | +.wpbc_theme_dark_1.wpbc_bfb__theme_scope .wpbc_bfb_form select, | |
| 1584 | +.wpbc_theme_dark_1.wpbc_bfb__theme_scope .wpbc_bfb_form textarea, | |
| 1585 | +.wpbc_theme_dark_1.wpbc_bfb__theme_scope .wpbc_bfb_form input, | |
| 1586 | +.wpbc_theme_dark_1.wpbc_container.wpbc_form select, | |
| 1587 | +.wpbc_theme_dark_1.wpbc_container.wpbc_form textarea, | |
| 1588 | +.wpbc_theme_dark_1.wpbc_container.wpbc_form input { | |
| 1589 | + color: var(--wpbc_form-field-text-color, #444); | |
| 1845 | 1590 | } |
| 1846 | -.wpbc_theme_dark_1.wpbc_bfb__theme_scope .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_paypal_yellow:focus, | |
| 1847 | -.wpbc_theme_dark_1.wpbc_bfb__theme_scope .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_paypal_yellow:hover, | |
| 1848 | -.wpbc_theme_dark_1.wpbc_container.wpbc_form .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_paypal_yellow:focus, | |
| 1849 | -.wpbc_theme_dark_1.wpbc_container.wpbc_form .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_paypal_yellow:hover { | |
| 1850 | - box-shadow: 0 5px 10px #424242; | |
| 1851 | -} | |
| 1852 | -.wpbc_theme_dark_1.wpbc_bfb__theme_scope .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_stripe:focus, | |
| 1853 | -.wpbc_theme_dark_1.wpbc_bfb__theme_scope .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_stripe:hover, | |
| 1854 | -.wpbc_theme_dark_1.wpbc_container.wpbc_form .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_stripe:focus, | |
| 1855 | -.wpbc_theme_dark_1.wpbc_container.wpbc_form .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_stripe:hover { | |
| 1856 | - background-color: #4d4d4d; | |
| 1857 | - border-color: #4d4d4d; | |
| 1858 | -} | |
| 1859 | 1591 | |
| 1860 | -/* Dark theme: generic text colors */ | |
| 1861 | -.wpbc_theme_dark_1 p, | |
| 1862 | -.wpbc_theme_dark_1 label { | |
| 1863 | - color: #989898; | |
| 1864 | -} | |
| 1865 | -.wpbc_theme_dark_1.wpbc_bfb__theme_scope select, | |
| 1866 | -.wpbc_theme_dark_1.wpbc_bfb__theme_scope textarea, | |
| 1867 | -.wpbc_theme_dark_1.wpbc_bfb__theme_scope input, | |
| 1868 | -.wpbc_theme_dark_1.wpbc_container select, | |
| 1869 | -.wpbc_theme_dark_1.wpbc_container textarea, | |
| 1870 | -.wpbc_theme_dark_1.wpbc_container input { | |
| 1871 | - color: #444; | |
| 1872 | -} | |
| 1873 | 1592 | |
| 1874 | - | |
| 1875 | 1593 | /* ========================================================================== */ |
| 1876 | 1594 | /* Capacity Hints — tooltips and inline availability */ |
| 1877 | 1595 | /* What: availability chips & layout for [capacity_hint] shortcode */ |
| 1878 | 1596 | /* ========================================================================== */ |
| @@ -1884,9 +1602,12 @@ | ||
| 1884 | 1602 | .capacity_hint .wpbc_chint__full_day_bookings, |
| 1885 | 1603 | .capacity_hint.wpbc_chin_newline { |
| 1886 | 1604 | flex: 1 1 100%; |
| 1887 | 1605 | } |
| 1888 | - | |
| 1606 | +.bfb_element:has(.capacity_hint) { | |
| 1607 | + align-items: center !important; | |
| 1608 | + align-items: center !important; | |
| 1609 | +} | |
| 1889 | 1610 | .wpbc_capacity_hint_container { |
| 1890 | 1611 | display: flex; |
| 1891 | 1612 | flex-flow: column nowrap; |
| 1892 | 1613 | justify-content: flex-start; |
