/* ------------------------------------------
/* Sous-navigation et autres menus
/* ------------------------------------------ */

@import "css/bootstrap-start";

/* Listes d'items */
/*
.liste[.long][.short][.thumb]
  .liste-items
    .item[.long][.short][.thumb]


Un item est compose de :

.entry
  .entry-title
    .spip_logos
    .read-more
  .publication
    .pubdate
    .authors
  .entry-content
  .postmeta
    .comments
    .signatures
*/

$list-border-color : $border-color !default;

.liste {margin-bottom: $rem-vert-margin};
.liste.long {margin-bottom: $rem-vert-margin * 2;}

.liste-items {margin-left: 0; list-style: none; border-top:0;}
//.liste .liste-items {margin-bottom: 0;}
.liste-items .item {padding:$rem-vert-margin / 2 0;clear:both; overflow:hidden;border-top: 1px solid $list-border-color;margin-top: -1px;}
.liste-items .item:last-child {border-bottom: 1px solid $list-border-color;}
.liste-items .item .entry {margin-bottom: 0;}
.liste-items .item .entry-title:first-child {margin-top: 0;}

.entry {
  div.spip,p,.p {margin-bottom: $rem-vert-margin / 2;}
  .entry-title {margin-bottom: $rem-vert-margin / 2;}
  .entry-content > :last-child {margin-bottom: 0;}
  .entry-content {margin-bottom: $rem-vert-margin / 2;}
}

.liste-items .item-header {
  padding:$rem-vert-margin / 2 0;clear:both; overflow:hidden;border-top: 1px solid $list-border-color;margin-top: -1px;
  border: 0;
  display: block;
  font-weight: bold;
  color: $gray-300;
  text-shadow: 0 1px 0 rgba(255,255,255,.5);
  text-transform: uppercase;
}
// Space them out when they follow another list item (link)
.item + .item-header {
  padding-top: $rem-vert-margin / 2;
}

.liste-items {
  .publication,.postmeta {display: none;}
  .postmeta .tags {ul,li {display: inline;}}
}

/* Long */
.long {
  .publication {display: block;}
  .entry-content {}
  .postmeta {display:block;}
}

/* Short */
.short .item, .item.short {
  padding:$rem-vert-margin / 4 0;
  &:first-child:last-child {border:0;}
}

.short {
  .entry-title {font-size: inherit;line-height: inherit;display: inline;}
  .publication,.spip_logo,.entry-content,.postmeta,.read-more {display: none;}
  .entry > :not(.entry-title) {display: none;}
  .entry, .entry-title {display: inline;}
}

/* thumb */
.thumb .item, .item.thumb {
  //padding:$rem-vert-margin / 4 0;
  &:first-child:last-child {border:0;}
}
.thumb {
  .entry {
    position: relative;
    &:before {
      content:'';
      display: block;
      width: 100%;
      height: 0;
      padding-bottom: 56.25%;
      margin-bottom: $rem-vert-margin;
      background: $gray-100;
    }
    .entry-title {
      padding-top: 0;
      display: block
    }
    .spip_logo {
      margin: 0;
      position:absolute;
      width: 100% !important;
      top:0;
      height: 0;
      padding-bottom: 56.25%;
      overflow: hidden;
      .img {
        position:absolute !important;
        top:0;
        left: 0;
        width: 100% !important;
        height: 100% !important;
        padding: 0 !important;
        background-size: cover !important;
      }
    }
  }
  .entry-content {max-height: 5 * $em-line-height;overflow: hidden;text-overflow: ellipsis;word-wrap: break-word;}
}
.thumb.thumb-4x1 { .entry::before,.spip_logo { padding-bottom: 25%; } }
.thumb.thumb-3x1 { .entry::before,.spip_logo { padding-bottom: 33.33%; } }
.thumb.thumb-5x2 { .entry::before,.spip_logo { padding-bottom: 40%; } }
.thumb.thumb-2x1 { .entry::before,.spip_logo { padding-bottom: 50%; } }
.thumb.thumb-16x9 { .entry::before,.spip_logo { padding-bottom: 56.25%; } }   // default
.thumb.thumb-4x3 { .entry::before,.spip_logo { padding-bottom: 75%; } }
.thumb.thumb-1x1 { .entry::before,.spip_logo { padding-bottom: 100%; } }

/* on demand */
.with-read-more {
  .entry {position: relative;padding-bottom: $em-line-height;}
  .entry-content {}
  .postmeta {min-height: $em-line-height;padding:$rem-vert-margin / 2 0;padding-left: 2em;padding-bottom: 0;margin-bottom: -$em-line-height;}
  .read-more {display:block; position: absolute;z-index: 10;bottom:0;left:0;text-align: right;padding:$rem-vert-margin / 2 0;padding-left:0;padding-bottom: 0;line-height: $em-line-height;font-size: 1rem;}
}
.with-publication .entry {.publication {display: block;}}
.with-publication-inline .entry {.publication {display: inline;padding-left:0.25em;}}
.with-postmeta .entry {.postmeta {display: block;}}
.with-postmeta-inline .entry {.postmeta {display: inline;padding-left:0.25em;}}
.with-content .entry {.entry-content {display: block;}}
.with-content-inline .entry {.entry-content {display: inline;}}


/* dans un .secondary */
.secondary {

  .liste-items {
    .item {padding:$rem-vert-margin / 4 0;}
    .spip_logo {max-width: 2.5 * $em-line-height;}
    .spip_logo img {height: auto !important;}
    .entry-content {max-height: 5 * $em-line-height;overflow: hidden;text-overflow: ellipsis;word-wrap: break-word;}
  }
  .short .item, .item.short {
    padding:$rem-vert-margin / 8 0;
  }

  .short {
    .entry-title {font-weight: normal;}
  }
  .long {
    .entry-content {max-height: 10 * $em-line-height;}
  }
}

/* liste de documents */
.documents {
  .item {padding-right:0;padding-left: 3 * $em-line-height;}
}
.entry.document {
  padding-bottom: 0;
  .entry-title {font-size: inherit;line-height: inherit;margin-bottom: 0}
  .spip_logo {float: left;max-width: 1.5 * $em-line-height;margin:.25rem .5rem;margin-left: -3*$em-line-height;margin-top: 0;}
  .publication {display: block; margin-bottom: 0;}
  .read-more {display: none}
}
.documents.short .item,.documents .item.short {
  padding-left: 0;
}
.short .document .spip_logo {display: none;}