/* ============================================================
   LAKAY-NOTICES.CSS — v2.0
   ------------------------------------------------------------
   Notifications WooCommerce globales (message/info/error)
   + limitation de largeur pour ne pas prendre tout l'écran
   ============================================================ */

/* ============================================================
   1. NOTIFICATIONS — Style Lakay
   ============================================================ */

html body .woocommerce-message,
html body .woocommerce-info,
html body .woocommerce-error {
    position: relative !important;
    display: block !important;
    box-sizing: border-box !important;
    width: auto !important;
    max-width: 900px !important;
    margin: 0 auto 20px !important;
    padding: 16px 20px 16px 56px !important;
    color: var(--lk-text, #1A1A1A) !important;
    background: var(--lk-bg-soft, #F8FAFF) !important;
    border: 1px solid var(--lk-border, #E0E0E0) !important;
    border-top: 4px solid var(--lk-blue, #00209F) !important;
    border-radius: 0 0 10px 10px !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, .04) !important;
    font-family: var(--lk-font-body, 'DM Sans', sans-serif) !important;
    font-size: 14px !important;
    line-height: 1.5 !important;
    list-style: none !important;
}

/* Icônes */
html body .woocommerce-message::before,
html body .woocommerce-info::before,
html body .woocommerce-error::before {
    content: '' !important;
    position: absolute !important;
    top: 50% !important;
    left: 18px !important;
    width: 24px !important;
    height: 24px !important;
    margin-top: -12px !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 22px 22px !important;
    font-family: inherit !important;
}

/* Succès */
html body .woocommerce-message {
    border-top-color: #2E7D32 !important;
    background: rgba(46, 125, 50, .06) !important;
}

html body .woocommerce-message::before {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiMyRTdEMzIiIHN0cm9rZS13aWR0aD0iMi41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjxjaXJjbGUgY3g9IjEyIiBjeT0iMTIiIHI9IjkiLz48cG9seWxpbmUgcG9pbnRzPSI4IDEyLjUgMTEgMTUuNSAxNiA5LjUiLz48L3N2Zz4=") !important;
}

/* Info */
html body .woocommerce-info {
    border-top-color: #00209F !important;
    background: rgba(0, 32, 159, .05) !important;
}

html body .woocommerce-info::before {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiMwMDIwOUYiIHN0cm9rZS13aWR0aD0iMi41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjxjaXJjbGUgY3g9IjEyIiBjeT0iMTIiIHI9IjkiLz48bGluZSB4MT0iMTIiIHkxPSIxNiIgeDI9IjEyIiB5Mj0iMTIiLz48bGluZSB4MT0iMTIiIHkxPSI4IiB4Mj0iMTIuMDEiIHkyPSI4Ii8+PC9zdmc+") !important;
}

/* Erreur */
html body .woocommerce-error {
    border-top-color: #D21034 !important;
    background: rgba(210, 16, 52, .06) !important;
}

html body .woocommerce-error::before {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiNEMjEwMzQiIHN0cm9rZS13aWR0aD0iMi41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjxjaXJjbGUgY3g9IjEyIiBjeT0iMTIiIHI9IjkiLz48bGluZSB4MT0iMTIiIHkxPSI4IiB4Mj0iMTIiIHkyPSIxMyIvPjxsaW5lIHgxPSIxMiIgeTE9IjE2IiB4Mj0iMTIuMDEiIHkyPSIxNiIvPjwvc3ZnPg==") !important;
}

/* Liste d'erreurs */
html body .woocommerce-error li {
    margin: 0 0 6px !important;
    padding: 0 !important;
    color: inherit !important;
    font-size: 14px !important;
    list-style: none !important;
}

html body .woocommerce-error li:last-child {
    margin-bottom: 0 !important;
}

html body .woocommerce-error li a,
html body .woocommerce-error li strong {
    color: #D21034 !important;
    font-weight: 700 !important;
    text-decoration: underline !important;
}

/* Bouton "wc-forward" */
html body .woocommerce-message .button.wc-forward,
html body .woocommerce-info .button.wc-forward {
    display: inline-block !important;
    margin: 8px 0 0 !important;
    padding: 8px 16px !important;
    color: #FFFFFF !important;
    background: #00209F !important;
    border: none !important;
    border-radius: 8px !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    text-decoration: none !important;
    transition: background .2s !important;
}

html body .woocommerce-message .button.wc-forward:hover,
html body .woocommerce-info .button.wc-forward:hover {
    background: #001580 !important;
}

/* Liens dans les notifications */
html body .woocommerce-message a:not(.button),
html body .woocommerce-message a:not(.button):link,
html body .woocommerce-message a:not(.button):visited,
html body .woocommerce-info a:not(.button),
html body .woocommerce-info a:not(.button):link,
html body .woocommerce-info a:not(.button):visited {
    color: var(--lk-blue, #00209F) !important;
    font-weight: 600 !important;
    text-decoration: underline !important;
    text-underline-offset: 2px !important;
    transition: color .2s, opacity .2s !important;
}

html body .woocommerce-message a:not(.button):hover,
html body .woocommerce-info a:not(.button):hover {
    color: var(--lk-blue-dk, #001580) !important;
    text-decoration: underline !important;
    opacity: .85;
}


/* ============================================================
   2. LIMITER LA LARGEUR DANS LES CONTENEURS ÉTROITS
   ------------------------------------------------------------
   Sur /vin-tounen-vande/ et /kont-mwen/, les notices ne doivent
   pas prendre 100% de l'écran. On les limite à la même largeur
   que le formulaire (640px) + centrage.
   ============================================================ */

html body .dokan-vendor-onboarding .woocommerce-notices-wrapper,
html body .dokan-registration-section .woocommerce-notices-wrapper,
html body .dokan-onboarding-container .woocommerce-notices-wrapper,
html body form.update-customer-to-vendor .woocommerce-notices-wrapper,
html body .woocommerce-MyAccount-content .woocommerce-notices-wrapper {
    display: block !important;
    width: 100% !important;
    max-width: 640px !important;
    margin: 0 auto 20px !important;
    padding: 0 !important;
    box-sizing: border-box !important;
}

html body .dokan-vendor-onboarding .woocommerce-message,
html body .dokan-vendor-onboarding .woocommerce-info,
html body .dokan-vendor-onboarding .woocommerce-error,
html body .dokan-registration-section .woocommerce-message,
html body .dokan-registration-section .woocommerce-info,
html body .dokan-registration-section .woocommerce-error,
html body form.update-customer-to-vendor .woocommerce-message,
html body form.update-customer-to-vendor .woocommerce-info,
html body form.update-customer-to-vendor .woocommerce-error,
html body .woocommerce-MyAccount-content .woocommerce-message,
html body .woocommerce-MyAccount-content .woocommerce-info,
html body .woocommerce-MyAccount-content .woocommerce-error {
    max-width: 640px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}


/* ============================================================
   3. DARK MODE
   ============================================================ */

html[data-theme="dark"] body .woocommerce-message,
html[data-theme="dark"] body .woocommerce-info,
html[data-theme="dark"] body .woocommerce-error {
    color: #E2E8F0 !important;
    border-color: #334155 !important;
}

html[data-theme="dark"] body .woocommerce-message {
    background: rgba(34, 197, 94, .1) !important;
    border-top-color: #22C55E !important;
}

html[data-theme="dark"] body .woocommerce-info {
    background: rgba(59, 130, 246, .1) !important;
    border-top-color: #3B82F6 !important;
}

html[data-theme="dark"] body .woocommerce-error {
    background: rgba(239, 68, 68, .1) !important;
    border-top-color: #EF4444 !important;
}

html[data-theme="dark"] body .woocommerce-error li a,
html[data-theme="dark"] body .woocommerce-error li strong {
    color: #F87171 !important;
}

html[data-theme="dark"] body .woocommerce-message a:not(.button),
html[data-theme="dark"] body .woocommerce-info a:not(.button) {
    color: #60A5FA !important;
}

html[data-theme="dark"] body .woocommerce-message a:not(.button):hover,
html[data-theme="dark"] body .woocommerce-info a:not(.button):hover {
    color: #FBBF24 !important;
}

/* Icônes dark mode */
html[data-theme="dark"] body .woocommerce-message::before {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiMyMkM1NUUiIHN0cm9rZS13aWR0aD0iMi41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjxjaXJjbGUgY3g9IjEyIiBjeT0iMTIiIHI9IjkiLz48cG9seWxpbmUgcG9pbnRzPSI4IDEyLjUgMTEgMTUuNSAxNiA5LjUiLz48L3N2Zz4=") !important;
}

html[data-theme="dark"] body .woocommerce-info::before {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiM2MEE1RkEiIHN0cm9rZS13aWR0aD0iMi41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjxjaXJjbGUgY3g9IjEyIiBjeT0iMTIiIHI9IjkiLz48bGluZSB4MT0iMTIiIHkxPSIxNiIgeDI9IjEyIiB5Mj0iMTIiLz48bGluZSB4MT0iMTIiIHkxPSI4IiB4Mj0iMTIuMDEiIHkyPSI4Ii8+PC9zdmc+") !important;
}

html[data-theme="dark"] body .woocommerce-error::before {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiNGODcxNzEiIHN0cm9rZS13aWR0aD0iMi41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjxjaXJjbGUgY3g9IjEyIiBjeT0iMTIiIHI9IjkiLz48bGluZSB4MT0iMTIiIHkxPSI4IiB4Mj0iMTIiIHkyPSIxMyIvPjxsaW5lIHgxPSIxMiIgeTE9IjE2IiB4Mj0iMTIuMDEiIHkyPSIxNiIvPjwvc3ZnPg==") !important;
}