:root { --accent: #0250ce; } @keyframes spin3 { 0%, 100% { box-shadow: 10px 10px rgba(30, 115, 190, 1), -10px 10px rgba(30, 115, 190, 0.2), -10px -10px rgba(30, 115, 190, 1), 10px -10px rgba(30, 115, 190, 0.2); } 25% { box-shadow: -10px 10px rgba(30, 115, 190, 0.2), -10px -10px rgba(30, 115, 190, 1), 10px -10px rgba(30, 115, 190, 0.2), 10px 10px rgba(30, 115, 190, 1); } 50% { box-shadow: -10px -10px rgba(30, 115, 190, 1), 10px -10px rgba(30, 115, 190, 0.2), 10px 10px rgba(30, 115, 190, 1), -10px 10px rgba(30, 115, 190, 0.2); } 75% { box-shadow: 10px -10px rgba(30, 115, 190, 0.2), 10px 10px rgba(30, 115, 190, 1), -10px 10px rgba(30, 115, 190, 0.2), -10px -10px rgba(30, 115, 190, 1); } } #wpadminbar { top: 0 !important; } #c27-site-wrapper { background-color: #ffffff }/* Container */ .booking-form { max-width: 480px; margin: 30px auto; font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; background: #f9faff; border: 1px solid #d3dcec; border-radius: 10px; padding: 25px 30px; box-shadow: 0 6px 15px rgba(0,0,0,0.08); } /* Labels */ .booking-form label { display: block; margin-bottom: 6px; font-weight: 600; color: #333; font-size: 14px; } /* Required star */ .booking-form .required { color: #d93025; margin-left: 2px; } /* Inputs and textarea */ .booking-form input[type="text"], .booking-form input[type="tel"], .booking-form input[type="email"], .booking-form input[type="date"], .booking-form select, .booking-form textarea { width: 100%; padding: 10px 14px; margin-bottom: 20px; border: 1.8px solid #ccc; border-radius: 6px; font-size: 15px; transition: border-color 0.3s ease; box-sizing: border-box; font-family: inherit; resize: vertical; } .booking-form input[type="text"]:focus, .booking-form input[type="tel"]:focus, .booking-form input[type="email"]:focus, .booking-form input[type="date"]:focus, .booking-form select:focus, .booking-form textarea:focus { outline: none; border-color: #007BFF; box-shadow: 0 0 8px rgba(0,123,255,0.3); } /* Select styling */ .booking-form select.select-style { appearance: none; background-image: url("data:image/svg+xml;utf8,<svg fill='%23777' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/></svg>"); background-repeat: no-repeat; background-position: right 12px center; background-size: 18px 18px; padding-right: 40px; cursor: pointer; } /* Textarea min height */ /*.booking-form textarea { min-height: 80px; } /* Total days text */ .date-difference { font-weight: 700; color: #007BFF; margin-top: -15px; margin-bottom: 20px; font-size: 16px; } /* Submit button */ .booking-form .btn-blue { background-color: #007BFF; color: white !important; border: none; padding: 14px 0; font-size: 17px; font-weight: 700; border-radius: 7px; width: 100%; cursor: pointer; transition: background-color 0.25s ease; letter-spacing: 0.04em; } .booking-form .btn-blue:hover, .booking-form .btn-blue:focus { background-color: #0056b3; outline: none; box-shadow: 0 0 10px rgba(0,86,179,0.6); }