/* ==========================================================================
   Lekruu — tokens de marque (identite Maarteen)

   Source des couleurs : storage/app/Logo.png
     rouge bordeaux #9C0D11 (signe)   gris ardoise #5F6364 (typographie)

   Cette feuille est chargee EN DERNIER dans chaque layout, apres les feuilles
   des themes achetes, afin de neutraliser leurs accents d'origine sans les
   modifier en profondeur.

   Tous les ratios de contraste annotes ici sont verifies automatiquement par
   tools/check-contrast.php.
   ========================================================================== */

:root {
    /* --- Echelle primaire (rouge bordeaux) --- */
    --brand-50:  #F9F0F1;
    --brand-100: #F1DDDE;
    --brand-200: #E3BBBC;
    --brand-300: #D39596;
    --brand-400: #BC5A5D;   /* 4.41:1 sur blanc — gros texte et bordures uniquement */
    --brand-500: #9C0D11;   /* primaire — 8.47:1 sur blanc */
    --brand-600: #890B0F;   /* survol */
    --brand-700: #730A0D;   /* actif / presse */
    --brand-800: #5A080A;
    --brand-900: #420507;

    /* --- Echelle neutre (gris ardoise) --- */
    --neutral-50:  #F5F6F6;
    --neutral-100: #E9E9E9;
    --neutral-200: #D2D3D4;
    --neutral-300: #B9BABB;
    --neutral-400: #929596;  /* 3.02:1 sur blanc — gros texte et icones decoratives */
    --neutral-500: #5F6364;  /* 6.08:1 sur blanc */
    --neutral-600: #545758;
    --neutral-700: #46494A;
    --neutral-800: #37393A;
    --neutral-900: #282A2A;

    /* --- Roles semantiques --- */
    --color-primary:          var(--brand-500);
    --color-primary-hover:    var(--brand-600);
    --color-primary-active:   var(--brand-700);
    --color-primary-disabled: var(--brand-300);
    --color-on-primary:       #FFFFFF;

    --color-surface:      #FFFFFF;
    --color-surface-alt:  var(--neutral-50);
    --color-border:       var(--neutral-200);
    --color-text:         #111111;
    --color-text-muted:   var(--neutral-500);
    --color-text-on-dark: #FFFFFF;

    /* --- Etats : volontairement distincts du rouge de marque, sans quoi un
           bouton primaire deviendrait indiscernable d'un message d'erreur --- */
    --color-danger:  #B3261E;
    --color-success: #146C43;
    --color-warning: #8A5A00;
    --color-info:    #1B5E88;

    /* --- Navigation laterale du back-office ---
           Le rouge sature l'ecran quand il occupe a la fois l'en-tete, la barre
           laterale et les boutons. La barre prend donc le teint clair, et le
           rouge primaire est reserve au seul item courant : un accent, pas un
           aplat. Le theme achete, lui, figeait tout cela a #222. */
    --color-nav-surface:        var(--brand-50);    /* fond de la barre */
    --color-nav-surface-raised: var(--color-surface); /* sous-menus deplies */
    /* Bordeaux plutot que gris ardoise : a cette valeur le gris se lit comme
       du noir, ce que la marque proscrit. */
    --color-nav-text:           var(--brand-900); /* 14.93:1 sur brand-50 */
    --color-nav-text-muted:     var(--neutral-500); /* intitules de section */
    --color-nav-item-hover:     var(--brand-100);
    --color-nav-item-active:    var(--color-primary);  /* 8.05:1 sur brand-50 */
    --color-nav-on-item:        var(--color-on-primary);
    --color-nav-item-accent:    var(--brand-800);
    --color-nav-border:         var(--color-border);

    /* --- Voiles de lisibilite poses sur les photographies ---
           Les lames de l'accueil portent du texte blanc et la bande services
           du texte sombre : sans voile, aucun des deux ne tient sur une photo.
           Exprimes en rgba faute de pouvoir opacifier un jeton en CSS nu, mais
           declares ici et nulle part ailleurs. */
    --color-scrim-slide-top: rgba(66, 5, 7, .18);   /* --brand-900 a 18 % */
    --color-scrim-slide:     rgba(66, 5, 7, .48);   /* --brand-900 a 48 % */
    /* Le panneau, lui, doit porter seul la lisibilite : a 82 % le blanc tient
       5.4:1 meme sur la zone la plus claire du cliche. Un simple voile sur
       toute la photo aurait demande 77 % d'opacite partout. */
    --color-scrim-slide-panel: rgba(66, 5, 7, .82);
    --color-scrim-section:   rgba(255, 255, 255, .78);

    /* --- Focus : obligatoire et visible --- */
    --focus-ring: 0 0 0 3px rgba(156, 13, 17, .35);
}

