.appt-details {
color: #000000;
}
.paid-variations { margin-top: 10px; } .booked-appointment-actions {
display: flex;
gap: 8px;
margin-top: 12px;
flex-wrap: wrap;
}
.booked-btn {
display: inline-flex;
align-items: center;
gap: 6px;
padding: 8px 16px;
border: none;
border-radius: 6px;
font-size: 13px;
font-weight: 500;
text-decoration: none;
cursor: pointer;
transition: all 0.2s ease;
box-shadow: 0 2px 4px rgba(0,0,0,0.1);
height: 36px;
min-height: 36px;
line-height: 1;
}
.booked-btn i {
font-size: 12px;
}
.booked-btn-primary {
background: linear-gradient(135deg, #4CAF50, #45a049);
color: white;
}
.booked-btn-primary:hover {
background: linear-gradient(135deg, #45a049, #3d8b40);
transform: translateY(-1px);
box-shadow: 0 4px 8px rgba(76, 175, 80, 0.3);
}
.booked-btn-danger {
background: linear-gradient(135deg, #f44336, #d32f2f);
color: white;
}
.booked-btn-danger:hover {
background: linear-gradient(135deg, #d32f2f, #b71c1c);
transform: translateY(-1px);
box-shadow: 0 4px 8px rgba(244, 67, 54, 0.3);
}
.booked-btn-disabled {
background: #f5f5f5;
color: #999;
cursor: not-allowed;
opacity: 0.6;
box-shadow: none;
}
.booked-btn-disabled:hover {
transform: none;
box-shadow: none;
} body #booked-profile-page .booked-profile-appt-list .appt-block .edit,
.booked-profile-appt-list .appt-block .edit,
.appt-block .edit {
display: inline-flex !important;
align-items: center !important;
gap: 6px !important;
padding: 8px 16px !important;
border: none !important;
border-radius: 6px !important;
font-size: 13px !important;
font-weight: 500 !important;
text-decoration: none !important;
cursor: pointer !important;
transition: all 0.2s ease !important;
box-shadow: 0 2px 4px rgba(0,0,0,0.1) !important;
background: linear-gradient(135deg, #2196F3, #1976D2) !important;
color: white !important;
margin-top: 8px !important;
margin-right: 8px !important;
height: 36px !important;
min-height: 36px !important;
line-height: 1 !important;
}
body #booked-profile-page .booked-profile-appt-list .appt-block .edit:hover,
.booked-profile-appt-list .appt-block .edit:hover,
.appt-block .edit:hover {
background: linear-gradient(135deg, #1976D2, #1565C0) !important;
transform: translateY(-1px) !important;
box-shadow: 0 4px 8px rgba(33, 150, 243, 0.3) !important;
text-decoration: none !important;
} .booked-appointment-actions .edit {
margin-top: 0 !important;
margin-right: 8px !important;
} .booked-profile-appt-list .appt-block a.edit,
.booked-profile-appt-list .appt-block .edit,
a.edit[data-app-calendar],
a[data-app-calendar].edit {
display: inline-flex !important;
align-items: center !important;
gap: 6px !important;
padding: 8px 16px !important;
border: none !important;
border-radius: 6px !important;
font-size: 13px !important;
font-weight: 500 !important;
text-decoration: none !important;
cursor: pointer !important;
transition: all 0.2s ease !important;
box-shadow: 0 2px 4px rgba(0,0,0,0.1) !important;
background: linear-gradient(135deg, #2196F3, #1976D2) !important;
color: white !important;
margin-top: 8px !important;
margin-right: 8px !important;
height: 36px !important;
min-height: 36px !important;
line-height: 1 !important;
}
.booked-profile-appt-list .appt-block a.edit:hover,
.booked-profile-appt-list .appt-block .edit:hover,
a.edit[data-app-calendar]:hover,
a[data-app-calendar].edit:hover {
background: linear-gradient(135deg, #1976D2, #1565C0) !important;
transform: translateY(-1px) !important;
box-shadow: 0 4px 8px rgba(33, 150, 243, 0.3) !important;
text-decoration: none !important;
color: white !important;
} a[data-app-calendar] {
display: inline-flex !important;
align-items: center !important;
gap: 6px !important;
padding: 8px 16px !important;
border: none !important;
border-radius: 6px !important;
font-size: 13px !important;
font-weight: 500 !important;
text-decoration: none !important;
cursor: pointer !important;
transition: all 0.2s ease !important;
box-shadow: 0 2px 4px rgba(0,0,0,0.1) !important;
background: linear-gradient(135deg, #2196F3, #1976D2) !important;
color: white !important;
margin-top: 8px !important;
margin-right: 8px !important;
height: 36px !important;
min-height: 36px !important;
line-height: 1 !important;
}
a[data-app-calendar]:hover {
background: linear-gradient(135deg, #1976D2, #1565C0) !important;
transform: translateY(-1px) !important;
box-shadow: 0 4px 8px rgba(33, 150, 243, 0.3) !important;
text-decoration: none !important;
color: white !important;
} .booked-profile-appt-list .appt-block .cancel {
display: inline-flex !important;
align-items: center !important;
gap: 6px !important;
padding: 8px 16px !important;
border: none !important;
border-radius: 6px !important;
font-size: 13px !important;
font-weight: 500 !important;
text-decoration: none !important;
cursor: pointer !important;
transition: all 0.2s ease !important;
box-shadow: 0 2px 4px rgba(0,0,0,0.1) !important;
background: linear-gradient(135deg, #f44336, #d32f2f) !important;
color: white !important;
margin-top: 8px !important;
margin-left: 8px !important;
height: 36px !important;
min-height: 36px !important;
line-height: 1 !important;
}
.booked-profile-appt-list .appt-block .cancel:hover {
background: linear-gradient(135deg, #d32f2f, #b71c1c) !important;
transform: translateY(-1px) !important;
box-shadow: 0 4px 8px rgba(244, 67, 54, 0.3) !important;
} .google-cal-button {
display: inline-flex !important;
align-items: center !important;
gap: 6px !important;
padding: 8px 16px !important;
border: none !important;
border-radius: 6px !important;
font-size: 13px !important;
font-weight: 500 !important;
text-decoration: none !important;
cursor: pointer !important;
transition: all 0.2s ease !important;
box-shadow: 0 2px 4px rgba(0,0,0,0.1) !important;
background: linear-gradient(135deg, #FF9800, #F57C00) !important;
color: white !important;
margin-top: 8px !important;
margin-right: 8px !important;
height: 36px !important;
min-height: 36px !important;
width: auto !important;
line-height: 1 !important;
}
.google-cal-button:hover {
background: linear-gradient(135deg, #F57C00, #E65100) !important;
transform: translateY(-1px) !important;
box-shadow: 0 4px 8px rgba(255, 152, 0, 0.3) !important;
} .addeventatc .atc-style-booked,
.addeventatc img,
.addeventatc svg,
.addeventatc::before,
.addeventatc::after {
display: none !important;
} .addeventatc {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
padding: 8px 16px !important;
border: none !important;
border-radius: 6px !important;
font-size: 13px !important;
font-weight: 500 !important;
text-decoration: none !important;
cursor: pointer !important;
transition: all 0.2s ease !important;
box-shadow: 0 2px 4px rgba(0,0,0,0.1) !important;
background: linear-gradient(135deg, #FF9800, #F57C00) !important;
color: white !important;
margin-top: 8px !important;
margin-right: 8px !important;
height: 36px !important;
min-height: 36px !important;
line-height: 1 !important;
gap: 6px !important;
position: relative !important;
} .addeventatc::before {
content: "\f073"; font-family: "Font Awesome 6 Free";
font-weight: 900;
font-size: 12px;
margin-right: 6px;
display: inline-block !important;
color: white !important;
}
.addeventatc:hover {
background: linear-gradient(135deg, #F57C00, #E65100) !important;
transform: translateY(-1px) !important;
box-shadow: 0 4px 8px rgba(255, 152, 0, 0.3) !important;
} body #booked-profile-page .booked-profile-appt-list .appt-block .pay {
display: inline-flex;
align-items: center;
gap: 6px;
padding: 8px 16px;
border: none;
border-radius: 6px;
font-size: 13px;
font-weight: 500;
text-decoration: none;
cursor: pointer;
transition: all 0.2s ease;
box-shadow: 0 2px 4px rgba(0,0,0,0.1);
background: linear-gradient(135deg, #4CAF50, #45a049);
color: white;
margin-top: 8px;
}
body #booked-profile-page .booked-profile-appt-list .appt-block .pay:hover {
background: linear-gradient(135deg, #45a049, #3d8b40);
transform: translateY(-1px);
box-shadow: 0 4px 8px rgba(76, 175, 80, 0.3);
}
div.booked-wc-checkout-section { line-height:1.3; padding:0 0 10px; }
.woocommerce-checkout-review-order div.booked-wc-checkout-section:last-child { padding:0; margin:0 0 -1.4em; }
span.booked_wc_payment_pending { color: #E35656; font-weight:600; }
span.booked_wc_payment_completed { color:#000; font-weight:600; }