/* STYLES POUR LES LIENS PARTAGES de CHIQUETTE.fr en 2024 - poudré
*
* Juste un petit custom 
*
* une palette de couleurs */
:root {
    --dark: #251212;
    --light: #f4f0e7ff;  
    --background-color: #f6decd; /* --alight */
    --lightGrey: #d7d7d7;
    --darkGrey: #1a1a1a;
    
    /* mes 5 roses, jeu primaire : */
    --palerose: #f4abba;
    --med1rose: #e788a9;
    --med2rose: #ea596e;
    --main-color: #e63370; /* --acc1rose */ 
    --dark-main-color: #e53339; /* acc2rose */
    
    }
    
    /* des typos */ 
    /* que pour les télécharger c'est par ici, merci Loki : */
    
    @font-face {
        font-family: GBR_byLoki;
        src:url(../tpl/default/fonts/GrotesqueBourgeoisie/GrotesqueBourgeoisie.ttf);
      }
    
      @font-face {
        font-family: PTR_byLoki;
        src:url(../tpl/default/fonts/LaPetroleuse/La-Petroleuse-Regular.ttf);
      }
    
    
    .header-search{
        height: 60px;
    }
    .linklist-item-title .linklist-link:hover .linklist-item-title h2 a {
        color: var(--main-color);
    }
    
    .pure-menu-link{
        font-family: PTR_byLoki;
        font-size: 1.3em;
        font-weight: bold;
        padding: 0.6em 1em;
    }
    .pure-menu-item{
        margin-right: 5px; 
        height: 55px; 
    }

    .linklist-item-title .label-sticky {
        border: solid 1px;
        border-color: var(--med2rose);
        color: var(--med2rose);
      }
    
      .pinned-link {
        color: var(--med2rose);
      }
      .delete-link {
        color: var(--dark-main-color);
      }

      .linklist-item-title .label-private {
        border: solid 1px;
        border-color: var(--main-color);
        color: var(--main-color);
      }

div.anchor:first-of-type h2 span.linklist-link:first-of-type{
    font-family: GBR_byLoki;
    font-size: 1.6em;
    line-height: 0.8em;
}
.shaarli-title{     font-family: GBR_byLoki;}

div.linklist-item:first-of-type{
    max-width: 40vw;
}

.linklist-item-info{
    background-color: var(--palerose);
    color: var(--dark); 
}