/* CDG Studio — Carte de visite responsive */
.cdg-vcard-wrapper,
.cdg-vcard-wrapper *{box-sizing:border-box;}

.cdg-vcard-wrapper{
    --cdg-vcard-active-align:var(--cdg-vcard-align-desktop,center);
    --cdg-vcard-active-width:var(--cdg-vcard-trigger-width-desktop,auto);
    --cdg-vcard-active-margin-y:var(--cdg-vcard-margin-y-desktop,25px);
    --cdg-vcard-active-py:var(--cdg-vcard-trigger-py-desktop,14px);
    --cdg-vcard-active-px:var(--cdg-vcard-trigger-px-desktop,28px);
    --cdg-vcard-active-radius:var(--cdg-vcard-trigger-radius-desktop,50px);
    --cdg-vcard-active-font-size:var(--cdg-vcard-trigger-font-size-desktop,16px);
    --cdg-vcard-active-font-weight:var(--cdg-vcard-trigger-font-weight-desktop,700);
    --cdg-vcard-active-bg-start:var(--cdg-vcard-trigger-bg-start-desktop,#002C73);
    --cdg-vcard-active-bg-end:var(--cdg-vcard-trigger-bg-end-desktop,#00ADBD);
    --cdg-vcard-active-text:var(--cdg-vcard-trigger-text-desktop,#fff);
    --cdg-vcard-active-shadow-alpha:var(--cdg-vcard-trigger-shadow-alpha-desktop,.18);
    --cdg-vcard-active-shadow-rgb:var(--cdg-vcard-trigger-shadow-rgb-desktop,0,44,115);

    --cdg-vcard-active-card-position:var(--cdg-vcard-card-position-desktop,absolute);
    --cdg-vcard-active-card-top:var(--cdg-vcard-card-top-desktop,100%);
    --cdg-vcard-active-card-left:var(--cdg-vcard-card-left-desktop,50%);
    --cdg-vcard-active-card-margin-top:var(--cdg-vcard-card-margin-top-desktop,8px);
    --cdg-vcard-active-card-transform-closed:var(--cdg-vcard-card-transform-closed-desktop,translateX(-50%) translateY(8px));
    --cdg-vcard-active-card-transform-open:var(--cdg-vcard-card-transform-open-desktop,translateX(-50%) translateY(0));
    --cdg-vcard-active-card-width:var(--cdg-vcard-card-width-desktop,440px);
    --cdg-vcard-active-card-max-height:var(--cdg-vcard-card-max-height-desktop,90vh);
    --cdg-vcard-active-card-radius:var(--cdg-vcard-card-radius-desktop,30px);
    --cdg-vcard-active-card-py:var(--cdg-vcard-card-py-desktop,26px);
    --cdg-vcard-active-card-px:var(--cdg-vcard-card-px-desktop,28px);
    --cdg-vcard-active-card-text-align:var(--cdg-vcard-card-text-align-desktop,center);
    --cdg-vcard-active-card-bg-start:var(--cdg-vcard-card-bg-start-desktop,#fff);
    --cdg-vcard-active-card-bg-end:var(--cdg-vcard-card-bg-end-desktop,#eef8fa);
    --cdg-vcard-active-card-border-color:var(--cdg-vcard-card-border-color-desktop,#d9e7ec);
    --cdg-vcard-active-card-border-width:var(--cdg-vcard-card-border-width-desktop,0px);
    --cdg-vcard-active-card-shadow-alpha:var(--cdg-vcard-card-shadow-alpha-desktop,.18);
    --cdg-vcard-active-card-shadow-rgb:var(--cdg-vcard-card-shadow-rgb-desktop,0,44,115);

    --cdg-vcard-active-media-display:var(--cdg-vcard-media-display-desktop,flex);
    --cdg-vcard-active-media-direction:var(--cdg-vcard-media-direction-desktop,row);
    --cdg-vcard-active-logo-display:var(--cdg-vcard-logo-display-desktop,block);
    --cdg-vcard-active-qr-display:var(--cdg-vcard-qr-display-desktop,block);
    --cdg-vcard-active-logo-width:var(--cdg-vcard-logo-width-desktop,185px);
    --cdg-vcard-active-qr-size:var(--cdg-vcard-qr-size-desktop,130px);
    --cdg-vcard-active-media-gap:var(--cdg-vcard-media-gap-desktop,24px);
    --cdg-vcard-active-media-margin-bottom:var(--cdg-vcard-media-margin-bottom-desktop,18px);

    --cdg-vcard-active-show-name:var(--cdg-vcard-show-name-desktop,block);
    --cdg-vcard-active-show-job:var(--cdg-vcard-show-job-desktop,block);
    --cdg-vcard-active-show-company:var(--cdg-vcard-show-company-desktop,block);
    --cdg-vcard-active-show-phone:var(--cdg-vcard-show-phone-desktop,block);
    --cdg-vcard-active-show-email:var(--cdg-vcard-show-email-desktop,block);
    --cdg-vcard-active-show-website:var(--cdg-vcard-show-website-desktop,block);
    --cdg-vcard-active-show-download:var(--cdg-vcard-show-download-desktop,inline-flex);

    --cdg-vcard-active-title-font-size:var(--cdg-vcard-title-font-size-desktop,26px);
    --cdg-vcard-active-title-font-weight:var(--cdg-vcard-title-font-weight-desktop,900);
    --cdg-vcard-active-title-color:var(--cdg-vcard-title-color-desktop,#002C73);
    --cdg-vcard-active-title-margin-bottom:var(--cdg-vcard-title-margin-bottom-desktop,8px);
    --cdg-vcard-active-job-font-size:var(--cdg-vcard-job-font-size-desktop,16px);
    --cdg-vcard-active-job-font-weight:var(--cdg-vcard-job-font-weight-desktop,700);
    --cdg-vcard-active-job-color:var(--cdg-vcard-job-color-desktop,#2C343E);
    --cdg-vcard-active-company-font-size:var(--cdg-vcard-company-font-size-desktop,16px);
    --cdg-vcard-active-company-font-weight:var(--cdg-vcard-company-font-weight-desktop,400);
    --cdg-vcard-active-company-color:var(--cdg-vcard-company-color-desktop,#2C343E);
    --cdg-vcard-active-contact-font-size:var(--cdg-vcard-contact-font-size-desktop,16px);
    --cdg-vcard-active-contact-font-weight:var(--cdg-vcard-contact-font-weight-desktop,400);
    --cdg-vcard-active-contact-color:var(--cdg-vcard-contact-color-desktop,#2C343E);
    --cdg-vcard-active-line-height:var(--cdg-vcard-text-line-height-desktop,1.4);
    --cdg-vcard-active-paragraph-gap:var(--cdg-vcard-paragraph-gap-desktop,5px);

    --cdg-vcard-active-download-font-size:var(--cdg-vcard-download-font-size-desktop,15px);
    --cdg-vcard-active-download-font-weight:var(--cdg-vcard-download-font-weight-desktop,800);
    --cdg-vcard-active-download-py:var(--cdg-vcard-download-py-desktop,12px);
    --cdg-vcard-active-download-px:var(--cdg-vcard-download-px-desktop,22px);
    --cdg-vcard-active-download-radius:var(--cdg-vcard-download-radius-desktop,999px);
    --cdg-vcard-active-download-margin-top:var(--cdg-vcard-download-margin-top-desktop,18px);
    --cdg-vcard-active-download-bg:var(--cdg-vcard-download-bg-desktop,#002C73);
    --cdg-vcard-active-download-text:var(--cdg-vcard-download-text-desktop,#fff);
    --cdg-vcard-active-download-shadow-alpha:var(--cdg-vcard-download-shadow-alpha-desktop,.18);
    --cdg-vcard-active-download-shadow-rgb:var(--cdg-vcard-download-shadow-rgb-desktop,0,44,115);

    --cdg-vcard-active-close-size:var(--cdg-vcard-close-size-desktop,30px);
    --cdg-vcard-active-close-font-size:var(--cdg-vcard-close-font-size-desktop,22px);
    --cdg-vcard-active-close-color:var(--cdg-vcard-close-color-desktop,#002C73);
    --cdg-vcard-active-close-bg-rgb:var(--cdg-vcard-close-bg-rgb-desktop,255,255,255);
    --cdg-vcard-active-close-bg-alpha:var(--cdg-vcard-close-bg-alpha-desktop,0);
    --cdg-vcard-active-close-top:var(--cdg-vcard-close-top-desktop,12px);
    --cdg-vcard-active-close-right:var(--cdg-vcard-close-right-desktop,14px);

    position:relative;
    width:100%;
    display:flex;
    justify-content:var(--cdg-vcard-active-align)!important;
    margin:var(--cdg-vcard-active-margin-y) 0!important;
    font-family:"Segoe UI",Arial,sans-serif;
}

.cdg-vcard-wrapper .cdg-vcard-trigger,
.cdg-vcard-wrapper[data-cdg-vcard] > .cdg-vcard-trigger{
    display:inline-flex!important;
    align-items:center;
    justify-content:center;
    width:var(--cdg-vcard-active-width)!important;
    min-width:0!important;
    max-width:100%!important;
    padding:var(--cdg-vcard-active-py) var(--cdg-vcard-active-px)!important;
    border:0!important;
    border-radius:var(--cdg-vcard-active-radius)!important;
    background:linear-gradient(135deg,var(--cdg-vcard-active-bg-start),var(--cdg-vcard-active-bg-end))!important;
    color:var(--cdg-vcard-active-text)!important;
    font-size:var(--cdg-vcard-active-font-size)!important;
    font-weight:var(--cdg-vcard-active-font-weight)!important;
    line-height:1.15;
    text-align:center;
    text-decoration:none!important;
    overflow-wrap:anywhere;
    box-shadow:0 8px 20px rgba(var(--cdg-vcard-active-shadow-rgb),var(--cdg-vcard-active-shadow-alpha))!important;
    transition:transform .25s ease,box-shadow .25s ease;
    cursor:pointer;
    appearance:none;
    -webkit-appearance:none;
}
.cdg-vcard-wrapper .cdg-vcard-trigger:hover,
.cdg-vcard-wrapper .cdg-vcard-trigger:focus-visible{
    transform:translateY(-2px) scale(1.04);
    outline:none;
    box-shadow:0 12px 28px rgba(var(--cdg-vcard-active-shadow-rgb),calc(var(--cdg-vcard-active-shadow-alpha) + .08))!important;
}
.cdg-vcard-trigger-label{display:none;}
.cdg-vcard-trigger-label.is-desktop{display:inline;}

.cdg-vcard-card{
    position:var(--cdg-vcard-active-card-position)!important;
    top:var(--cdg-vcard-active-card-top)!important;
    left:var(--cdg-vcard-active-card-left)!important;
    right:auto!important;
    bottom:auto!important;
    margin-top:var(--cdg-vcard-active-card-margin-top)!important;
    width:var(--cdg-vcard-active-card-width)!important;
    inline-size:var(--cdg-vcard-active-card-width)!important;
    min-width:0!important;
    min-inline-size:0!important;
    max-width:calc(100vw - 32px)!important;
    max-inline-size:calc(100vw - 32px)!important;
    max-height:var(--cdg-vcard-active-card-max-height)!important;
    overflow-x:hidden;
    overflow-y:auto;
    padding:var(--cdg-vcard-active-card-py) var(--cdg-vcard-active-card-px)!important;
    border:var(--cdg-vcard-active-card-border-width) solid var(--cdg-vcard-active-card-border-color)!important;
    border-radius:var(--cdg-vcard-active-card-radius)!important;
    background:linear-gradient(135deg,var(--cdg-vcard-active-card-bg-start),var(--cdg-vcard-active-card-bg-end))!important;
    box-shadow:0 18px 45px rgba(var(--cdg-vcard-active-card-shadow-rgb),var(--cdg-vcard-active-card-shadow-alpha))!important;
    text-align:var(--cdg-vcard-active-card-text-align)!important;
    color:var(--cdg-vcard-active-contact-color)!important;
    opacity:0;
    visibility:hidden;
    pointer-events:none;
    transform:var(--cdg-vcard-active-card-transform-closed)!important;
    transition:opacity .25s ease,visibility .25s ease,transform .25s ease;
    z-index:var(--cdg-vcard-z,999)!important;
    scrollbar-width:thin;
}
.cdg-invisible-bridge{display:none!important;}
.cdg-vcard-card::before{
    content:"";
    position:absolute;
    top:-14px;
    left:0;
    right:0;
    height:14px;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
    pointer-events:auto;
}
.cdg-vcard-wrapper[data-open-mode="hover_click"] .cdg-vcard-trigger:hover ~ .cdg-vcard-card,
.cdg-vcard-wrapper[data-open-mode="hover_click"] .cdg-vcard-card:hover,
.cdg-vcard-wrapper.is-open .cdg-vcard-card{
    opacity:1;
    visibility:visible;
    pointer-events:auto;
    transform:var(--cdg-vcard-active-card-transform-open)!important;
}

.cdg-vcard-close{
    position:absolute!important;
    top:var(--cdg-vcard-active-close-top)!important;
    right:var(--cdg-vcard-active-close-right)!important;
    display:inline-flex!important;
    align-items:center;
    justify-content:center;
    width:var(--cdg-vcard-active-close-size)!important;
    height:var(--cdg-vcard-active-close-size)!important;
    padding:0!important;
    border:0!important;
    border-radius:999px!important;
    background:rgba(var(--cdg-vcard-active-close-bg-rgb),var(--cdg-vcard-active-close-bg-alpha))!important;
    color:var(--cdg-vcard-active-close-color)!important;
    font-size:var(--cdg-vcard-active-close-font-size)!important;
    font-weight:500;
    line-height:1!important;
    cursor:pointer;
}

.cdg-vcard-top{
    display:var(--cdg-vcard-active-media-display)!important;
    flex-direction:var(--cdg-vcard-active-media-direction)!important;
    flex-wrap:wrap;
    justify-content:center;
    align-items:center;
    gap:var(--cdg-vcard-active-media-gap)!important;
    margin:0 auto var(--cdg-vcard-active-media-margin-bottom)!important;
}
.cdg-vcard-logo-box{
    display:var(--cdg-vcard-active-logo-display)!important;
    width:var(--cdg-vcard-active-logo-width)!important;
    max-width:100%;
    flex:0 1 var(--cdg-vcard-active-logo-width)!important;
}
.cdg-vcard-qr-box{
    display:var(--cdg-vcard-active-qr-display)!important;
    width:var(--cdg-vcard-active-qr-size)!important;
    height:var(--cdg-vcard-active-qr-size)!important;
    max-width:100%;
    flex:0 0 var(--cdg-vcard-active-qr-size)!important;
    background:transparent;
}
.cdg-vcard-logo-box img,
.cdg-vcard-qr-box img{display:block;width:100%!important;height:auto!important;margin:0!important;padding:0!important;object-fit:contain;}
.cdg-vcard-qr-box img{height:100%!important;}

.cdg-vcard-card h3,
.cdg-vcard-card .cdg-vcard-name{
    display:var(--cdg-vcard-active-show-name)!important;
    margin:0 0 var(--cdg-vcard-active-title-margin-bottom)!important;
    color:var(--cdg-vcard-active-title-color)!important;
    font-size:var(--cdg-vcard-active-title-font-size)!important;
    line-height:var(--cdg-vcard-active-line-height)!important;
    font-weight:var(--cdg-vcard-active-title-font-weight)!important;
}
.cdg-vcard-card p{
    margin:var(--cdg-vcard-active-paragraph-gap) 0!important;
    color:var(--cdg-vcard-active-contact-color)!important;
    font-size:var(--cdg-vcard-active-contact-font-size)!important;
    font-weight:var(--cdg-vcard-active-contact-font-weight)!important;
    line-height:var(--cdg-vcard-active-line-height)!important;
    overflow-wrap:anywhere;
}
.cdg-vcard-card .cdg-vcard-job{display:var(--cdg-vcard-active-show-job)!important;color:var(--cdg-vcard-active-job-color)!important;font-size:var(--cdg-vcard-active-job-font-size)!important;font-weight:var(--cdg-vcard-active-job-font-weight)!important;}
.cdg-vcard-card .cdg-vcard-job strong{color:inherit!important;font-size:inherit!important;font-weight:inherit!important;}
.cdg-vcard-card .cdg-vcard-company{display:var(--cdg-vcard-active-show-company)!important;color:var(--cdg-vcard-active-company-color)!important;font-size:var(--cdg-vcard-active-company-font-size)!important;font-weight:var(--cdg-vcard-active-company-font-weight)!important;}
.cdg-vcard-card .cdg-vcard-phone{display:var(--cdg-vcard-active-show-phone)!important;}
.cdg-vcard-card .cdg-vcard-email{display:var(--cdg-vcard-active-show-email)!important;}
.cdg-vcard-card .cdg-vcard-website{display:var(--cdg-vcard-active-show-website)!important;}
.cdg-vcard-card a:not(.cdg-vcard-btn){color:inherit!important;text-decoration:none!important;}
.cdg-vcard-card a:not(.cdg-vcard-btn):hover{color:var(--cdg-vcard-active-title-color)!important;text-decoration:underline!important;}

.cdg-vcard-btn{
    display:var(--cdg-vcard-active-show-download)!important;
    justify-content:center;
    align-items:center;
    max-width:100%;
    margin-top:var(--cdg-vcard-active-download-margin-top)!important;
    padding:var(--cdg-vcard-active-download-py) var(--cdg-vcard-active-download-px)!important;
    border-radius:var(--cdg-vcard-active-download-radius)!important;
    background:var(--cdg-vcard-active-download-bg)!important;
    color:var(--cdg-vcard-active-download-text)!important;
    text-decoration:none!important;
    font-weight:var(--cdg-vcard-active-download-font-weight)!important;
    font-size:var(--cdg-vcard-active-download-font-size)!important;
    line-height:1.2;
    text-align:center;
    white-space:normal;
    box-shadow:0 10px 24px rgba(var(--cdg-vcard-active-download-shadow-rgb),var(--cdg-vcard-active-download-shadow-alpha))!important;
    transition:.2s ease;
}
.cdg-vcard-btn:hover{transform:translateY(-1px);}

@media (min-width:601px) and (max-width:1024px){
    .cdg-vcard-wrapper{
        --cdg-vcard-active-align:var(--cdg-vcard-align-tablet,center);
        --cdg-vcard-active-width:var(--cdg-vcard-trigger-width-tablet,auto);
        --cdg-vcard-active-margin-y:var(--cdg-vcard-margin-y-tablet,22px);
        --cdg-vcard-active-py:var(--cdg-vcard-trigger-py-tablet,12px);
        --cdg-vcard-active-px:var(--cdg-vcard-trigger-px-tablet,24px);
        --cdg-vcard-active-radius:var(--cdg-vcard-trigger-radius-tablet,50px);
        --cdg-vcard-active-font-size:var(--cdg-vcard-trigger-font-size-tablet,15px);
        --cdg-vcard-active-font-weight:var(--cdg-vcard-trigger-font-weight-tablet,700);
        --cdg-vcard-active-bg-start:var(--cdg-vcard-trigger-bg-start-tablet,#002C73);
        --cdg-vcard-active-bg-end:var(--cdg-vcard-trigger-bg-end-tablet,#00ADBD);
        --cdg-vcard-active-text:var(--cdg-vcard-trigger-text-tablet,#fff);
        --cdg-vcard-active-shadow-alpha:var(--cdg-vcard-trigger-shadow-alpha-tablet,.16);
        --cdg-vcard-active-shadow-rgb:var(--cdg-vcard-trigger-shadow-rgb-tablet,0,44,115);
        --cdg-vcard-active-card-position:var(--cdg-vcard-card-position-tablet,absolute);
        --cdg-vcard-active-card-top:var(--cdg-vcard-card-top-tablet,100%);
        --cdg-vcard-active-card-left:var(--cdg-vcard-card-left-tablet,50%);
        --cdg-vcard-active-card-margin-top:var(--cdg-vcard-card-margin-top-tablet,8px);
        --cdg-vcard-active-card-transform-closed:var(--cdg-vcard-card-transform-closed-tablet,translateX(-50%) translateY(8px));
        --cdg-vcard-active-card-transform-open:var(--cdg-vcard-card-transform-open-tablet,translateX(-50%) translateY(0));
        --cdg-vcard-active-card-width:var(--cdg-vcard-card-width-tablet,410px);
        --cdg-vcard-active-card-max-height:var(--cdg-vcard-card-max-height-tablet,90vh);
        --cdg-vcard-active-card-radius:var(--cdg-vcard-card-radius-tablet,28px);
        --cdg-vcard-active-card-py:var(--cdg-vcard-card-py-tablet,24px);
        --cdg-vcard-active-card-px:var(--cdg-vcard-card-px-tablet,24px);
        --cdg-vcard-active-card-text-align:var(--cdg-vcard-card-text-align-tablet,center);
        --cdg-vcard-active-card-bg-start:var(--cdg-vcard-card-bg-start-tablet,#fff);
        --cdg-vcard-active-card-bg-end:var(--cdg-vcard-card-bg-end-tablet,#eef8fa);
        --cdg-vcard-active-card-border-color:var(--cdg-vcard-card-border-color-tablet,#d9e7ec);
        --cdg-vcard-active-card-border-width:var(--cdg-vcard-card-border-width-tablet,0px);
        --cdg-vcard-active-card-shadow-alpha:var(--cdg-vcard-card-shadow-alpha-tablet,.18);
        --cdg-vcard-active-card-shadow-rgb:var(--cdg-vcard-card-shadow-rgb-tablet,0,44,115);
        --cdg-vcard-active-media-display:var(--cdg-vcard-media-display-tablet,flex);
        --cdg-vcard-active-media-direction:var(--cdg-vcard-media-direction-tablet,row);
        --cdg-vcard-active-logo-display:var(--cdg-vcard-logo-display-tablet,block);
        --cdg-vcard-active-qr-display:var(--cdg-vcard-qr-display-tablet,block);
        --cdg-vcard-active-logo-width:var(--cdg-vcard-logo-width-tablet,165px);
        --cdg-vcard-active-qr-size:var(--cdg-vcard-qr-size-tablet,120px);
        --cdg-vcard-active-media-gap:var(--cdg-vcard-media-gap-tablet,20px);
        --cdg-vcard-active-media-margin-bottom:var(--cdg-vcard-media-margin-bottom-tablet,16px);
        --cdg-vcard-active-show-name:var(--cdg-vcard-show-name-tablet,block);
        --cdg-vcard-active-show-job:var(--cdg-vcard-show-job-tablet,block);
        --cdg-vcard-active-show-company:var(--cdg-vcard-show-company-tablet,block);
        --cdg-vcard-active-show-phone:var(--cdg-vcard-show-phone-tablet,block);
        --cdg-vcard-active-show-email:var(--cdg-vcard-show-email-tablet,block);
        --cdg-vcard-active-show-website:var(--cdg-vcard-show-website-tablet,block);
        --cdg-vcard-active-show-download:var(--cdg-vcard-show-download-tablet,inline-flex);
        --cdg-vcard-active-title-font-size:var(--cdg-vcard-title-font-size-tablet,24px);
        --cdg-vcard-active-title-font-weight:var(--cdg-vcard-title-font-weight-tablet,900);
        --cdg-vcard-active-title-color:var(--cdg-vcard-title-color-tablet,#002C73);
        --cdg-vcard-active-title-margin-bottom:var(--cdg-vcard-title-margin-bottom-tablet,8px);
        --cdg-vcard-active-job-font-size:var(--cdg-vcard-job-font-size-tablet,15px);
        --cdg-vcard-active-job-font-weight:var(--cdg-vcard-job-font-weight-tablet,700);
        --cdg-vcard-active-job-color:var(--cdg-vcard-job-color-tablet,#2C343E);
        --cdg-vcard-active-company-font-size:var(--cdg-vcard-company-font-size-tablet,15px);
        --cdg-vcard-active-company-font-weight:var(--cdg-vcard-company-font-weight-tablet,400);
        --cdg-vcard-active-company-color:var(--cdg-vcard-company-color-tablet,#2C343E);
        --cdg-vcard-active-contact-font-size:var(--cdg-vcard-contact-font-size-tablet,15px);
        --cdg-vcard-active-contact-font-weight:var(--cdg-vcard-contact-font-weight-tablet,400);
        --cdg-vcard-active-contact-color:var(--cdg-vcard-contact-color-tablet,#2C343E);
        --cdg-vcard-active-line-height:var(--cdg-vcard-text-line-height-tablet,1.4);
        --cdg-vcard-active-paragraph-gap:var(--cdg-vcard-paragraph-gap-tablet,5px);
        --cdg-vcard-active-download-font-size:var(--cdg-vcard-download-font-size-tablet,14px);
        --cdg-vcard-active-download-font-weight:var(--cdg-vcard-download-font-weight-tablet,800);
        --cdg-vcard-active-download-py:var(--cdg-vcard-download-py-tablet,11px);
        --cdg-vcard-active-download-px:var(--cdg-vcard-download-px-tablet,20px);
        --cdg-vcard-active-download-radius:var(--cdg-vcard-download-radius-tablet,999px);
        --cdg-vcard-active-download-margin-top:var(--cdg-vcard-download-margin-top-tablet,16px);
        --cdg-vcard-active-download-bg:var(--cdg-vcard-download-bg-tablet,#002C73);
        --cdg-vcard-active-download-text:var(--cdg-vcard-download-text-tablet,#fff);
        --cdg-vcard-active-download-shadow-alpha:var(--cdg-vcard-download-shadow-alpha-tablet,.18);
        --cdg-vcard-active-download-shadow-rgb:var(--cdg-vcard-download-shadow-rgb-tablet,0,44,115);
        --cdg-vcard-active-close-size:var(--cdg-vcard-close-size-tablet,30px);
        --cdg-vcard-active-close-font-size:var(--cdg-vcard-close-font-size-tablet,22px);
        --cdg-vcard-active-close-color:var(--cdg-vcard-close-color-tablet,#002C73);
        --cdg-vcard-active-close-bg-rgb:var(--cdg-vcard-close-bg-rgb-tablet,255,255,255);
        --cdg-vcard-active-close-bg-alpha:var(--cdg-vcard-close-bg-alpha-tablet,0);
        --cdg-vcard-active-close-top:var(--cdg-vcard-close-top-tablet,12px);
        --cdg-vcard-active-close-right:var(--cdg-vcard-close-right-tablet,14px);
    }
    .cdg-vcard-trigger-label.is-desktop{display:none;}
    .cdg-vcard-trigger-label.is-tablet{display:inline;}
}

@media (max-width:600px){
    .cdg-vcard-wrapper{
        --cdg-vcard-active-align:var(--cdg-vcard-align-mobile,center);
        --cdg-vcard-active-width:var(--cdg-vcard-trigger-width-mobile,auto);
        --cdg-vcard-active-margin-y:var(--cdg-vcard-margin-y-mobile,18px);
        --cdg-vcard-active-py:var(--cdg-vcard-trigger-py-mobile,10px);
        --cdg-vcard-active-px:var(--cdg-vcard-trigger-px-mobile,20px);
        --cdg-vcard-active-radius:var(--cdg-vcard-trigger-radius-mobile,50px);
        --cdg-vcard-active-font-size:var(--cdg-vcard-trigger-font-size-mobile,14px);
        --cdg-vcard-active-font-weight:var(--cdg-vcard-trigger-font-weight-mobile,700);
        --cdg-vcard-active-bg-start:var(--cdg-vcard-trigger-bg-start-mobile,#002C73);
        --cdg-vcard-active-bg-end:var(--cdg-vcard-trigger-bg-end-mobile,#00ADBD);
        --cdg-vcard-active-text:var(--cdg-vcard-trigger-text-mobile,#fff);
        --cdg-vcard-active-shadow-alpha:var(--cdg-vcard-trigger-shadow-alpha-mobile,.15);
        --cdg-vcard-active-shadow-rgb:var(--cdg-vcard-trigger-shadow-rgb-mobile,0,44,115);
        --cdg-vcard-active-card-position:var(--cdg-vcard-card-position-mobile,fixed);
        --cdg-vcard-active-card-top:var(--cdg-vcard-card-top-mobile,50%);
        --cdg-vcard-active-card-left:var(--cdg-vcard-card-left-mobile,50%);
        --cdg-vcard-active-card-margin-top:var(--cdg-vcard-card-margin-top-mobile,0);
        --cdg-vcard-active-card-transform-closed:var(--cdg-vcard-card-transform-closed-mobile,translate(-50%,-50%) scale(.96));
        --cdg-vcard-active-card-transform-open:var(--cdg-vcard-card-transform-open-mobile,translate(-50%,-50%) scale(1));
        --cdg-vcard-active-card-width:var(--cdg-vcard-card-width-mobile,360px);
        --cdg-vcard-active-card-max-height:var(--cdg-vcard-card-max-height-mobile,90vh);
        --cdg-vcard-active-card-radius:var(--cdg-vcard-card-radius-mobile,24px);
        --cdg-vcard-active-card-py:var(--cdg-vcard-card-py-mobile,22px);
        --cdg-vcard-active-card-px:var(--cdg-vcard-card-px-mobile,20px);
        --cdg-vcard-active-card-text-align:var(--cdg-vcard-card-text-align-mobile,center);
        --cdg-vcard-active-card-bg-start:var(--cdg-vcard-card-bg-start-mobile,#fff);
        --cdg-vcard-active-card-bg-end:var(--cdg-vcard-card-bg-end-mobile,#eef8fa);
        --cdg-vcard-active-card-border-color:var(--cdg-vcard-card-border-color-mobile,#d9e7ec);
        --cdg-vcard-active-card-border-width:var(--cdg-vcard-card-border-width-mobile,0px);
        --cdg-vcard-active-card-shadow-alpha:var(--cdg-vcard-card-shadow-alpha-mobile,.20);
        --cdg-vcard-active-card-shadow-rgb:var(--cdg-vcard-card-shadow-rgb-mobile,0,44,115);
        --cdg-vcard-active-media-display:var(--cdg-vcard-media-display-mobile,flex);
        --cdg-vcard-active-media-direction:var(--cdg-vcard-media-direction-mobile,row);
        --cdg-vcard-active-logo-display:var(--cdg-vcard-logo-display-mobile,block);
        --cdg-vcard-active-qr-display:var(--cdg-vcard-qr-display-mobile,block);
        --cdg-vcard-active-logo-width:var(--cdg-vcard-logo-width-mobile,145px);
        --cdg-vcard-active-qr-size:var(--cdg-vcard-qr-size-mobile,110px);
        --cdg-vcard-active-media-gap:var(--cdg-vcard-media-gap-mobile,16px);
        --cdg-vcard-active-media-margin-bottom:var(--cdg-vcard-media-margin-bottom-mobile,15px);
        --cdg-vcard-active-show-name:var(--cdg-vcard-show-name-mobile,block);
        --cdg-vcard-active-show-job:var(--cdg-vcard-show-job-mobile,block);
        --cdg-vcard-active-show-company:var(--cdg-vcard-show-company-mobile,block);
        --cdg-vcard-active-show-phone:var(--cdg-vcard-show-phone-mobile,block);
        --cdg-vcard-active-show-email:var(--cdg-vcard-show-email-mobile,block);
        --cdg-vcard-active-show-website:var(--cdg-vcard-show-website-mobile,block);
        --cdg-vcard-active-show-download:var(--cdg-vcard-show-download-mobile,inline-flex);
        --cdg-vcard-active-title-font-size:var(--cdg-vcard-title-font-size-mobile,23px);
        --cdg-vcard-active-title-font-weight:var(--cdg-vcard-title-font-weight-mobile,900);
        --cdg-vcard-active-title-color:var(--cdg-vcard-title-color-mobile,#002C73);
        --cdg-vcard-active-title-margin-bottom:var(--cdg-vcard-title-margin-bottom-mobile,8px);
        --cdg-vcard-active-job-font-size:var(--cdg-vcard-job-font-size-mobile,15px);
        --cdg-vcard-active-job-font-weight:var(--cdg-vcard-job-font-weight-mobile,700);
        --cdg-vcard-active-job-color:var(--cdg-vcard-job-color-mobile,#2C343E);
        --cdg-vcard-active-company-font-size:var(--cdg-vcard-company-font-size-mobile,15px);
        --cdg-vcard-active-company-font-weight:var(--cdg-vcard-company-font-weight-mobile,400);
        --cdg-vcard-active-company-color:var(--cdg-vcard-company-color-mobile,#2C343E);
        --cdg-vcard-active-contact-font-size:var(--cdg-vcard-contact-font-size-mobile,14px);
        --cdg-vcard-active-contact-font-weight:var(--cdg-vcard-contact-font-weight-mobile,400);
        --cdg-vcard-active-contact-color:var(--cdg-vcard-contact-color-mobile,#2C343E);
        --cdg-vcard-active-line-height:var(--cdg-vcard-text-line-height-mobile,1.4);
        --cdg-vcard-active-paragraph-gap:var(--cdg-vcard-paragraph-gap-mobile,5px);
        --cdg-vcard-active-download-font-size:var(--cdg-vcard-download-font-size-mobile,14px);
        --cdg-vcard-active-download-font-weight:var(--cdg-vcard-download-font-weight-mobile,800);
        --cdg-vcard-active-download-py:var(--cdg-vcard-download-py-mobile,11px);
        --cdg-vcard-active-download-px:var(--cdg-vcard-download-px-mobile,20px);
        --cdg-vcard-active-download-radius:var(--cdg-vcard-download-radius-mobile,999px);
        --cdg-vcard-active-download-margin-top:var(--cdg-vcard-download-margin-top-mobile,16px);
        --cdg-vcard-active-download-bg:var(--cdg-vcard-download-bg-mobile,#002C73);
        --cdg-vcard-active-download-text:var(--cdg-vcard-download-text-mobile,#fff);
        --cdg-vcard-active-download-shadow-alpha:var(--cdg-vcard-download-shadow-alpha-mobile,.18);
        --cdg-vcard-active-download-shadow-rgb:var(--cdg-vcard-download-shadow-rgb-mobile,0,44,115);
        --cdg-vcard-active-close-size:var(--cdg-vcard-close-size-mobile,30px);
        --cdg-vcard-active-close-font-size:var(--cdg-vcard-close-font-size-mobile,22px);
        --cdg-vcard-active-close-color:var(--cdg-vcard-close-color-mobile,#002C73);
        --cdg-vcard-active-close-bg-rgb:var(--cdg-vcard-close-bg-rgb-mobile,255,255,255);
        --cdg-vcard-active-close-bg-alpha:var(--cdg-vcard-close-bg-alpha-mobile,0);
        --cdg-vcard-active-close-top:var(--cdg-vcard-close-top-mobile,12px);
        --cdg-vcard-active-close-right:var(--cdg-vcard-close-right-mobile,14px);
    }
    .cdg-vcard-trigger-label.is-desktop{display:none;}
    .cdg-vcard-trigger-label.is-mobile{display:inline;}
}

/* Aperçus administrateur forcés par support. */
.cdg-vcard-wrapper.is-device-preview-desktop{--cdg-vcard-preview-device:desktop;}
.cdg-vcard-wrapper.is-device-preview-tablet{--cdg-vcard-preview-device:tablet;}
.cdg-vcard-wrapper.is-device-preview-mobile{--cdg-vcard-preview-device:mobile;}

.cdg-vcard-wrapper.is-device-preview-desktop{
    --cdg-vcard-active-align:var(--cdg-vcard-align-desktop,center);--cdg-vcard-active-width:var(--cdg-vcard-trigger-width-desktop,auto);--cdg-vcard-active-margin-y:var(--cdg-vcard-margin-y-desktop,25px);--cdg-vcard-active-py:var(--cdg-vcard-trigger-py-desktop,14px);--cdg-vcard-active-px:var(--cdg-vcard-trigger-px-desktop,28px);--cdg-vcard-active-radius:var(--cdg-vcard-trigger-radius-desktop,50px);--cdg-vcard-active-font-size:var(--cdg-vcard-trigger-font-size-desktop,16px);--cdg-vcard-active-font-weight:var(--cdg-vcard-trigger-font-weight-desktop,700);--cdg-vcard-active-bg-start:var(--cdg-vcard-trigger-bg-start-desktop,#002C73);--cdg-vcard-active-bg-end:var(--cdg-vcard-trigger-bg-end-desktop,#00ADBD);--cdg-vcard-active-text:var(--cdg-vcard-trigger-text-desktop,#fff);--cdg-vcard-active-shadow-alpha:var(--cdg-vcard-trigger-shadow-alpha-desktop,.18);--cdg-vcard-active-shadow-rgb:var(--cdg-vcard-trigger-shadow-rgb-desktop,0,44,115);
}
.cdg-vcard-wrapper.is-device-preview-tablet{
    --cdg-vcard-active-align:var(--cdg-vcard-align-tablet,center);--cdg-vcard-active-width:var(--cdg-vcard-trigger-width-tablet,auto);--cdg-vcard-active-margin-y:var(--cdg-vcard-margin-y-tablet,22px);--cdg-vcard-active-py:var(--cdg-vcard-trigger-py-tablet,12px);--cdg-vcard-active-px:var(--cdg-vcard-trigger-px-tablet,24px);--cdg-vcard-active-radius:var(--cdg-vcard-trigger-radius-tablet,50px);--cdg-vcard-active-font-size:var(--cdg-vcard-trigger-font-size-tablet,15px);--cdg-vcard-active-font-weight:var(--cdg-vcard-trigger-font-weight-tablet,700);--cdg-vcard-active-bg-start:var(--cdg-vcard-trigger-bg-start-tablet,#002C73);--cdg-vcard-active-bg-end:var(--cdg-vcard-trigger-bg-end-tablet,#00ADBD);--cdg-vcard-active-text:var(--cdg-vcard-trigger-text-tablet,#fff);--cdg-vcard-active-shadow-alpha:var(--cdg-vcard-trigger-shadow-alpha-tablet,.16);--cdg-vcard-active-shadow-rgb:var(--cdg-vcard-trigger-shadow-rgb-tablet,0,44,115);
}
.cdg-vcard-wrapper.is-device-preview-mobile{
    --cdg-vcard-active-align:var(--cdg-vcard-align-mobile,center);--cdg-vcard-active-width:var(--cdg-vcard-trigger-width-mobile,auto);--cdg-vcard-active-margin-y:var(--cdg-vcard-margin-y-mobile,18px);--cdg-vcard-active-py:var(--cdg-vcard-trigger-py-mobile,10px);--cdg-vcard-active-px:var(--cdg-vcard-trigger-px-mobile,20px);--cdg-vcard-active-radius:var(--cdg-vcard-trigger-radius-mobile,50px);--cdg-vcard-active-font-size:var(--cdg-vcard-trigger-font-size-mobile,14px);--cdg-vcard-active-font-weight:var(--cdg-vcard-trigger-font-weight-mobile,700);--cdg-vcard-active-bg-start:var(--cdg-vcard-trigger-bg-start-mobile,#002C73);--cdg-vcard-active-bg-end:var(--cdg-vcard-trigger-bg-end-mobile,#00ADBD);--cdg-vcard-active-text:var(--cdg-vcard-trigger-text-mobile,#fff);--cdg-vcard-active-shadow-alpha:var(--cdg-vcard-trigger-shadow-alpha-mobile,.15);--cdg-vcard-active-shadow-rgb:var(--cdg-vcard-trigger-shadow-rgb-mobile,0,44,115);
}

/* Les variables de pop-up forcées sont copiées par le script pour les aperçus et les anciens blocs. */
.cdg-vcard-wrapper.is-device-preview-desktop .cdg-vcard-trigger-label,
.cdg-vcard-wrapper.is-device-preview-tablet .cdg-vcard-trigger-label,
.cdg-vcard-wrapper.is-device-preview-mobile .cdg-vcard-trigger-label{display:none;}
.cdg-vcard-wrapper.is-device-preview-desktop .cdg-vcard-trigger-label.is-desktop,
.cdg-vcard-wrapper.is-device-preview-tablet .cdg-vcard-trigger-label.is-tablet,
.cdg-vcard-wrapper.is-device-preview-mobile .cdg-vcard-trigger-label.is-mobile{display:inline;}
