/* BELLEO - FORM_AND_SERVICES_POLISH_V58 */

/* ==========================================================
   FORMULAIRES GLOBAUX PROFESSIONNELS
   ========================================================== */

input.input,
select.select,
textarea.textarea,
input.in,
select.in,
textarea.in,
input.f-input,
select.f-select,
textarea.f-input {
    width:100%;
    max-width:100%;
    min-width:0;
    box-sizing:border-box;
    border:1px solid #ddcfc3;
    border-radius:13px;
    background-color:#fff;
    color:#34271f;
    font-family:"Plus Jakarta Sans",sans-serif;
    font-size:14px;
    font-weight:500;
    line-height:1.35;
    box-shadow:none;
    outline:0;
    transition:
        border-color .16s ease,
        box-shadow .16s ease,
        background-color .16s ease;
}

input.input,
select.select,
input.in,
select.in,
input.f-input,
select.f-select {
    height:50px;
    min-height:50px;
    padding:0 15px;
}

textarea.textarea,
textarea.in,
textarea.f-input {
    min-height:118px;
    padding:14px 15px;
    resize:vertical;
}

select.select,
select.in,
select.f-select {
    -webkit-appearance:none;
    appearance:none;
    padding-right:46px !important;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%236d594d' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m7 10 5 5 5-5'/%3E%3C/svg%3E");
    background-repeat:no-repeat;
    background-position:right 15px center;
    background-size:16px 16px;
}

input.input:hover,
select.select:hover,
textarea.textarea:hover,
input.in:hover,
select.in:hover,
textarea.in:hover,
input.f-input:hover,
select.f-select:hover {
    border-color:#c8b4a5;
}

input.input:focus,
select.select:focus,
textarea.textarea:focus,
input.in:focus,
select.in:focus,
textarea.in:focus,
input.f-input:focus,
select.f-select:focus {
    border-color:#9b5a32;
    box-shadow:0 0 0 4px rgba(155,90,50,.10);
}

input.input::placeholder,
textarea.textarea::placeholder,
input.in::placeholder,
textarea.in::placeholder,
input.f-input::placeholder {
    color:#b1a095;
    opacity:1;
}

.field {
    min-width:0;
}

.field-row,
.field-row.three {
    align-items:end;
    gap:15px;
}

.field-label,
.lbl {
    margin-bottom:7px;
    color:#8b786c;
    font-size:11px;
    font-weight:800;
    letter-spacing:.055em;
    line-height:1.25;
    text-transform:uppercase;
}

.field-help {
    margin-top:7px;
    color:#89776b;
    font-size:11.5px;
    line-height:1.55;
}

input[type="checkbox"],
input[type="radio"] {
    accent-color:#8a4b25;
}

/* ==========================================================
   CARTE DES PRESTATIONS
   ========================================================== */

.service-prestations-layout .service-editor {
    overflow:hidden;
    border-radius:18px;
    background:#fff;
}

.service-prestations-layout .service-editor > summary {
    display:grid !important;
    grid-template-columns:minmax(0,1fr) minmax(190px,220px) 34px;
    align-items:center !important;
    justify-content:initial !important;
    gap:18px;
    min-height:96px;
    padding:18px 20px !important;
    list-style:none;
}

.service-prestations-layout .service-editor > summary::-webkit-details-marker {
    display:none;
}

/* Ancienne structure HTML encore présente sur certaines cartes */
.service-prestations-layout .service-editor > summary > .row.grow {
    display:grid !important;
    grid-template-columns:14px minmax(0,1fr);
    align-items:start;
    gap:14px;
    min-width:0;
}

.service-prestations-layout
.service-editor
> summary
> .row.grow
> span:last-child {
    display:grid;
    gap:6px;
    min-width:0;
}

/* Nouvelle structure éventuelle */
.service-prestations-layout .service-summary-main {
    display:grid;
    grid-template-columns:14px minmax(0,1fr);
    align-items:start;
    gap:14px;
    min-width:0;
}

.service-prestations-layout .service-title-stack {
    display:grid;
    gap:7px;
    min-width:0;
}

.service-prestations-layout .category-dot {
    width:13px;
    height:13px;
    margin-top:4px;
    border-radius:999px;
    background:var(--category-color);
    box-shadow:0 0 0 4px color-mix(
        in srgb,
        var(--category-color) 13%,
        transparent
    );
}

