/* =============================================================================
   WC Variation Anfrage — Stylesheet
   ============================================================================= */

/* -----------------------------------------------------------------------------
   Inquiry form wrapper
   ----------------------------------------------------------------------------- */

.wc-variation-anfrage-wrapper {
    display: none; /* shown/hidden via jQuery slideDown / slideUp */
    margin-top: 2em;
    padding: 1.5em;
    border: 1px solid #ddd;
    border-radius: 4px;
    background: #fafafa;
}

.wc-anfrage-heading {
    margin: 0 0 .6em;
    font-size: 1.1em;
}

.wc-anfrage-intro {
    margin: 0 0 1.25em;
    color: #555;
}

.wc-anfrage-variation-label {
    display: none;
    margin: 0 0 1em;
    font-style: italic;
    color: #777;
}

/* -----------------------------------------------------------------------------
   Hide Add-to-Cart button and quantity stepper for out-of-stock variations
   ----------------------------------------------------------------------------- */

.wc-anfrage-hidden {
    display: none !important;
}

/* -----------------------------------------------------------------------------
   "auf Anfrage" price
   ----------------------------------------------------------------------------- */

.wc-anfrage-price {
    font-size: 1.2em;
    font-weight: 600;
    color: #555;
    font-style: italic;
}

/* -----------------------------------------------------------------------------
   Out-of-stock SELECT options
   (visual cue; browser support for <option> styling varies)
   ----------------------------------------------------------------------------- */

select option.wc-anfrage-outofstock-option {
    color: #aaa;
    font-style: italic;
}

/* Hide WooCommerce's built-in price + availability blocks when anfrage mode
   is active. The !important is intentional: WooCommerce's own JS calls .show()
   on these elements during the found_variation cycle, and we must override that. */
body.wc-anfrage-active .woocommerce-variation-price,
body.wc-anfrage-active .woocommerce-variation-availability {
    display: none !important;
}

/* -----------------------------------------------------------------------------
   Trigger area (step 1)
   ----------------------------------------------------------------------------- */

.wc-anfrage-trigger {
    display: flex;
    align-items: center;
    gap: 1em;
    flex-wrap: wrap;
}

.wc-anfrage-oos-notice {
    margin: 0;
    color: #c0392b;
    font-weight: 600;
}

.wc-anfrage-open-btn {
    flex-shrink: 0;
    cursor: pointer;
    background-color: #008BD2 !important;
    border-color: #008BD2 !important;
    color: #fff !important;
    transition: background-color .2s ease, border-color .2s ease;
}

.wc-anfrage-open-btn:hover,
.wc-anfrage-open-btn:focus {
    background-color: #706F6F !important;
    border-color: #706F6F !important;
    color: #fff !important;
}

/* Form container – hidden by default, JS slides it in */
.wc-anfrage-form-container {
    display: none;
    margin-top: 1.25em;
    padding-top: 1.25em;
    border-top: 1px solid #e0e0e0;
}

/* -----------------------------------------------------------------------------
   Form fields — extend WooCommerce base styles
   ----------------------------------------------------------------------------- */

.wc-variation-anfrage-form .form-row {
    margin: 0 0 1em;
    padding: 0;
}

.wc-variation-anfrage-form label {
    display: block;
    margin-bottom: .35em;
    font-weight: 600;
    font-size: .9em;
}

.wc-variation-anfrage-form .input-text,
.wc-variation-anfrage-form textarea.input-text {
    display: block;
    width: 100%;
    padding: .55em .75em;
    border: 1px solid #ccc;
    border-radius: 3px;
    background: #fff;
    font-size: .95em;
    font-family: inherit;
    box-sizing: border-box;
    transition: border-color .15s ease, box-shadow .15s ease;
}

.wc-variation-anfrage-form .input-text:focus,
.wc-variation-anfrage-form textarea.input-text:focus {
    border-color: #008BD2;
    outline: 0;
    box-shadow: 0 0 0 2px rgba(0, 139, 210, .2);
}

/* Submit button */
.wc-anfrage-submit {
    cursor: pointer;
    background-color: #008BD2 !important;
    border-color: #008BD2 !important;
    color: #fff !important;
    transition: background-color .2s ease, border-color .2s ease;
}

.wc-anfrage-submit:hover,
.wc-anfrage-submit:focus {
    background-color: #706F6F !important;
    border-color: #706F6F !important;
    color: #fff !important;
}

.wc-anfrage-submit:disabled {
    opacity: .6;
    cursor: not-allowed;
}

/* Required-field asterisk */
.wc-variation-anfrage-form .required {
    color: #e2401c;
    text-decoration: none;
}

/* -----------------------------------------------------------------------------
   Feedback messages
   ----------------------------------------------------------------------------- */

.wc-anfrage-messages {
    margin-top: 1em;
}

.wc-anfrage-msg {
    margin: 0;
    padding: .75em 1em;
    border-radius: 3px;
    font-size: .95em;
    line-height: 1.5;
}

.wc-anfrage-msg--success {
    background: #eaf6ec;
    border: 1px solid #a8d5b0;
    color: #2d6a3f;
}

.wc-anfrage-msg--error {
    background: #fdf0f0;
    border: 1px solid #f5a4a4;
    color: #8b2121;
}