| @@ -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 */ |
| @@ -180,9 +173,9 @@ | ||
| 180 | 173 | .booking_form_div textarea, |
| 181 | 174 | .booking_form_div input[type="text"], |
| 182 | 175 | .booking_form_div input[type="email"], |
| 183 | 176 | .booking_form_div select { |
| 184 | - border-color: #DFDFDF; | |
| 177 | + border-color: var(--wpbc_form-field-border-color, #DFDFDF); | |
| 185 | 178 | border-radius: 4px; |
| 186 | 179 | border-style: solid; |
| 187 | 180 | border-width: 1px; |
| 188 | 181 | vertical-align: baseline; |
| @@ -192,15 +185,8 @@ | ||
| 192 | 185 | .booking_form input.wpdev-validates-as-time { |
| 193 | 186 | width: 50px; |
| 194 | 187 | } |
| 195 | 188 | |
| 196 | -/* Buttons alignment */ | |
| 197 | -.booking_form input[type="button"], | |
| 198 | -.booking_form input[type="submit"] { | |
| 199 | - width: auto; | |
| 200 | - vertical-align: middle; | |
| 201 | -} | |
| 202 | - | |
| 203 | 189 | /* Checkbox/Radio list spacing */ |
| 204 | 190 | .booking_form .wpdev-checkbox .wpdev-list-item, |
| 205 | 191 | .booking_form .wpdev-radio .wpdev-list-item { |
| 206 | 192 | margin-right: 0.5em; |
| @@ -221,21 +207,26 @@ | ||
| 221 | 207 | .booking_form input[type="tel"]:focus, |
| 222 | 208 | .booking_form input[type="time"]:focus, |
| 223 | 209 | .booking_form input[type="url"]:focus, |
| 224 | 210 | .booking_form input[type="week"]:focus, |
| 225 | -.booking_form input[type="checkbox"]:focus, | |
| 226 | -.booking_form input[type="radio"]:focus, | |
| 227 | 211 | .booking_form select:focus, |
| 228 | 212 | .booking_form textarea:focus { |
| 229 | - box-shadow: 0 0 2px #2d7eff; | |
| 213 | + box-shadow: 0 0 2px var(--wpbc_form-field-focus-shadow-color, #2d7eff); | |
| 230 | 214 | outline: none; |
| 231 | - border-color: #567cb8; | |
| 215 | + border-color: var(--wpbc_form-field-focus-border-color, #567cb8); | |
| 232 | 216 | } |
| 233 | 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 | + | |
| 234 | 225 | /* Disabled/Booked select options */ |
| 235 | 226 | .booking_form_div select option.booked, |
| 236 | 227 | .booking_form_div select option:disabled { |
| 237 | - color: #ddd; | |
| 228 | + color: var(--wpbc_form-field-disabled-color, #ddd); | |
| 238 | 229 | } |
| 239 | 230 | |
| 240 | 231 | /* Small selects (visitors count) */ |
| 241 | 232 | .booking_form_div select.col-md-1 { |
| @@ -245,63 +236,8 @@ | ||
| 245 | 236 | } |
| 246 | 237 | |
| 247 | 238 | |
| 248 | 239 | /* ========================================================================== */ |
| 249 | -/* Buttons (front-end + payment form) */ | |
| 250 | -/* What: generic button look; keep WordPress-like defaults */ | |
| 251 | -/* ========================================================================== */ | |
| 252 | -.wpbc-payment-form .btn, | |
| 253 | -.wpbc-payment-form .button, | |
| 254 | -.booking_form_div .btn, | |
| 255 | -.booking_form_div .button, | |
| 256 | -.booking_form_div .submit, | |
| 257 | -.booking_form_div .button-secondary { | |
| 258 | - background: #f7f7f7 none repeat scroll 0 0; | |
| 259 | - border-color: #ccc; | |
| 260 | - box-shadow: 0 1px 0 #eee; | |
| 261 | - color: #555; | |
| 262 | - vertical-align: top; | |
| 263 | - white-space: normal; | |
| 264 | -} | |
| 265 | - | |
| 266 | -.booking_form_div .submit, | |
| 267 | -.booking_form_div .button, | |
| 268 | -.booking_form_div .button-primary, | |
| 269 | -.booking_form_div .button-secondary, | |
| 270 | -.booking_form_div .button-highlighted, | |
| 271 | -.booking_form_div #postcustomstuff .submit input { | |
| 272 | - border-style: solid; | |
| 273 | - border-width: 1px; | |
| 274 | - cursor: pointer; | |
| 275 | - font-size: 11px !important; | |
| 276 | - line-height: 16px; | |
| 277 | - padding: 2px 8px; | |
| 278 | - text-decoration: none; | |
| 279 | - font-weight: 600; | |
| 280 | - margin: 10px 0; | |
| 281 | - float: right; | |
| 282 | - border-radius: 11px; | |
| 283 | - -moz-box-sizing: content-box; | |
| 284 | -} | |
| 285 | - | |
| 286 | -/* Fix overwrite issues by themes */ | |
| 287 | -.booking_form_div input.btn-primary:hover { | |
| 288 | - background: #0044CC !important; | |
| 289 | -} | |
| 290 | - | |
| 291 | -/* Pointer and disabled states */ | |
| 292 | -.booking_form_div input[type="button"]:hover, | |
| 293 | -.wpbc-payment-form input[type="button"]:hover { | |
| 294 | - cursor: pointer !important; | |
| 295 | -} | |
| 296 | - | |
| 297 | -.booking_form_div input[type="button"]:disabled:hover, | |
| 298 | -.wpbc-payment-form input[type="button"]:disabled:hover { | |
| 299 | - cursor: not-allowed !important; | |
| 300 | -} | |
| 301 | - | |
| 302 | - | |
| 303 | -/* ========================================================================== */ | |
| 304 | 240 | /* CAPTCHA */ |
| 305 | 241 | /* What: layout for text captcha, image and input */ |
| 306 | 242 | /* ========================================================================== */ |
| 307 | 243 | .wpbc_text_captcha_container { |
| @@ -1036,10 +972,11 @@ | ||
| 1036 | 972 | } |
| 1037 | 973 | |
| 1038 | 974 | /* Overall container width & top spacing */ |
| 1039 | 975 | .wpbc_container_booking_form { |
| 1040 | - width: 99%; | |
| 1041 | - margin-top: 1em; | |
| 976 | + width: calc(100% - 10px); | |
| 977 | + width: 100%; | |
| 978 | + margin: 5px 0; | |
| 1042 | 979 | } |
| 1043 | 980 | |
| 1044 | 981 | /* Unified row: flex layout with small gap */ |
| 1045 | 982 | .wpbc_container_booking_form .wpbc__row { |
| @@ -1281,9 +1218,11 @@ | ||
| 1281 | 1218 | .wpbc_container.wpbc_container_booking_form textarea[rows*="8"], |
| 1282 | 1219 | .wpbc_container.wpbc_container_booking_form textarea[rows*="9"] { |
| 1283 | 1220 | height: auto; |
| 1284 | 1221 | } |
| 1285 | - | |
| 1222 | +.wpbc_form { | |
| 1223 | + border:0; | |
| 1224 | +} | |
| 1286 | 1225 | /* Theme quirks: fix min heights in some WP themes (e.g., Twenty Five) */ |
| 1287 | 1226 | .is-layout-constrained .wpbc_form { /* FixIn: 10.14.2.1. */ |
| 1288 | 1227 | margin: 5px auto 0; |
| 1289 | 1228 | max-width: Min(900px, 100%); |
| @@ -1288,9 +1227,9 @@ | ||
| 1288 | 1227 | margin: 5px auto 0; |
| 1289 | 1228 | max-width: Min(900px, 100%); |
| 1290 | 1229 | font-size: 16px; |
| 1291 | 1230 | font-weight: 400; |
| 1292 | - padding: 0 10px; | |
| 1231 | + /*padding: 0 10px;*/ | |
| 1293 | 1232 | } |
| 1294 | 1233 | |
| 1295 | 1234 | /* Narrow screens: table and field widths */ |
| 1296 | 1235 | @media (max-width: 670px) { |
| @@ -1330,14 +1269,8 @@ | ||
| 1330 | 1269 | font-size: 15px; |
| 1331 | 1270 | /*line-height: 2;*/ |
| 1332 | 1271 | } |
| 1333 | 1272 | |
| 1334 | -#wpbc-admin-page.wpbc_page_tab__add-booking .wpbc_container.wpbc_form input.wpbc_button_light { | |
| 1335 | - font-size: 1.15em; | |
| 1336 | - line-height: 100%; | |
| 1337 | - min-height: var(--wpbc_form-button-light-size-height); | |
| 1338 | -} | |
| 1339 | - | |
| 1340 | 1273 | /* Datepicker fine text */ |
| 1341 | 1274 | .datepick-inline .datepick-days-cell div.date-content-bottom, |
| 1342 | 1275 | .datepick-inline .datepick-days-cell div.date-content-top { |
| 1343 | 1276 | font-size: 0.7em; |
| @@ -1369,10 +1302,10 @@ | ||
| 1369 | 1302 | line-height: 2.5; |
| 1370 | 1303 | } |
| 1371 | 1304 | |
| 1372 | 1305 | /* Near-field warning spacing */ |
| 1373 | -.wpbc_booking_form_simple .wpbc_front_end__message_container_right { | |
| 1374 | - margin: 10px 0; | |
| 1306 | +.wpbc_calendar_wraper .wpbc_front_end__message_container_right { | |
| 1307 | + display:flex; | |
| 1375 | 1308 | } |
| 1376 | 1309 | |
| 1377 | 1310 | |
| 1378 | 1311 | /* ========================================================================== */ |
| @@ -1525,10 +1458,10 @@ | ||
| 1525 | 1458 | } |
| 1526 | 1459 | |
| 1527 | 1460 | |
| 1528 | 1461 | /* ========================================================================== */ |
| 1529 | -/* Payment Gateways — layout & per-gateway buttons */ | |
| 1530 | -/* What: gateway cards, iDEAL table, button skins (Stripe/PayPal variants) */ | |
| 1462 | +/* Payment Gateways — layout */ | |
| 1463 | +/* What: gateway cards, iDEAL table, and payment layout */ | |
| 1531 | 1464 | /* ========================================================================== */ |
| 1532 | 1465 | .wpbc_ty__content_gateways .wpbc_ty__gateway { |
| 1533 | 1466 | flex: 1 1 100%; |
| 1534 | 1467 | margin: 0 5px 1em; |
| @@ -1555,17 +1488,8 @@ | ||
| 1555 | 1488 | flex-flow: column wrap; |
| 1556 | 1489 | justify-content: flex-start; |
| 1557 | 1490 | align-items: center; |
| 1558 | 1491 | } |
| 1559 | -.wpbc_ty__content_gateways .wpbc_ty__gateway .wpbc-payment-form .wpbc_button_gw { | |
| 1560 | - flex: 1 1 100%; | |
| 1561 | - display: flex; | |
| 1562 | - flex-flow: column wrap; | |
| 1563 | - justify-content: flex-start; | |
| 1564 | - align-items: center; | |
| 1565 | - width: 100%; | |
| 1566 | -} | |
| 1567 | - | |
| 1568 | 1492 | /* Small footnote under PayPal button */ |
| 1569 | 1493 | .wpbc_paypal_fee { |
| 1570 | 1494 | font-size: 0.68em; |
| 1571 | 1495 | vertical-align: text-top; |
| @@ -1588,227 +1512,8 @@ | ||
| 1588 | 1512 | } |
| 1589 | 1513 | |
| 1590 | 1514 | |
| 1591 | 1515 | /* ========================================================================== */ |
| 1592 | -/* Buttons — generic lightweight button */ | |
| 1593 | -/* What: neutral button baseline used across front-end */ | |
| 1594 | -/* ========================================================================== */ | |
| 1595 | -.wpbc_container.wpbc_form input.wpbc_button_light, | |
| 1596 | -.wpbc_container.wpbc_form input.wpbc_button_light:focus, | |
| 1597 | -.wpbc_container.wpbc_form input.wpbc_button_light:hover, | |
| 1598 | -.wpbc_container .wpbc_button_light, | |
| 1599 | -.wpbc_container .wpbc_button_light:focus, | |
| 1600 | -.wpbc_container .wpbc_button_light:hover, | |
| 1601 | -.wpbc_container.wpbc_container_booking_form .wpbc_button_light, | |
| 1602 | -.wpbc_container.wpbc_container_booking_form .wpbc_button_light:focus, | |
| 1603 | -.wpbc_container.wpbc_container_booking_form .wpbc_button_light:hover { | |
| 1604 | - font-size: clamp(1em, 1em + ((1vw - 0.2em) * 0.208), 1.125em); | |
| 1605 | - border: 2px solid #eeeeeeb5; | |
| 1606 | - box-shadow: 0 2px 10px 2px #ffffff54; | |
| 1607 | - background: #fdfdfd; | |
| 1608 | - color: #444444e0; | |
| 1609 | - border-radius: 0.375em; | |
| 1610 | - padding: 0 2.2em; | |
| 1611 | - line-height: calc(var(--wpbc_form-button-light-size-height) - 3px); | |
| 1612 | - text-decoration: none; | |
| 1613 | - cursor: pointer; | |
| 1614 | - outline: none; | |
| 1615 | - display: flex; | |
| 1616 | - flex-flow: row wrap; | |
| 1617 | - justify-content: center; | |
| 1618 | - align-items: center; | |
| 1619 | - margin: 0; | |
| 1620 | - height: var(--wpbc_form-button-light-size-height); | |
| 1621 | - box-sizing: border-box; | |
| 1622 | - text-shadow: none; | |
| 1623 | - /* word wraping */ | |
| 1624 | - text-overflow: ellipsis; | |
| 1625 | - overflow: hidden; | |
| 1626 | - overflow-wrap: normal; | |
| 1627 | - height: auto; | |
| 1628 | - white-space: normal; | |
| 1629 | - hyphens: auto; | |
| 1630 | -} | |
| 1631 | - | |
| 1632 | -/* Hover/focus emphasis */ | |
| 1633 | -.wpbc_container.wpbc_form input.wpbc_button_light:focus, | |
| 1634 | -.wpbc_container.wpbc_form input.wpbc_button_light:hover, | |
| 1635 | -.wpbc_container .wpbc_button_light:focus, | |
| 1636 | -.wpbc_container.wpbc_container_booking_form .wpbc_button_light:focus, | |
| 1637 | -.wpbc_container .wpbc_button_light:hover, | |
| 1638 | -.wpbc_container.wpbc_container_booking_form .wpbc_button_light:hover { | |
| 1639 | - border: 2px solid rgb(77, 145, 205); | |
| 1640 | -} | |
| 1641 | - | |
| 1642 | -/* Primary button */ | |
| 1643 | -.wpbc_container.wpbc_container_booking_form .wpbc_button_light.button-primary { | |
| 1644 | - background: var(--wpbc_form-button-background-color, #066aab); | |
| 1645 | - color: #fff; | |
| 1646 | -} | |
| 1647 | -.wpbc_container.wpbc_container_booking_form .wpbc_button_light.button-primary:focus, | |
| 1648 | -.wpbc_container.wpbc_container_booking_form .wpbc_button_light.button-primary:hover { | |
| 1649 | - background: var(--wpbc_form-button-background-color, #066aab); | |
| 1650 | - color: #fff; | |
| 1651 | - border-color: #fff; | |
| 1652 | - box-shadow: 0 0 0px 2px var(--wpbc_form-button-background-color, #066aab); | |
| 1653 | -} | |
| 1654 | - | |
| 1655 | -/* Disabled/active states */ | |
| 1656 | -.wpbc_container.wpbc_container_booking_form .wpbc_button_light:disabled, | |
| 1657 | -.wpbc_container.wpbc_container_booking_form .wpbc_button_light:active, | |
| 1658 | -.wpbc_container.wpbc_container_booking_form .wpbc_button_light:disabled:focus, | |
| 1659 | -.wpbc_container.wpbc_container_booking_form .wpbc_button_light:disabled:hover { | |
| 1660 | - color: #ccc; | |
| 1661 | - border: 2px solid #eeeeeeb5; | |
| 1662 | - cursor: not-allowed; | |
| 1663 | -} | |
| 1664 | - | |
| 1665 | -/* Danger variant */ | |
| 1666 | -.wpbc_container.wpbc_container_booking_form .wpbc_button_light.wpbc_button_danger { | |
| 1667 | - background: #de605c; | |
| 1668 | - border-color: #de605c; | |
| 1669 | - color: #f7f7f7; | |
| 1670 | - text-shadow: 0 0px #ba5956; | |
| 1671 | -} | |
| 1672 | -.wpbc_container.wpbc_container_booking_form .wpbc_button_light.wpbc_button_danger:focus, | |
| 1673 | -.wpbc_container.wpbc_container_booking_form .wpbc_button_light.wpbc_button_danger:hover { | |
| 1674 | - background: #e65d59; | |
| 1675 | - color: #fff; | |
| 1676 | - border-color: #fff; | |
| 1677 | - box-shadow: 0 0 0px 2px #de605c; | |
| 1678 | -} | |
| 1679 | - | |
| 1680 | - | |
| 1681 | -/* ========================================================================== */ | |
| 1682 | -/* Stripe — gateway button */ | |
| 1683 | -/* ========================================================================== */ | |
| 1684 | -.wpbc_container .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_stripe * { | |
| 1685 | - color: #fff; | |
| 1686 | -} | |
| 1687 | -.wpbc_container .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_stripe { | |
| 1688 | - background: 90% 50% / 80px auto no-repeat url("../inc/assets/stripe.svg"), #fff; | |
| 1689 | - background-color: rgb(77, 77, 77); | |
| 1690 | - padding-right: 130px; | |
| 1691 | - border: 2px solid rgb(77, 77, 77); | |
| 1692 | - color: #fff; | |
| 1693 | -} | |
| 1694 | -.wpbc_container .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_stripe.wpbc_button_gw_bccom { | |
| 1695 | - background: 90% 50% / 80px auto no-repeat url("../../booking-calendar-com/inc/assets/stripe.svg"), #fff; | |
| 1696 | - background-color: rgb(77, 77, 77); | |
| 1697 | -} | |
| 1698 | -.wpbc_container .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_stripe:focus, | |
| 1699 | -.wpbc_container .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_stripe:hover { | |
| 1700 | - border: 2px solid #5f5f5f; | |
| 1701 | - background-color: #5f5f5f; | |
| 1702 | -} | |
| 1703 | - | |
| 1704 | - | |
| 1705 | -/* ========================================================================== */ | |
| 1706 | -/* PayPal — gateway buttons (yellow/blue/silver/white/black) */ | |
| 1707 | -/* ========================================================================== */ | |
| 1708 | -/* Yellow/Silver/White base */ | |
| 1709 | -.wpbc_container .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_paypal_yellow, | |
| 1710 | -.wpbc_container .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_paypal_silver, | |
| 1711 | -.wpbc_container .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_paypal_white { | |
| 1712 | - padding-right: 115px; | |
| 1713 | - background-color: #ffc439 !important; | |
| 1714 | - border: 2px solid #ffc439 !important; | |
| 1715 | - color: #2C2E2F; | |
| 1716 | - box-shadow: none; | |
| 1717 | - text-indent: -9999px; | |
| 1718 | - background: 50% 50% / 80px auto no-repeat url("../inc/assets/paypal_commerce.svg"), #ffc439 !important; | |
| 1719 | - min-width: 175px; | |
| 1720 | -} | |
| 1721 | -.wpbc_container .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_paypal_yellow.wpbc_button_gw_bccom, | |
| 1722 | -.wpbc_container .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_paypal_silver.wpbc_button_gw_bccom, | |
| 1723 | -.wpbc_container .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_paypal_white.wpbc_button_gw_bccom { | |
| 1724 | - background: 50% 50% / 80px auto no-repeat url("../../booking-calendar-com/inc/assets/paypal_commerce.svg"), #ffc439 !important; | |
| 1725 | -} | |
| 1726 | -.wpbc_container .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_paypal_yellow:focus, | |
| 1727 | -.wpbc_container .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_paypal_yellow:hover, | |
| 1728 | -.wpbc_container .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_paypal_silver:focus, | |
| 1729 | -.wpbc_container .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_paypal_silver:hover, | |
| 1730 | -.wpbc_container .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_paypal_white:focus, | |
| 1731 | -.wpbc_container .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_paypal_white:hover { | |
| 1732 | - background-color: #f2ba36; | |
| 1733 | - border-color: #f2ba36; | |
| 1734 | - box-shadow: 0 5px 10px #f0f0f8; | |
| 1735 | - color: #5f5f5f; | |
| 1736 | -} | |
| 1737 | - | |
| 1738 | -/* Blue/Black base */ | |
| 1739 | -.wpbc_container .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_paypal_blue, | |
| 1740 | -.wpbc_container .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_paypal_black { | |
| 1741 | - padding-right: 115px; | |
| 1742 | - background-color: #009cde !important; | |
| 1743 | - border: 2px solid #009cde !important; | |
| 1744 | - color: #fff; | |
| 1745 | - box-shadow: none; | |
| 1746 | - text-indent: -9999px; | |
| 1747 | - background: 50% 50% / 80px auto no-repeat url("../inc/assets/paypal_white_full.svg"), #009cde !important; | |
| 1748 | - min-width: 175px; | |
| 1749 | -} | |
| 1750 | -.wpbc_container .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_paypal_blue.wpbc_button_gw_bccom, | |
| 1751 | -.wpbc_container .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_paypal_black.wpbc_button_gw_bccom { | |
| 1752 | - background: 50% 50% / 80px auto no-repeat url("../../booking-calendar-com/inc/assets/paypal_white_full.svg"), #009cde !important; | |
| 1753 | -} | |
| 1754 | -.wpbc_container .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_paypal_blue:focus, | |
| 1755 | -.wpbc_container .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_paypal_blue:hover, | |
| 1756 | -.wpbc_container .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_paypal_black:focus, | |
| 1757 | -.wpbc_container .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_paypal_black:hover { | |
| 1758 | - background-color: #33b0e5; | |
| 1759 | - border-color: #33b0e5; | |
| 1760 | - box-shadow: 0 5px 10px #f0f0f8; | |
| 1761 | - color: #fff; | |
| 1762 | -} | |
| 1763 | - | |
| 1764 | -/* Silver tweak (based on Yellow) */ | |
| 1765 | -.wpbc_container .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_paypal_silver { | |
| 1766 | - background-color: #eee !important; | |
| 1767 | - border: 2px solid #eee !important; | |
| 1768 | - background: 50% 50% / 80px auto no-repeat url("../inc/assets/paypal_commerce.svg"), #eee !important; | |
| 1769 | -} | |
| 1770 | -.wpbc_container .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_paypal_silver.wpbc_button_gw_bccom { | |
| 1771 | - background: 50% 50% / 80px auto no-repeat url("../../booking-calendar-com/inc/assets/paypal_commerce.svg"), #eee !important; | |
| 1772 | -} | |
| 1773 | -.wpbc_container .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_paypal_silver:focus, | |
| 1774 | -.wpbc_container .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_paypal_silver:hover { | |
| 1775 | - background-color: #e2e2e2 !important; | |
| 1776 | - border-color: #e2e2e2 !important; | |
| 1777 | -} | |
| 1778 | - | |
| 1779 | -/* White tweak (based on Yellow) */ | |
| 1780 | -.wpbc_container .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_paypal_white { | |
| 1781 | - background-color: #fff !important; | |
| 1782 | - border: 1px solid #2C2E2F !important; | |
| 1783 | - background: 50% 50% / 80px auto no-repeat url("../inc/assets/paypal_commerce.svg"), #fff !important; | |
| 1784 | -} | |
| 1785 | -.wpbc_container .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_paypal_white.wpbc_button_gw_bccom { | |
| 1786 | - background: 50% 50% / 80px auto no-repeat url("../../booking-calendar-com/inc/assets/paypal_commerce.svg"), #fff !important; | |
| 1787 | -} | |
| 1788 | -.wpbc_container .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_paypal_white:focus, | |
| 1789 | -.wpbc_container .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_paypal_white:hover { | |
| 1790 | - background-color: #fff !important; | |
| 1791 | - border-color: #2C2E2F !important; | |
| 1792 | -} | |
| 1793 | - | |
| 1794 | -/* Black tweak (based on Blue) */ | |
| 1795 | -.wpbc_container .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_paypal_black { | |
| 1796 | - background-color: #2c2e2f !important; | |
| 1797 | - border: 2px solid #2c2e2f !important; | |
| 1798 | - background: 50% 50% / 80px auto no-repeat url("../inc/assets/paypal_white_full.svg"), #2c2e2f !important; | |
| 1799 | -} | |
| 1800 | -.wpbc_container .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_paypal_black.wpbc_button_gw_bccom { | |
| 1801 | - background: 50% 50% / 80px auto no-repeat url("../../booking-calendar-com/inc/assets/paypal_white_full.svg"), #2c2ef !important; | |
| 1802 | -} | |
| 1803 | -.wpbc_container .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_paypal_black:focus, | |
| 1804 | -.wpbc_container .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_paypal_black:hover { | |
| 1805 | - background-color: #565859 !important; | |
| 1806 | - border-color: #565859 !important; | |
| 1807 | -} | |
| 1808 | - | |
| 1809 | - | |
| 1810 | -/* ========================================================================== */ | |
| 1811 | 1516 | /* PayPal Standard Checkout — container tweaks */ |
| 1812 | 1517 | /* ========================================================================== */ |
| 1813 | 1518 | |
| 1814 | 1519 | .wpbc_ty__content_gateways .wpbc_ty__gateway .wpbc-payment-form.paypal_std_co_div { |
| @@ -1824,9 +1529,9 @@ | ||
| 1824 | 1529 | } |
| 1825 | 1530 | |
| 1826 | 1531 | |
| 1827 | 1532 | /* ========================================================================== */ |
| 1828 | -/* Dark Theme 1 — dark skins for messages, buttons, and containers */ | |
| 1533 | +/* Dark Theme 1 — dark skins for messages and containers */ | |
| 1829 | 1534 | /* ========================================================================== */ |
| 1830 | 1535 | |
| 1831 | 1536 | .wpbc_theme_dark_1 .wpbc_front_end__message { |
| 1832 | 1537 | background: transparent; |
| @@ -1862,59 +1567,30 @@ | ||
| 1862 | 1567 | } |
| 1863 | 1568 | |
| 1864 | 1569 | .wpbc_theme_dark_1 .wpbc_after_booking_thank_you_section .wpbc_ty__container { |
| 1865 | 1570 | border: 1px solid rgb(0, 0, 0); |
| 1866 | - background: #626262; | |
| 1571 | + background: #383a3d; | |
| 1867 | 1572 | color: #5f5f5f; |
| 1868 | 1573 | box-shadow: 0 0px 3px #3b3b3b; |
| 1869 | 1574 | } |
| 1870 | 1575 | |
| 1871 | -/* Payment buttons in dark theme */ | |
| 1872 | -.wpbc_theme_dark_1.wpbc_bfb__theme_scope .wpbc_button_light, | |
| 1873 | -.wpbc_theme_dark_1.wpbc_container.wpbc_form .wpbc_button_light { | |
| 1874 | - box-shadow: 0 1px 5px #424242; | |
| 1875 | - border: 2px solid #525252; | |
| 1876 | - background-color: #4d4d4d; | |
| 1877 | - 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); | |
| 1878 | 1582 | } |
| 1879 | -.wpbc_theme_dark_1.wpbc_bfb__theme_scope .wpbc_button_light:focus, | |
| 1880 | -.wpbc_theme_dark_1.wpbc_bfb__theme_scope .wpbc_button_light:hover, | |
| 1881 | -.wpbc_theme_dark_1.wpbc_container.wpbc_form .wpbc_button_light:focus, | |
| 1882 | -.wpbc_theme_dark_1.wpbc_container.wpbc_form .wpbc_button_light:hover { | |
| 1883 | - box-shadow: 0 1px 5px #424242; | |
| 1884 | - border: 2px solid #5f5f5f; | |
| 1885 | - background-color: #5c5c5c; | |
| 1886 | - 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); | |
| 1887 | 1590 | } |
| 1888 | -.wpbc_theme_dark_1.wpbc_bfb__theme_scope .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_paypal_yellow:focus, | |
| 1889 | -.wpbc_theme_dark_1.wpbc_bfb__theme_scope .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_paypal_yellow:hover, | |
| 1890 | -.wpbc_theme_dark_1.wpbc_container.wpbc_form .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_paypal_yellow:focus, | |
| 1891 | -.wpbc_theme_dark_1.wpbc_container.wpbc_form .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_paypal_yellow:hover { | |
| 1892 | - box-shadow: 0 5px 10px #424242; | |
| 1893 | -} | |
| 1894 | -.wpbc_theme_dark_1.wpbc_bfb__theme_scope .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_stripe:focus, | |
| 1895 | -.wpbc_theme_dark_1.wpbc_bfb__theme_scope .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_stripe:hover, | |
| 1896 | -.wpbc_theme_dark_1.wpbc_container.wpbc_form .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_stripe:focus, | |
| 1897 | -.wpbc_theme_dark_1.wpbc_container.wpbc_form .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_stripe:hover { | |
| 1898 | - background-color: #4d4d4d; | |
| 1899 | - border-color: #4d4d4d; | |
| 1900 | -} | |
| 1901 | 1591 | |
| 1902 | -/* Dark theme: generic text colors */ | |
| 1903 | -.wpbc_theme_dark_1 p, | |
| 1904 | -.wpbc_theme_dark_1 label { | |
| 1905 | - color: #989898; | |
| 1906 | -} | |
| 1907 | -.wpbc_theme_dark_1.wpbc_bfb__theme_scope select, | |
| 1908 | -.wpbc_theme_dark_1.wpbc_bfb__theme_scope textarea, | |
| 1909 | -.wpbc_theme_dark_1.wpbc_bfb__theme_scope input, | |
| 1910 | -.wpbc_theme_dark_1.wpbc_container select, | |
| 1911 | -.wpbc_theme_dark_1.wpbc_container textarea, | |
| 1912 | -.wpbc_theme_dark_1.wpbc_container input { | |
| 1913 | - color: #444; | |
| 1914 | -} | |
| 1915 | 1592 | |
| 1916 | - | |
| 1917 | 1593 | /* ========================================================================== */ |
| 1918 | 1594 | /* Capacity Hints — tooltips and inline availability */ |
| 1919 | 1595 | /* What: availability chips & layout for [capacity_hint] shortcode */ |
| 1920 | 1596 | /* ========================================================================== */ |
| @@ -1926,9 +1602,12 @@ | ||
| 1926 | 1602 | .capacity_hint .wpbc_chint__full_day_bookings, |
| 1927 | 1603 | .capacity_hint.wpbc_chin_newline { |
| 1928 | 1604 | flex: 1 1 100%; |
| 1929 | 1605 | } |
| 1930 | - | |
| 1606 | +.bfb_element:has(.capacity_hint) { | |
| 1607 | + align-items: center !important; | |
| 1608 | + align-items: center !important; | |
| 1609 | +} | |
| 1931 | 1610 | .wpbc_capacity_hint_container { |
| 1932 | 1611 | display: flex; |
| 1933 | 1612 | flex-flow: column nowrap; |
| 1934 | 1613 | justify-content: flex-start; |