.service-prestations-layout .service-name {
    display:block !important;
    min-width:0;
    color:#30231d;
    font-size:15.5px;
    font-weight:800;
    line-height:1.4;
    overflow-wrap:anywhere;
}

.service-prestations-layout .service-meta {
    display:flex !important;
    flex-wrap:wrap;
    align-items:center;
    gap:5px 0;
    min-width:0;
    margin:0 !important;
    color:#927f71;
    font-size:11.5px;
    font-weight:650;
    line-height:1.55;
    overflow-wrap:anywhere;
}

/* Ancienne chaîne textuelle : elle reste obligatoirement sous le titre */
.service-prestations-layout
.service-editor
> summary
> .row.grow
.service-meta {
    display:block !important;
}

/* Métadonnées structurées */
.service-prestations-layout .service-meta > span {
    display:inline-flex;
    align-items:center;
}

.service-prestations-layout .service-meta > span + span::before {
    content:"";
    width:4px;
    height:4px;
    margin:0 8px;
    border-radius:999px;
    background:#c3b1a5;
}

.service-prestations-layout .service-summary-side {
    display:grid !important;
    grid-template-columns:minmax(96px,auto) minmax(72px,auto);
    align-items:center !important;
    justify-content:end;
    gap:13px;
    min-width:0;
}

.service-prestations-layout .service-summary-side .badge {
    justify-self:end;
    white-space:nowrap;
}

.service-prestations-layout .service-price {
    display:block;
    min-width:72px;
    color:#30231d;
    font-family:"Instrument Serif",serif;
    font-size:20px;
    line-height:1.1;
    text-align:right;
    white-space:nowrap;
}

/* Bouton + / − vraiment indépendant du texte */
.service-prestations-layout .service-editor > summary::after {
    content:"+" !important;
    display:grid !important;
    place-items:center;
    width:34px;
    height:34px;
    margin:0 !important;
    border:1px solid #e3d6cc;
    border-radius:999px;
    background:#fbf7f3;
    color:#8a624a;
    font-family:Arial,sans-serif;
    font-size:20px;
    font-weight:500;
    line-height:1;
    transform:none !important;
}

.service-prestations-layout
.service-editor[open]
> summary::after {
    content:"−" !important;
}

.service-prestations-layout .service-editor[open] > summary {
    border-bottom:1px solid #eee3db;
    background:#fffdfa;
}

.service-prestations-layout .service-editor .accordion-body {
    padding:22px !important;
    background:#fff;
}

/* ==========================================================
   OPTIONS DE PRESTATION
   ========================================================== */

.service-prestations-layout .option-check-grid {
    gap:12px;
}

.service-prestations-layout .option-check-grid label {
    position:relative;
    display:grid;
    grid-template-columns:22px minmax(0,1fr);
    align-items:start;
    gap:12px;
    min-height:118px;
    padding:16px;
    border:1px solid #e4d7cd;
    border-radius:16px;
    background:#fff;
    cursor:pointer;
    transition:
        border-color .16s,
        background-color .16s,
        box-shadow .16s,
        transform .16s;
}

.service-prestations-layout .option-check-grid label:hover {
    border-color:#c9a78f;
    background:#fffaf6;
    transform:translateY(-1px);
}

.service-prestations-layout
.option-check-grid
label:has(input:checked) {
    border-color:#a5633b;
    background:#fff9f4;
    box-shadow:0 0 0 2px rgba(165,99,59,.08);
}

.service-prestations-layout .option-check-grid input {
    appearance:none;
    display:grid;
    place-items:center;
    width:21px;
    height:21px;
    margin:1px 0 0;
    border:1.5px solid #b9a79b;
    border-radius:7px;
    background:#fff;
}

.service-prestations-layout
.option-check-grid
input:checked {
    border-color:#8a4b25;
    background:#8a4b25;
}

.service-prestations-layout
.option-check-grid
input:checked::after {
    content:"✓";
    color:#fff;
    font-size:14px;
    font-weight:900;
    line-height:1;
}

.service-prestations-layout .option-check-grid strong {
    font-size:13px;
    line-height:1.35;
}

.service-prestations-layout .option-check-grid small {
    font-size:11.5px;
    line-height:1.55;
}

