.participant-header {
display: flex;
justify-content: space-between;
align-items: center;
}
.remove-participant {
background: none;
border: none;
color: #d63638;
font-size: 12px;
font-weight: bold;
cursor: pointer;
padding: 0;
line-height: 1;
}
.remove-participant:hover {
color: #a00;
transform: scale(1.1);
}
.participant-header h4 {
margin: 0;
}
.woocommerce-Price-amount{
font-weight: 600;
font-size: 1.8rem;
}
.woocommerce form .form-row .required{
color: #ee7f00;
font-weight: bolder;
} #surf-course-form {
width: 100%;
margin-top: -30px;
}
#surf-loc-form {
width: 100%;
} .participant-block, .sejour-block, .message-block, .product .variations tbody {
background: #f9fafb;
padding: 20px;
border-radius: 10px;
margin-bottom: 20px!important;
border: 1px solid #e6e6e6;
} .participant-block h4 {
margin-bottom: 15px;
font-size: 21px;
} #surf-course-form input[type="text"],
#surf-course-form input[type="number"],
#surf-course-form input[type="date"],
#surf-loc-form input[type="text"],
#surf-loc-form input[type="date"],
#surf-loc-form input[type="time"] {
width: 100%;
padding: 10px 12px;
border-radius: 6px;
border: 1px solid #dcdcdc;
margin-top: 5px;
margin-bottom: 15px;
box-sizing: border-box;
}
#surf-loc-form select, .the7-wc-variation-select select {
background-image: url("data:image/svg+xml,%3Csvg fill='%23666' height='20' viewBox='0 0 20 20' width='20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 7l5 5 5-5H5z'/%3E%3C/svg%3E")!important;
background-repeat: no-repeat;
background-position: right 10px center;
background-size: 22px;
padding: 10px 12px!important;
border-radius: 6px!important;
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
background-color: #fff!important;
cursor: pointer;
width: 100%;
}
.variations{
margin-bottom: 20px!important;
display: inline-grid;
}
.variations_form label, .block-intro {
color: #ee7f00!important;
font-size: 20px!important;
font-weight: 500!important;
}
.variations tr:last-child{
margin: 0!important;
}
.the7-wc-variation-select {
position: relative;
width: 100%;
}
.the7-wc-variation-select .variations select {
width: 100%;
padding: 10px 12px;
border-radius: 6px;
border: 1px solid #dcdcdc;
}
.the7-wc-variation-select svg{
display: none!important;
} #surf-course-form label {
font-weight: 500;
display: block;
margin-bottom: 3px;
} #add-participant {
width: auto;
padding: 10px 20px;
border-radius: 30px;
background: #ee7f00;
color: white;
border: none;
font-weight: 600;
cursor: pointer;
margin: 10px 0 20px 0;
display: inline-block;
}
#add-participant:hover {
background: #ee7f00;
} .message-block .block-intro {
margin-bottom: 15px;
font-weight: 500;
} .message-block textarea {
width: 100%;
padding: 12px 14px;
border-radius: 8px;
border: 1px solid #dcdcdc;
font-size: 15px;
font-family: inherit;
min-height: 90px;
resize: vertical;
transition: border 0.2s ease, box-shadow 0.2s ease;
} .message-block textarea:focus {
outline: none;
border-color: #2c6e6f;
box-shadow: 0 0 0 2px rgba(44,110,111,0.15);
} .total-participants-display {
margin-top: 15px;
font-size: 21px;
text-align: center;
}
#total-participants-text {
font-weight: bold;
}
.decouverte-alert {
background: #fff3cd;
color: #856404;
padding: 12px 16px;
margin-bottom: 15px;
border-radius: 6px;
font-weight: 500;
width: 100%;
text-align: center;
} .woocommerce-variation-add-to-cart > .single_add_to_cart_button:not(.box-button), .the7-e-woo-cart-wrapper .the7-e-mini-cart-product .product-price>.quantity {
display: none !important;
}
.single_add_to_cart_button:disabled {
opacity: 0.3;
cursor: not-allowed;
} .woocommerce-cart .variation,
.woocommerce-checkout .variation {
font-size: 13px;
opacity: 0.75;
margin-top: 6px;
}
.woocommerce-cart-wrap .cart_totals th{
width: 100%;
}
.woocommerce-cart .cart_totals .fee del,
.woocommerce-checkout .cart_totals .fee del {
color: #999;
font-weight: 400;
margin-right: 6px;
}
.woocommerce-cart .cart_totals .fee .woocommerce-Price-amount,
.woocommerce-checkout .cart_totals .fee .woocommerce-Price-amount {
font-size: 19px;
}
.fee-offered {
background: #e8f5e9;
color: #2e7d32;
font-weight: 600;
padding: 3px 8px;
border-radius: 6px;
font-size: 13px;
} .variation dt,
.variation dd {
margin-bottom: 3px;
} .variation dt {
font-weight: 500;
}   .product-location-meteo {
max-width: 1100px;
margin: 60px auto;
padding: 0 20px;
}   .surf-meteo-header {
display: flex;
flex-direction: column;
align-items: center;
margin-bottom: 30px;
text-align: center;
}
.surf-meteo-header h3 {
font-size: 30px;
margin-bottom: 6px;
}
.surf-meteo-header p {
max-width: 800px;
}
.surf-subtitle {
font-size: 14px;
opacity: 0.6;
}   .surf-meteo {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
gap: 25px;
}   .surf-day {
padding: 25px 20px;
border-radius: 14px;
transition: transform 0.2s ease;
}
.surf-day:hover {
transform: translateY(-2px);
}
.surf-day .surf-wave, .surf-day .surf-period, .surf-day .surf-wind, .surf-day .surf-direction {
font-size: 15px;
}
.surf-weather {
font-size: 14px;
margin-bottom: 8px;
font-weight: 500;
}
.surf-weather img{
font-size: 25px;
vertical-align: -0.3em !important;
}
.surf-weather .air-temp {
color: #333;
}
.surf-weather .water-temp {
color: #2b6cb0;
font-weight: 600;
}
.surf-date {
font-weight: 600;
margin-bottom: 10px;
font-size: 17px;
}
.surf-label {
margin-top: 12px;
font-weight: 600;
font-size: 17px;
}   .surf-day.small {
background: #e0f2ff;
}
.surf-day.good {
background: #e3f2e8;
}
.surf-day.medium {
background: #fff3cd;
}
.surf-day.sporty {
background: #ffe5d0;
}
.surf-day.poor {
background: #f8d7da;
}   .surf-day.small .surf-label {
color: #0ea5e9;
}
.surf-day.good .surf-label {
color: #1e7e34;
}
.surf-day.medium .surf-label {
color: #856404;
}
.surf-day.sporty .surf-label {
color: #b45309;
}
.surf-day.poor .surf-label {
color: #c82333;
}   .arrow {
display: inline-block;
font-size: 18px;
margin-right: 5px;
}   .surf-tides-compact {
font-size: 13px;
margin-bottom: 10px;
opacity: 0.9;
}
.surf-tides-compact .high {
color: #2b6cb0;
font-weight: 600;
}
.surf-tides-compact .low {
color: #4a5568;
} .surf-footer-conditions {
font-size: 15px;
font-weight: 500;
color: #ffffff;
text-align: center;
} .surf-footer-conditions h3 {
font-weight: 600;
font-size: 18px;
color: #ee7f00;
text-align: center;
margin-bottom: 15px;
} .surf-footer-conditions span {
display: block;
align-items: center;
margin: 5px 0;
} .surf-footer-conditions .surf-good {
color: #7CFF9B;
font-weight: 600;
font-size: 18px;
text-align: center;
margin-top: 10px;
}
.surf-footer-conditions .surf-medium {
color: #FFD966;
font-weight: 600;
font-size: 18px;
text-align: center;
margin-top: 10px;
}
.surf-footer-conditions .surf-sporty {
color: #FFB3B3;
font-weight: 600;
font-size: 18px;
text-align: center;
margin-top: 10px;
}
.surf-footer-conditions .surf-poor {
color: #c82333be;
font-weight: 600;
font-size: 18px;
text-align: center;
margin-top: 10px;
}
.surf-footer-conditions .box-button{
margin-top: 10px;
}
.surf-tide .high{
color:#75b7ff;
font-style: normal;
font-size:19px;
}
.surf-tide .low{
color:#4a5568;
font-style: normal;
font-size:19px;
}