/* --------------------------------------------------------------------------
   Boutons et liens
   -------------------------------------------------------------------------- */

.btn-primary,
.au-btn--green,
.au-btn--blue {
    background-color: var(--color-primary);
    border-color: var(--color-primary);
    color: var(--color-on-primary);
}

.btn-primary:hover,
.btn-primary:focus,
.au-btn--green:hover,
.au-btn--blue:hover {
    background-color: var(--color-primary-hover);
    border-color: var(--color-primary-hover);
    color: var(--color-on-primary);
}

.btn-primary:active,
.btn-primary.active,
.btn-primary:not(:disabled):not(.disabled):active {
    background-color: var(--color-primary-active);
    border-color: var(--color-primary-active);
    color: var(--color-on-primary);
}

.btn-primary:disabled,
.btn-primary.disabled {
    background-color: var(--color-primary-disabled);
    border-color: var(--color-primary-disabled);
    color: var(--color-on-primary);
    opacity: 1;             /* la couleur porte deja l'etat */
    cursor: not-allowed;
}

.btn-outline-primary {
    color: var(--color-primary);
    border-color: var(--color-primary);
}

.btn-outline-primary:hover,
.btn-outline-primary:focus {
    background-color: var(--color-primary);
    border-color: var(--color-primary);
    color: var(--color-on-primary);
}

a { color: var(--color-primary); }
a:hover, a:focus { color: var(--color-primary-hover); }

/* --------------------------------------------------------------------------
   Focus visible — ne jamais supprimer l'outline sans le remplacer
   -------------------------------------------------------------------------- */

.btn:focus-visible,
a:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible,
[tabindex]:focus-visible {
    outline: 2px solid var(--color-primary);
    outline-offset: 2px;
    box-shadow: var(--focus-ring);
}

.form-control:focus {
    border-color: var(--brand-400);
    box-shadow: var(--focus-ring);
}

/* --------------------------------------------------------------------------
   Utilitaires Bootstrap
   -------------------------------------------------------------------------- */

.text-primary   { color: var(--color-primary) !important; }
.bg-primary     { background-color: var(--color-primary) !important; }
.border-primary { border-color: var(--color-primary) !important; }
.badge-primary  { background-color: var(--color-primary); color: var(--color-on-primary); }

.text-danger  { color: var(--color-danger)  !important; }
.text-success { color: var(--color-success) !important; }
.text-warning { color: var(--color-warning) !important; }
.text-info    { color: var(--color-info)    !important; }

.custom-control-input:checked ~ .custom-control-label::before,
.page-item.active .page-link {
    background-color: var(--color-primary);
    border-color: var(--color-primary);
}

.page-link { color: var(--color-primary); }

/* ==========================================================================
   Familles semantiques Bootstrap heritees du theme achete

   Le theme figeait sa propre palette : or #FFC750 pour "warning", noir bleute
   #2E2F39 pour "dark", gris bleutes #3D405C / #71748D pour le texte et
   #E6E6F2 pour les bordures. C'est ce qui faisait encore apparaitre le noir
   et l'or de l'ancienne marque malgre le remplacement des accents.

   On reprend ici chaque famille pour l'aligner sur la palette Lekruu. Le
   !important reprend celui du theme : sans lui la surcharge ne passe pas.
   ========================================================================== */

/* --- warning : un vrai avertissement, plus l'ancien accent dore --- */
.btn-warning,
.btn-warning:hover,
.btn-warning:focus,
.btn-warning:not(:disabled):not(.disabled):active,
.show > .btn-warning.dropdown-toggle {
    background-color: var(--color-warning);
    border-color: var(--color-warning);
    color: #FFFFFF;                       /* 5.28:1 sur #8A5A00 */
}