/* ==========================================================
   COLONNE CATÉGORIES
   ========================================================== */

.service-prestations-layout .service-sidebar {
    position:sticky;
    top:88px;
    align-self:start;
    min-width:0;
}

.service-prestations-layout .service-sidebar .card {
    min-width:0;
    padding:22px;
}

.service-prestations-layout
.service-sidebar
form.stack {
    gap:13px;
}

.service-prestations-layout
.service-sidebar
input.input,
.service-prestations-layout
.service-sidebar
select.select,
.service-prestations-layout
.service-sidebar
button.btn {
    width:100%;
    min-height:50px;
    box-sizing:border-box;
}

.service-prestations-layout
.service-sidebar
select.select {
    padding-right:46px !important;
}

.service-prestations-layout
.service-sidebar
button.btn {
    border-radius:13px;
}

.service-prestations-layout .category-item {
    gap:10px;
    padding:11px;
}

.service-prestations-layout .category-item-form {
    display:grid !important;
    grid-template-columns:minmax(0,1fr) 46px;
    align-items:center;
    gap:8px;
    width:100%;
}

/* ==========================================================
   RESPONSIVE
   ========================================================== */

@media(max-width:1100px) {
    .service-prestations-layout .service-editor > summary {
        grid-template-columns:minmax(0,1fr) minmax(175px,205px) 34px;
        gap:14px;
    }
}

@media(max-width:900px) {
    .service-prestations-layout .service-editor > summary {
        grid-template-columns:minmax(0,1fr) 34px;
        min-height:104px;
    }

    .service-prestations-layout
    .service-editor
    > summary::after {
        grid-column:2;
        grid-row:1 / span 2;
        align-self:center;
    }

    .service-prestations-layout
    .service-editor
    > summary
    > .row.grow,
    .service-prestations-layout .service-summary-main {
        grid-column:1;
        grid-row:1;
    }

    .service-prestations-layout .service-summary-side {
        grid-column:1;
        grid-row:2;
        grid-template-columns:auto auto;
        justify-content:start;
        padding-left:28px;
    }

    .service-prestations-layout
    .service-summary-side
    .badge {
        justify-self:start;
    }

    .service-prestations-layout .service-price {
        text-align:left;
    }

    .service-prestations-layout .service-sidebar {
        position:static;
    }
}

@media(max-width:680px) {
    input.input,
    select.select,
    textarea.textarea,
    input.in,
    select.in,
    textarea.in,
    input.f-input,
    select.f-select {
        font-size:16px;
    }

    .service-prestations-layout .service-editor > summary {
        padding:16px !important;
    }

    .service-prestations-layout .service-name {
        font-size:14.5px;
    }

    .service-prestations-layout .service-meta {
        font-size:11px;
    }

    .service-prestations-layout .service-editor .accordion-body {
        padding:16px !important;
    }

    .service-prestations-layout .field-row,
    .service-prestations-layout .field-row.three {
        grid-template-columns:1fr !important;
    }

    .service-prestations-layout .option-check-grid {
        grid-template-columns:1fr;
    }

    .service-prestations-layout .option-check-grid label {
        min-height:auto;
    }
}


/* PRESTATIONS_ALIGNMENT_V60 */

/* ==========================================================
   ALIGNEMENT DES FORMULAIRES
   ========================================================== */

/*
 * La règle globale .field:last-child supprimait la marge du
 * champ de droite. Avec align-items:end, il descendait alors
 * systématiquement par rapport au champ de gauche.
 */
.field-row,
.field-row.three{
    align-items:start!important;
}

.field-row>.field,
.field-row.three>.field{
    align-self:start!important;
    margin-top:0!important;
    margin-bottom:0!important;
}

.field-row>.field>.field-label,
.field-row.three>.field>.field-label{
    min-height:15px;
    margin-top:0!important;
    margin-bottom:8px!important;
}

/* Préfixe monétaire sans chevauchement. */
.input-prefix{
    position:relative!important;
    display:block!important;
    width:100%;
}

.input-prefix>span{
    position:absolute!important;
    z-index:2;
    top:50%!important;
    left:16px!important;
    margin:0!important;
    color:#947f70!important;
    font-size:14px!important;
    line-height:1!important;
    transform:translateY(-50%)!important;
    pointer-events:none;
}

