/**
 * Ocean Theme - Aqua Blue Waters  
 * Colors: Aqua cyan #06B6D4 (#06B6D4 to #0891B2)
 * Style: Fresh, aquatic, calming
 */

/* Background */
.wfb-form-wrapper.wfb-theme-ocean .wfb-form-builder,
.wfb-form-wrapper.wfb-theme-ocean .woo-form-builder,
.wfb-form-wrapper.wfb-theme-ocean .wfb-form {
    background: linear-gradient(135deg, #ECFEFF 0%, #CFFAFE 100%) !important;
}

/* Step Indicators */
.wfb-form-wrapper.wfb-theme-ocean .wfb-step-indicator.active::before,
.wfb-form-wrapper.wfb-theme-ocean .wfb-step-indicators .wfb-step-indicator.active::before {
    background: linear-gradient(135deg, #06B6D4 0%, #0891B2 100%) !important;
    color: white !important;
    border-color: #06B6D4 !important;
}

.wfb-form-wrapper.wfb-theme-ocean .wfb-step-indicator::before,
.wfb-form-wrapper.wfb-theme-ocean .wfb-step-indicators .wfb-step-indicator::before {
    border-color: #06B6D4 !important;
    color: #06B6D4 !important;
}

.wfb-form-wrapper.wfb-theme-ocean .wfb-step-indicator.completed::before,
.wfb-form-wrapper.wfb-theme-ocean .wfb-step-indicators .wfb-step-indicator.completed::before {
    background: linear-gradient(135deg, #06B6D4 0%, #0891B2 100%) !important;
    color: white !important;
    border-color: #0891B2 !important;
}

/* Navigation Buttons - Primary (Next, Submit, Add to Cart) */
/* Ultra-specific selectors to override ALL other styles including dynamic styles */
.wfb-form-wrapper.wfb-theme-ocean .wfb-form-navigation .wfb-next-step,
.wfb-form-wrapper.wfb-theme-ocean .wfb-form-navigation .wfb-submit,
.wfb-form-wrapper.wfb-theme-ocean .wfb-form-navigation button.wfb-next-step,
.wfb-form-wrapper.wfb-theme-ocean .wfb-form-navigation button.wfb-submit,
.wfb-form-wrapper.wfb-theme-ocean .wfb-next-step,
.wfb-form-wrapper.wfb-theme-ocean .wfb-submit,
.wfb-form-wrapper.wfb-theme-ocean button.wfb-next-step,
.wfb-form-wrapper.wfb-theme-ocean button.wfb-submit,
.wfb-form-wrapper.wfb-theme-ocean .wfb-add-to-cart,
.wfb-form-wrapper.wfb-theme-ocean .single_add_to_cart_button,
.wfb-form-wrapper.wfb-theme-ocean button.wfb-next-step.button.alt,
.wfb-form-wrapper.wfb-theme-ocean button.wfb-submit.button.alt,
.wfb-form-wrapper.wfb-theme-ocean .wfb-next-step.button.alt,
.wfb-form-wrapper.wfb-theme-ocean .wfb-submit.button.alt,
.wfb-form-wrapper.wfb-theme-ocean button.single_add_to_cart_button.button.alt,
.wfb-form-wrapper.wfb-theme-ocean .wfb-form-navigation button.button.alt.wfb-next-step,
.wfb-form-wrapper.wfb-theme-ocean .wfb-form-navigation button.button.alt.wfb-submit,
.wfb-form-wrapper.wfb-theme-ocean .wfb-step-navigation button.wfb-next-step.button.alt,
.wfb-form-wrapper.wfb-theme-ocean .wfb-step-navigation button.wfb-submit.button.alt,
.wfb-form-wrapper.wfb-theme-ocean.wfb-button-style-rounded .wfb-next-step,
.wfb-form-wrapper.wfb-theme-ocean.wfb-button-style-rounded .wfb-submit,
.wfb-form-wrapper.wfb-theme-ocean.wfb-button-style-rounded .single_add_to_cart_button,
.wfb-form-wrapper.wfb-theme-ocean.wfb-button-style-sharp .wfb-next-step,
.wfb-form-wrapper.wfb-theme-ocean.wfb-button-style-sharp .wfb-submit,
.wfb-form-wrapper.wfb-theme-ocean.wfb-button-style-sharp .single_add_to_cart_button,
.wfb-form-wrapper.wfb-theme-ocean.wfb-button-style-soft .wfb-next-step,
.wfb-form-wrapper.wfb-theme-ocean.wfb-button-style-soft .wfb-submit,
.wfb-form-wrapper.wfb-theme-ocean.wfb-button-style-soft .single_add_to_cart_button,
.wfb-form-wrapper.wfb-theme-ocean.wfb-button-style-outlined .wfb-next-step,
.wfb-form-wrapper.wfb-theme-ocean.wfb-button-style-outlined .wfb-submit,
.wfb-form-wrapper.wfb-theme-ocean.wfb-button-style-outlined .single_add_to_cart_button {
    background: linear-gradient(135deg, #06B6D4 0%, #0891B2 100%) !important;
    color: white !important;
    border: none !important;
    box-shadow: 0 6px 20px rgba(6, 182, 212, 0.5) !important;
    font-weight: 600 !important;
}

/* Previous Button Specific Style - Keep outlined look */
.wfb-form-wrapper.wfb-theme-ocean .wfb-form-navigation .wfb-prev-step,
.wfb-form-wrapper.wfb-theme-ocean .wfb-prev-step,
.wfb-form-wrapper.wfb-theme-ocean button.wfb-prev-step,
.wfb-form-wrapper.wfb-theme-ocean button.wfb-prev-step.button,
.wfb-form-wrapper.wfb-theme-ocean .wfb-prev-step.button,
.wfb-form-wrapper.wfb-theme-ocean .wfb-form-navigation button.button.wfb-prev-step,
.wfb-form-wrapper.wfb-theme-ocean .wfb-step-navigation button.wfb-prev-step.button,
.wfb-form-wrapper.wfb-theme-ocean.wfb-button-style-rounded .wfb-prev-step,
.wfb-form-wrapper.wfb-theme-ocean.wfb-button-style-sharp .wfb-prev-step,
.wfb-form-wrapper.wfb-theme-ocean.wfb-button-style-soft .wfb-prev-step,
.wfb-form-wrapper.wfb-theme-ocean.wfb-button-style-outlined .wfb-prev-step {
    background: linear-gradient(135deg, #ECFEFF 0%, #CFFAFE 100%) !important;
    color: #06B6D4 !important;
    border: 2px solid #06B6D4 !important;
    box-shadow: 0 4px 12px rgba(6, 182, 212, 0.3) !important;
    font-weight: 600 !important;
}

/* Hover States - Primary Buttons */
.wfb-form-wrapper.wfb-theme-ocean .wfb-form-navigation .wfb-next-step:hover,
.wfb-form-wrapper.wfb-theme-ocean .wfb-form-navigation .wfb-submit:hover,
.wfb-form-wrapper.wfb-theme-ocean .wfb-form-navigation button.wfb-next-step:hover,
.wfb-form-wrapper.wfb-theme-ocean .wfb-form-navigation button.wfb-submit:hover,
.wfb-form-wrapper.wfb-theme-ocean .wfb-next-step:hover,
.wfb-form-wrapper.wfb-theme-ocean .wfb-submit:hover,
.wfb-form-wrapper.wfb-theme-ocean button.wfb-next-step:hover,
.wfb-form-wrapper.wfb-theme-ocean button.wfb-submit:hover,
.wfb-form-wrapper.wfb-theme-ocean .wfb-add-to-cart:hover,
.wfb-form-wrapper.wfb-theme-ocean .single_add_to_cart_button:hover,
.wfb-form-wrapper.wfb-theme-ocean button.wfb-next-step.button.alt:hover,
.wfb-form-wrapper.wfb-theme-ocean button.wfb-submit.button.alt:hover,
.wfb-form-wrapper.wfb-theme-ocean .wfb-next-step.button.alt:hover,
.wfb-form-wrapper.wfb-theme-ocean .wfb-submit.button.alt:hover,
.wfb-form-wrapper.wfb-theme-ocean button.single_add_to_cart_button.button.alt:hover,
.wfb-form-wrapper.wfb-theme-ocean .wfb-step-navigation button.wfb-next-step.button.alt:hover,
.wfb-form-wrapper.wfb-theme-ocean .wfb-step-navigation button.wfb-submit.button.alt:hover,
.wfb-form-wrapper.wfb-theme-ocean.wfb-button-style-rounded .wfb-next-step:hover,
.wfb-form-wrapper.wfb-theme-ocean.wfb-button-style-rounded .wfb-submit:hover,
.wfb-form-wrapper.wfb-theme-ocean.wfb-button-style-rounded .single_add_to_cart_button:hover,
.wfb-form-wrapper.wfb-theme-ocean.wfb-button-style-sharp .wfb-next-step:hover,
.wfb-form-wrapper.wfb-theme-ocean.wfb-button-style-sharp .wfb-submit:hover,
.wfb-form-wrapper.wfb-theme-ocean.wfb-button-style-sharp .single_add_to_cart_button:hover,
.wfb-form-wrapper.wfb-theme-ocean.wfb-button-style-soft .wfb-next-step:hover,
.wfb-form-wrapper.wfb-theme-ocean.wfb-button-style-soft .wfb-submit:hover,
.wfb-form-wrapper.wfb-theme-ocean.wfb-button-style-soft .single_add_to_cart_button:hover,
.wfb-form-wrapper.wfb-theme-ocean.wfb-button-style-outlined .wfb-next-step:hover,
.wfb-form-wrapper.wfb-theme-ocean.wfb-button-style-outlined .wfb-submit:hover,
.wfb-form-wrapper.wfb-theme-ocean.wfb-button-style-outlined .single_add_to_cart_button:hover {
    background: linear-gradient(135deg, #0891B2 0%, #155E75 100%) !important;
    box-shadow: 0 8px 28px rgba(6, 182, 212, 0.7) !important;
    transform: scale(1.05) !important;
    color: white !important;
}

/* Hover States - Previous Button */
.wfb-form-wrapper.wfb-theme-ocean .wfb-form-navigation .wfb-prev-step:hover,
.wfb-form-wrapper.wfb-theme-ocean .wfb-prev-step:hover,
.wfb-form-wrapper.wfb-theme-ocean button.wfb-prev-step:hover,
.wfb-form-wrapper.wfb-theme-ocean button.wfb-prev-step.button:hover,
.wfb-form-wrapper.wfb-theme-ocean .wfb-prev-step.button:hover,
.wfb-form-wrapper.wfb-theme-ocean .wfb-step-navigation button.wfb-prev-step.button:hover,
.wfb-form-wrapper.wfb-theme-ocean.wfb-button-style-rounded .wfb-prev-step:hover,
.wfb-form-wrapper.wfb-theme-ocean.wfb-button-style-sharp .wfb-prev-step:hover,
.wfb-form-wrapper.wfb-theme-ocean.wfb-button-style-soft .wfb-prev-step:hover,
.wfb-form-wrapper.wfb-theme-ocean.wfb-button-style-outlined .wfb-prev-step:hover {
    background: linear-gradient(135deg, #06B6D4 0%, #0891B2 100%) !important;
    color: white !important;
    border-color: #0891B2 !important;
    box-shadow: 0 6px 20px rgba(6, 182, 212, 0.5) !important;
    transform: scale(1.05) !important;
}

/* Form Fields */
.wfb-form-wrapper.wfb-theme-ocean .wfb-field-wrapper input,
.wfb-form-wrapper.wfb-theme-ocean .wfb-field-wrapper textarea,
.wfb-form-wrapper.wfb-theme-ocean .wfb-field-wrapper select {
    border: 2px solid #06B6D4 !important;
    border-radius: 8px !important;
}

.wfb-form-wrapper.wfb-theme-ocean .wfb-field-wrapper input:focus,
.wfb-form-wrapper.wfb-theme-ocean .wfb-field-wrapper textarea:focus,
.wfb-form-wrapper.wfb-theme-ocean .wfb-field-wrapper select:focus {
    border-color: #0891B2 !important;
    box-shadow: 0 0 0 3px rgba(6, 182, 212, 0.2) !important;
}

/* Progress Bar */
.wfb-form-wrapper.wfb-theme-ocean .wfb-progress-bar {
    background: rgba(6, 182, 212, 0.2) !important;
}

.wfb-form-wrapper.wfb-theme-ocean .wfb-progress-fill {
    background: linear-gradient(90deg, #06B6D4 0%, #0891B2 100%) !important;
}

/* Step Labels */
.wfb-form-wrapper.wfb-theme-ocean .wfb-step-label {
    color: #0E7490 !important;
    font-weight: 600 !important;
}

/* Price Summary */
.wfb-form-wrapper.wfb-theme-ocean .wfb-price-summary {
    border: 2px solid #06B6D4 !important;
    background: rgba(6, 182, 212, 0.1) !important;
    border-radius: 12px !important;
}

.wfb-form-wrapper.wfb-theme-ocean .wfb-total-price {
    color: #06B6D4 !important;
    font-weight: 700 !important;
}