.btn-outline-warning {
    color: var(--color-warning);
    border-color: var(--color-warning);
    background-color: transparent;
}

.btn-outline-warning:hover,
.btn-outline-warning:focus {
    background-color: var(--color-warning);
    border-color: var(--color-warning);
    color: #FFFFFF;
}

.bg-warning     { background-color: var(--color-warning) !important; color: #FFFFFF; }
.text-warning   { color: var(--color-warning) !important; }
.border-warning { border-color: var(--color-warning) !important; }
.badge-warning  { background-color: var(--color-warning); color: #FFFFFF; }

.alert-warning {
    color: #6B4600;
    background-color: #FDF3E0;
    border-color: #E8D3A8;
}

/* --- dark : bordeaux de marque, plus le noir du theme ---

   Le theme utilisait "dark" comme accent : bandeaux d en-tete de carte,
   lignes de titre de tableau. On garde une teinte foncee, mais de la marque.
   Les boutons btn-dark, qui portaient en fait l action principale, ont ete
   bascules en btn-primary dans les vues. */
.btn-dark,
.btn-dark:hover,
.btn-dark:focus,
.btn-dark:not(:disabled):not(.disabled):active {
    background-color: var(--brand-800);
    border-color: var(--brand-800);
    color: #FFFFFF;
}

.bg-dark, .bg-darks { background-color: var(--brand-800) !important; }
.text-dark { color: var(--neutral-800) !important; }

/* --- light --- */
.btn-light,
.btn-light:hover,
.btn-light:focus {
    background-color: var(--neutral-100);
    border-color: var(--neutral-200);
    color: var(--neutral-800);
}

.bg-light  { background-color: var(--neutral-50) !important; }
.text-light { color: var(--neutral-100) !important; }

/* --- succes, information, danger --- */
.btn-success, .btn-success:hover, .btn-success:focus,
.btn-success:not(:disabled):not(.disabled):active {
    background-color: var(--color-success);
    border-color: var(--color-success);
    color: #FFFFFF;
}

.btn-info, .btn-info:hover, .btn-info:focus,
.btn-info:not(:disabled):not(.disabled):active {
    background-color: var(--color-info);
    border-color: var(--color-info);
    color: #FFFFFF;
}

.btn-danger, .btn-danger:hover, .btn-danger:focus,
.btn-danger:not(:disabled):not(.disabled):active {
    background-color: var(--color-danger);
    border-color: var(--color-danger);
    color: #FFFFFF;
}

.btn-outline-success { color: var(--color-success); border-color: var(--color-success); }
.btn-outline-info    { color: var(--color-info);    border-color: var(--color-info); }
.btn-outline-danger  { color: var(--color-danger);  border-color: var(--color-danger); }

.bg-success { background-color: var(--color-success) !important; color: #FFFFFF; }
.bg-info    { background-color: var(--color-info)    !important; color: #FFFFFF; }
.bg-danger  { background-color: var(--color-danger)  !important; color: #FFFFFF; }

.badge-success { background-color: var(--color-success); color: #FFFFFF; }
.badge-info    { background-color: var(--color-info);    color: #FFFFFF; }
.badge-danger  { background-color: var(--color-danger);  color: #FFFFFF; }

.badge-dot.badge-success { background-color: var(--color-success); }
.badge-dot.badge-info    { background-color: var(--color-info); }
.badge-dot.badge-warning { background-color: var(--color-warning); }
.badge-dot.badge-danger  { background-color: var(--color-danger); }
.badge-dot.badge-primary { background-color: var(--color-primary); }

/* ==========================================================================
   Utilitaires numerotes du theme e-commerce (public/assets/css/util.css)

   Ce theme nommait ses couleurs par un numero plutot que par un role :
   .bg1 = #222222, .bg4 = #111111, .bg7 = #333333. Ce sont les boutons
   d'action de toute la boutique — "Ajouter au panier", "Commander",
   "Continuer", les pastilles de choix du pays, l'inscription du pied de
   page. Ils etaient noirs, l'ancienne marque associant le noir a l'or.

   .hov1 posait en plus du texte NOIR sur le survol rouge : illisible.
   ========================================================================== */

.bg0, .bg1, .bg4, .bg7 {
    background-color: var(--color-primary) !important;
    color: var(--color-on-primary);
}

.hov1:hover,
.hov1:focus {
    background-color: var(--color-primary-hover) !important;
    color: var(--color-on-primary) !important;
}

/* Ces boutons portent souvent une classe de texte du theme (m-text3,
   s-text1...) qui fixe sa propre couleur : on la reprend pour rester
   lisible sur le rouge. */
.bg0 .m-text3, .bg1 .m-text3, .bg4 .m-text3,
.bg0.m-text3,  .bg1.m-text3,  .bg4.m-text3,
.bg0.s-text1,  .bg1.s-text1,  .bg4.s-text1 {
    color: var(--color-on-primary);
}

/* --- pastilles de choix du pays : fond blanc, lisere rouge --- */
.btn-pays,
.btn-pays.bg4,
.btn-pays.bg1,
.btn-pays.m-text3 {
    background-color: var(--color-surface) !important;
    border: 2px solid var(--color-primary);
    color: var(--neutral-800) !important;      /* 11.61:1 sur blanc */
}

/* l'icone de fleche herite de la couleur du theme : on la ramene au rouge */
.btn-pays .fa,
.btn-pays i {
    color: var(--color-primary);
}

.btn-pays:hover,
.btn-pays:focus,
.btn-pays.hov1:hover {
    background-color: var(--brand-50) !important;
    border-color: var(--color-primary-hover);
    color: var(--brand-900) !important;        /* 16.71:1 sur brand-50 */
}

.btn-pays:hover .fa,
.btn-pays:hover i {
    color: var(--color-primary-hover);
}

/* Derniers aplats noirs des themes, releves par tools/check-dark-surfaces.php */
.sub_menu,
.item-menu-mobile,
.active-pagination {
    background-color: var(--color-primary) !important;
    color: var(--color-on-primary);
}

.header-icons-noti {
    background-color: var(--color-primary) !important;
    color: var(--color-on-primary);
}

.nav-user-info {
    background-color: var(--brand-800) !important;
    color: var(--color-on-primary);
}

/* --- en-tete du site public : le theme le figeait a #222 (noir) --- */
#header {
    background: var(--color-surface) !important;
    border-bottom: 1px solid var(--color-border);
    box-shadow: 0 1px 3px rgba(40, 42, 42, .06);
}

#header .nav-menu a,
#header .nav-menu a:focus {
    color: var(--neutral-700);
}

#header .nav-menu a:hover,
#header .nav-menu .active > a {
    color: var(--color-primary);
}

/* --- typographie et bordures : le theme les teintait en bleu --- */
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
    color: var(--neutral-800);
}

.border,
.border-top,
.border-bottom,
.border-left,
.border-right {
    border-color: var(--color-border) !important;
}

.dropdown-menu,
.card,
.modal-content,
.list-group-item {
    border-color: var(--color-border);
}

.table thead th,
.table td,
.table th {
    border-color: var(--color-border);
}

/* ==========================================================================
   Accueil de la boutique : lames du carrousel et bande services

   Le theme pose du texte blanc directement sur la photographie. Les visuels
   de la marque sont clairs : sans voile, le titre disparait. On ajoute donc
   un degrade de marque sous le contenu, jamais un aplat noir.
   ========================================================================== */

.item-slick1 {
    position: relative;
    background-position: center center;
}

.item-slick1::before {
    content: "";
    position: absolute;
    top: 0; right: 0; bottom: 0; left: 0;
    background: linear-gradient(180deg,
                var(--color-scrim-slide-top) 0%,
                var(--color-scrim-slide) 100%);
    pointer-events: none;
}

.item-slick1 .wrap-content-slide1 {
    position: relative;
    z-index: 1;
}

.item-slick1 .slide1-panel {
    display: flex;
    flex-direction: column;
    align-items: center;
    background-color: var(--color-scrim-slide-panel);
    padding: 1.75rem 2.5rem;
    border-radius: 6px;
    max-width: 46rem;
    margin-bottom: 2.25rem;
}

@media (max-width: 575px) {
    .item-slick1 .slide1-panel {
        padding: 1.25rem 1.25rem;
    }
}

/* Vignettes de categories : les visuels n'ont pas tous le meme rapport, ce qui
   creusait des trous dans la grille. On impose le cadrage plutot que de
   dependre du fichier depose. */
.banner .block1 > img {
    display: block;
    width: 100%;
    aspect-ratio: 4 / 3;
    object-fit: cover;
}

/* Icones de l'en-tete boutique : le theme livrait des PNG absents du depot,
   remplaces par la fonte d'icones. Elles n'heritent d'aucune taille. */
.header-wrapicon1 > .header-icon1,
.header-wrapicon2 > .header-icon1 {
    font-size: 22px;
    line-height: 1;
    color: var(--color-primary);
    vertical-align: middle;
}

.header-wrapicon1 > .header-icon1:hover,
.header-wrapicon2 > .header-icon1:hover {
    color: var(--color-primary-hover);
}

/* --- bande « Commande / Paiement / Livraison » --- */

.section-services {
    position: relative;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

.section-services::before {
    content: "";
    position: absolute;
    top: 0; right: 0; bottom: 0; left: 0;
    background-color: var(--color-scrim-section);
    pointer-events: none;
}

.section-services > * {
    position: relative;
    z-index: 1;
}

/* Le theme donnait #555 aux titres et #888 au texte : 3.54:1 sur blanc,
   sous le seuil AA avant meme d'ajouter une photographie dessous. */
.section-services .m-text12 {
    color: var(--neutral-800);
}

.section-services .s-text11 {
    color: var(--neutral-600);
}

/* ==========================================================================
   Ecrans d'authentification (.splash-container)

   La carte etait rouge de haut en bas : bandeau primaire portant un logo lui
   aussi rouge — donc invisible — et pied `bg-dark` (bordeaux) portant des
   liens rouges, illisibles. Le rouge se replie sur le bouton d'action et le
   lisere superieur ; le reste passe en surfaces claires.

   Traite ici plutot que dans les quatre vues d'authentification, qui posent
   toutes les memes classes heritees du theme (bg-dark, link-yellow).
   ========================================================================== */

.splash-container .card {
    border: 1px solid var(--color-border);
    /* Declare apres la bordure generale, sinon celle-ci en reprend la teinte. */
    border-top: 3px solid var(--color-primary);
}

.splash-container .card-header {
    background-color: var(--color-surface) !important;
    border-bottom: 1px solid var(--color-border);
    padding-top: 24px;
    padding-bottom: 24px;
}

.splash-container .card-footer,
.splash-container .card-footer.bg-dark {
    background-color: var(--color-surface-alt) !important;
    border-top: 1px solid var(--color-border);
}

.splash-container .card-footer a,
.splash-container .card-footer .footer-link,
.splash-container .card-footer .link-yellow {
    color: var(--color-primary);
}

.splash-container .card-footer a:hover,
.splash-container .card-footer a:focus,
.splash-container .card-footer .link-yellow:hover,
.splash-container .card-footer .link-yellow-hover-bg-dark:hover {
    color: var(--color-primary-hover);
    background-color: transparent;
}

.splash-container .card-footer-item-bordered:not(:last-child) {
    border-right: 1px solid var(--color-border);
}

/* ==========================================================================
   Navigation laterale du back-office
   (public/admin/assets/libs/css/style.css, regles .nav-left-sidebar /
   .sidebar-dark)

   Le theme achete y figeait trois aplats noirs :
     .sidebar-dark            background #222   -> surface claire de marque
     .submenu                 background #222   -> surface blanche
     .nav-link:hover/.active  color      #222   -> libelle noir sur le rouge

   La barre est claire et seul l'item courant porte le rouge primaire : c'est
   ce qui empeche le rouge de saturer l'ecran a cote de l'en-tete et des
   boutons. L'etat actif ne repose pas sur la seule couleur, un lisere a
   gauche le signale aussi par la forme (regle color-not-only).

   La classe .sidebar-dark reste dans le balisage du theme : la surcharger ici
   evite de toucher au theme et aux vues qui la posent.
   ========================================================================== */

.nav-left-sidebar,
.sidebar-dark {
    background-color: var(--color-nav-surface) !important;
    /* Barre claire sur page claire : sans lisere, elle se confond avec le
       contenu. */
    border-right: 1px solid var(--color-nav-border);
}

.nav-left-sidebar .navbar-nav .nav-link,
.sidebar-dark.nav-left-sidebar .navbar-nav .nav-link,
.nav-left-sidebar .nav-link i,
.sidebar-dark.nav-left-sidebar .nav-link i {
    color: var(--color-nav-text);
}

.nav-left-sidebar .nav-divider,
.sidebar-dark .nav-divider {
    color: var(--color-nav-text-muted);
}

/* survol et focus : fond de marque, libelle toujours clair */
.nav-left-sidebar .navbar-nav .nav-link:hover,
.nav-left-sidebar .navbar-nav .nav-link:focus,
.sidebar-dark.nav-left-sidebar .navbar-nav .nav-link:hover,
.sidebar-dark.nav-left-sidebar .navbar-nav .nav-link:focus {
    background-color: var(--color-nav-item-hover) !important;
    color: var(--color-nav-text) !important;
}

.nav-left-sidebar .navbar-nav .nav-link:hover i,
.nav-left-sidebar .navbar-nav .nav-link:focus i {
    color: var(--color-nav-text);
}

/* item actif : pastille claire, libelle bordeaux, lisere rouge a gauche */
.nav-left-sidebar .navbar-nav .nav-link.active,
.sidebar-dark.nav-left-sidebar .navbar-nav .nav-link.active {
    background-color: var(--color-nav-item-active) !important;
    color: var(--color-nav-on-item) !important;
    box-shadow: inset 3px 0 0 var(--color-nav-item-accent);
}

.nav-left-sidebar .navbar-nav .nav-link.active i,
.sidebar-dark.nav-left-sidebar .navbar-nav .nav-link.active i {
    color: var(--color-nav-on-item);
}

/* focus clavier : anneau visible sur fond sombre */
.nav-left-sidebar .navbar-nav .nav-link:focus-visible {
    outline: 2px solid var(--color-nav-text);
    outline-offset: -2px;
}

/* Sous-menus deplies.
   Le theme les cible avec six classes (.sidebar-dark.nav-left-sidebar .submenu
   .nav .nav-item .nav-link) : il faut reprendre le meme selecteur, sinon le
   #222 du theme l'emporte et les sous-menus restent noirs. */
.nav-left-sidebar .submenu,
.sidebar-dark.nav-left-sidebar .submenu {
    background-color: var(--color-nav-surface-raised);
    border-color: var(--color-nav-border);
}

.nav-left-sidebar .submenu .nav .nav-item .nav-link,
.sidebar-dark.nav-left-sidebar .submenu .nav .nav-item .nav-link {
    color: var(--color-nav-text);
    background-color: var(--color-nav-surface-raised);
}

.nav-left-sidebar .submenu .nav .nav-item .nav-link:hover,
.nav-left-sidebar .submenu .nav .nav-item .nav-link:focus,
.sidebar-dark.nav-left-sidebar .submenu .nav .nav-item .nav-link:hover,
.sidebar-dark.nav-left-sidebar .submenu .nav .nav-item .nav-link:active,
.sidebar-dark.nav-left-sidebar .submenu .nav .nav-item .nav-link:focus {
    background-color: var(--color-nav-item-hover);
    color: var(--color-nav-text);
}

/* item courant d'un sous-menu : meme traitement que le menu principal */
.nav-left-sidebar .submenu .nav .nav-item a.active,
.sidebar-dark.nav-left-sidebar .submenu .nav .nav-item a.active {
    background-color: var(--color-nav-item-active);
    color: var(--color-nav-on-item);
}

.nav-left-sidebar .navbar-toggler {
    background-color: var(--color-nav-surface-raised);
    border-color: var(--color-nav-border);
}

/* --------------------------------------------------------------------------
   Mode sombre — concu avec le mode clair, pas derive par inversion.

   Le rouge #9C0D11 est trop sombre sur fond sombre, et brand-400 ne donne que
   3.27:1 sur neutral-900 : sous le seuil AA. Le primaire remonte a brand-300.
   -------------------------------------------------------------------------- */



/* --------------------------------------------------------------------------
   Respect de prefers-reduced-motion
   -------------------------------------------------------------------------- */

@media (prefers-reduced-motion: reduce) {
    *,
    *::before,
    *::after {
        animation-duration: .01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: .01ms !important;
        scroll-behavior: auto !important;
    }
}