.input-prefix>input.input,
.input-prefix>input.in,
.input-prefix>input.f-input{
    padding-left:42px!important;
}

/* Retrait des doubles flèches natives disgracieuses. */
input[type="number"].input,
input[type="number"].in,
input[type="number"].f-input{
    appearance:textfield;
    -moz-appearance:textfield;
}

input[type="number"].input::-webkit-inner-spin-button,
input[type="number"].input::-webkit-outer-spin-button,
input[type="number"].in::-webkit-inner-spin-button,
input[type="number"].in::-webkit-outer-spin-button,
input[type="number"].f-input::-webkit-inner-spin-button,
input[type="number"].f-input::-webkit-outer-spin-button{
    margin:0;
    -webkit-appearance:none;
}

/* ==========================================================
   MÉTADONNÉES DES PRESTATIONS
   ========================================================== */

.service-prestations-layout .service-meta{
    display:flex!important;
    flex-wrap:wrap!important;
    align-items:center!important;
    gap:0!important;
    max-width:100%;
    line-height:1.6!important;
}

/*
 * Chaque segment forme une unité :
 * le tiret part avec le texte suivant lors d’un retour à la ligne.
 */
.service-prestations-layout .service-meta>span{
    display:inline-flex!important;
    align-items:center;
    white-space:nowrap;
}

.service-prestations-layout .service-meta>span+span::before{
    content:"–"!important;
    display:inline!important;
    flex:0 0 auto;
    width:auto!important;
    height:auto!important;
    margin:0 9px!important;
    border-radius:0!important;
    background:none!important;
    color:#b09b8e!important;
    font-size:12px;
    font-weight:600;
}

/* ==========================================================
   CARTES DES OPTIONS
   ========================================================== */

.service-prestations-layout .option-check-grid{
    align-items:stretch!important;
    grid-auto-rows:1fr;
}

.service-prestations-layout .option-check-grid>label{
    height:100%;
    min-height:142px;
    box-sizing:border-box;
}

.service-prestations-layout .option-check-grid>label>span{
    align-content:start;
}

.service-prestations-layout .option-check-grid strong{
    min-height:35px;
    display:flex;
    align-items:flex-start;
}

/* ==========================================================
   ESPACEMENT DU FORMULAIRE OUVERT
   ========================================================== */

.service-prestations-layout
.service-editor
.accordion-body
>form.stack{
    gap:20px!important;
}

.service-prestations-layout
.service-editor
.accordion-body{
    padding:24px!important;
}

.service-prestations-layout .color-swatches{
    margin-top:2px;
}

/* Mobile */
@media(max-width:680px){
    .service-prestations-layout .option-check-grid>label{
        min-height:auto;
    }

    .service-prestations-layout .option-check-grid strong{
        min-height:0;
    }

    .service-prestations-layout .service-meta>span{
        white-space:normal;
    }
}


/* GLOBAL_FILE_PICKER_V61 */

/* Le statut technique Stripe reste disponible côté serveur,
   mais n’est plus affiché à la professionnelle. */
.card:has(.technical-status-title),
.panel:has(.technical-status-title){
    display:none!important;
}

.technical-status-title{
    display:none!important;
}

/* Sélecteur de fichiers BELLEO */
.belleo-file-picker{
    position:relative;
    display:grid;
    grid-template-columns:auto minmax(0,1fr);
    align-items:center;
    gap:13px;
    width:100%;
    min-width:0;
    min-height:54px;
    padding:6px;
    box-sizing:border-box;
    overflow:hidden;
    border:1px solid #ddcfc3;
    border-radius:14px;
    background:#fff;
    cursor:pointer;
    transition:
        border-color .16s ease,
        box-shadow .16s ease,
        background-color .16s ease;
}

.belleo-file-picker:hover{
    border-color:#c5aa98;
    background:#fffaf6;
}

.belleo-file-picker:focus-within{
    border-color:#9b5a32;
    box-shadow:0 0 0 4px rgba(155,90,50,.10);
}

.belleo-file-picker-button{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:40px;
    padding:0 15px;
    border-radius:10px;
    background:#f2e6dc;
    color:#7f4525;
    font-size:12px;
    font-weight:800;
    line-height:1.2;
    white-space:nowrap;
}

