/**
 * Babylove – Styling-overrides för Ångra-knappen.
 *
 * Tvingar ljus design på ångra-flödet eftersom Babyloves tema annars
 * påverkar pluginnets text- och bakgrundsfärger (svart-på-mörkt-tema).
 *
 * Plus styling för Babyloves egna element (return-CTA m.m.).
 */

/* === Tvinga ljus design för Ångra-knappen === */
.angra-knappen-wrapper,
.angra-knappen-wrapper *,
.angra-knappen-wrapper bdi,
.angra-knappen-wrapper .woocommerce-Price-amount,
.angra-knappen-wrapper .woocommerce-Price-currencySymbol,
.angra-knappen-wrapper .amount {
    color: #1a1a1a !important;
}

.angra-knappen-wrapper {
    background: #fff !important;
}

.angra-knappen-wrapper input,
.angra-knappen-wrapper button {
    background: #fff !important;
    border-color: #d4d4d4 !important;
}

/* Varningsboxar - behåll deras egna färger */
.angra-knappen-legal-notice,
.angra-knappen-legal-notice * {
    color: #5a4a00 !important;
    background: #fff8e5 !important;
}

.angra-knappen-shipping-notice,
.angra-knappen-shipping-notice * {
    color: #5a4a00 !important;
}

/* Knappar - behåll varumärkesfärger */
.angra-knappen-button-danger {
    background: #d9534f !important;
    color: #fff !important;
}

.angra-knappen-button-danger * {
    color: #fff !important;
}

.angra-knappen-button-danger:disabled {
    background: #e8a5a3 !important;
}

.angra-knappen-button-primary {
    background: #1a1a1a !important;
    color: #fff !important;
}

.angra-knappen-button-primary * {
    color: #fff !important;
}

/* === Babyloves egna element === */

/* Return-CTA-knappen som visas när ordern redan skickats */
.babylove-return-cta-wrapper {
    margin-top: 1.5rem;
    text-align: center;
}

.babylove-return-cta {
    display: inline-block;
    padding: 14px 32px;
    background: #1a1a1a;
    color: #fff !important;
    text-decoration: none !important;
    border-radius: 4px;
    font-weight: 600;
    font-size: 15px;
    letter-spacing: 0.02em;
    transition: background 0.2s ease, transform 0.1s ease;
}

.babylove-return-cta:hover,
.babylove-return-cta:focus {
    background: #333 !important;
    color: #fff !important;
    text-decoration: none !important;
    transform: translateY(-1px);
}

.babylove-return-cta:active {
    transform: translateY(0);
}

/* Steg-lista vid skickad order */
.babylove-success-steps {
    color: #1a1a1a !important;
    padding-left: 1.25rem;
}

.babylove-success-steps li {
    color: #1a1a1a !important;
    margin-bottom: 0.5rem;
    line-height: 1.5;
}