.belleo-file-picker-button::before{
    content:"＋";
    margin-right:7px;
    font-size:15px;
    font-weight:600;
    line-height:1;
}

.belleo-file-picker-name{
    display:block;
    min-width:0;
    overflow:hidden;
    color:#99877b;
    font-size:12.5px;
    font-weight:550;
    line-height:1.4;
    text-overflow:ellipsis;
    white-space:nowrap;
}

.belleo-file-picker.has-file{
    border-color:#bd9377;
    background:#fffaf6;
}

.belleo-file-picker.has-file
.belleo-file-picker-name{
    color:#48372d;
    font-weight:650;
}

/* Le vrai champ reste actif et accessible,
   mais devient entièrement invisible. */
.belleo-file-picker>input[type="file"]{
    position:absolute!important;
    z-index:3;
    inset:0;
    width:100%!important;
    height:100%!important;
    min-height:0!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    border-radius:inherit!important;
    opacity:0!important;
    cursor:pointer;
}

/* Sélecteurs placés dans les zones de séance */
.session-upload .belleo-file-picker{
    margin-top:10px;
    min-height:48px;
    background:#fff;
}

.session-upload
.belleo-file-picker-button{
    min-height:36px;
    padding:0 11px;
    font-size:10.5px;
}

.session-upload
.belleo-file-picker-name{
    font-size:10.5px;
}

/* Zones boutique et galerie */
.upload-zone .belleo-file-picker{
    margin-top:12px;
    text-align:left;
}

@media(max-width:680px){
    .belleo-file-picker{
        grid-template-columns:1fr;
        gap:7px;
        padding:7px;
    }

    .belleo-file-picker-button{
        width:100%;
        box-sizing:border-box;
    }

    .belleo-file-picker-name{
        padding:3px 7px 5px;
        text-align:center;
    }
}


/* BOUTIQUE_UPLOAD_DIRECT_V62 */

#editor-identite .grid-2{
    align-items:stretch;
    gap:18px;
}

.boutique-photo-card{
    display:flex;
    flex-direction:column;
    align-items:stretch;
    gap:14px;
    height:100%;
    min-height:0;
    padding:22px!important;
    box-sizing:border-box;
    border:1px solid #e4d7cc!important;
    border-radius:20px!important;
    background:#fffdfb!important;
    text-align:center;
    cursor:default!important;
}

.boutique-photo-card:hover{
    border-color:#d6c3b5!important;
    background:#fffdfb!important;
}

.boutique-photo-preview{
    width:100%;
    height:112px;
    overflow:hidden;
    border-radius:16px;
    background:#f4ede7;
}

.boutique-photo-preview.is-profile{
    display:grid;
    place-items:center;
    background:#faf4ef;
}

.boutique-photo-preview.is-profile img{
    width:94px;
    height:94px;
    object-fit:cover;
    border-radius:24px;
}

.boutique-photo-preview.is-cover{
    background-position:center!important;
    background-size:cover!important;
}

.boutique-upload-copy{
    display:grid;
    gap:4px;
}

.boutique-upload-copy strong{
    color:#33261f;
    font-size:14px;
    line-height:1.35;
}

.boutique-upload-copy span{
    color:#998579;
    font-size:11.5px;
    line-height:1.45;
}

.belleo-upload-control{
    position:relative;
    display:grid;
    grid-template-columns:auto minmax(0,1fr);
    align-items:center;
    gap:12px;
    width:100%;
    min-height:56px;
    padding:7px;
    box-sizing:border-box;
    overflow:hidden;
    border:1px solid #ddcec2;
    border-radius:14px;
    background:#fff;
    cursor:pointer;
    transition:
        border-color .16s ease,
        box-shadow .16s ease,
        background-color .16s ease;
}

.belleo-upload-control:hover{
    border-color:#bc9378;
    background:#fffaf6;
}

.belleo-upload-control:focus-within{
    border-color:#9b5a32;
    box-shadow:0 0 0 4px rgba(155,90,50,.1);
}

.belleo-upload-action{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:42px;
    padding:0 15px;
    border-radius:10px;
    background:#f1e5db;
    color:#7d4525;
    font-size:12px;
    font-weight:800;
    white-space:nowrap;
}

.belleo-upload-action::before{
    content:"+";
    margin-right:7px;
    font-size:17px;
    font-weight:500;
}

.belleo-upload-name{
    min-width:0;
    overflow:hidden;
    color:#98877b;
    font-size:12px;
    font-weight:550;
    text-align:left;
    text-overflow:ellipsis;
    white-space:nowrap;
}

.belleo-upload-control.has-file{
    border-color:#b98767;
    background:#fff9f4;
}

.belleo-upload-control.has-file .belleo-upload-name{
    color:#45342b;
    font-weight:700;
}

.belleo-upload-input{
    position:absolute!important;
    z-index:5;
    inset:0;
    width:100%!important;
    height:100%!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    opacity:0!important;
    cursor:pointer;
}

.boutique-upload-submit{
    min-height:50px;
    margin-top:auto!important;
    border-radius:13px!important;
}

.boutique-account-notice{
    margin-top:18px!important;
    padding:17px 19px!important;
    border:1px solid #e4d7cc!important;
    border-radius:16px!important;
    background:#fbf6f1!important;
    color:#6b584c!important;
    box-shadow:none!important;
}

.boutique-account-notice a{
    color:#7d4525!important;
    text-decoration-color:#c59a7d!important;
}

.boutique-gallery-upload-row{
    margin-top:14px;
    align-items:start!important;
}

.boutique-gallery-upload-row .belleo-upload-control,
.boutique-gallery-upload-row .input{
    min-height:50px;
}

@media(max-width:680px){
    .belleo-upload-control{
        grid-template-columns:1fr;
        gap:7px;
    }

    .belleo-upload-action{
        width:100%;
        box-sizing:border-box;
    }

    .belleo-upload-name{
        padding:2px 7px 5px;
        text-align:center;
    }

    .boutique-photo-card{
        padding:17px!important;
    }
}

/* BOUTIQUE_UPLOAD_CENTERED_V63 */

.boutique-photo-card .belleo-upload-control{
    display:grid!important;
    grid-template-columns:1fr!important;
    justify-items:stretch;
    align-items:center;
    gap:7px!important;
    min-height:0!important;
    padding:7px!important;
    border-radius:15px!important;
    background:#fff!important;
}

.boutique-photo-card .belleo-upload-action{
    display:flex!important;
    align-items:center;
    justify-content:center;
    width:100%;
    min-height:46px!important;
    padding:0 16px!important;
    box-sizing:border-box;
    border-radius:11px!important;
    background:#f2e5dc!important;
    color:#76513c!important;
    font-size:12.5px!important;
    font-weight:800!important;
    text-align:center;
}

.boutique-photo-card .belleo-upload-action::before{
    content:"+"!important;
    display:grid;
    place-items:center;
    width:22px;
    height:22px;
    margin-right:9px!important;
    border-radius:999px;
    background:rgba(255,255,255,.65);
    color:#875439;
    font-size:17px!important;
    font-weight:500;
    line-height:1;
}

.boutique-photo-card .belleo-upload-name{
    display:block;
    width:100%;
    min-height:18px;
    padding:1px 10px 3px;
    box-sizing:border-box;
    color:#9a887c!important;
    font-size:11.5px!important;
    line-height:1.4;
    text-align:center!important;
    text-overflow:ellipsis;
    white-space:nowrap;
    overflow:hidden;
}

.boutique-photo-card .belleo-upload-control.has-file{
    border-color:#bd957b!important;
    background:#fffaf6!important;
}

.boutique-photo-card .belleo-upload-control.has-file .belleo-upload-name{
    color:#4a392f!important;
    font-weight:700!important;
}

.boutique-photo-card .belleo-upload-control:hover .belleo-upload-action{
    background:#ead8ca!important;
}


/* UPLOAD_PLUS_PERFECT_CENTER_V64 */
.boutique-photo-card .belleo-upload-action::before{
    content:""!important;
    display:block!important;
    flex:0 0 24px;
    width:24px!important;
    height:24px!important;
    margin:0 10px 0 0!important;
    border-radius:50%;
    background:
        linear-gradient(#875439,#875439) center / 10px 2px no-repeat,
        linear-gradient(#875439,#875439) center / 2px 10px no-repeat,
        rgba(255,255,255,.72)!important;
    line-height:0!important;
}