@import "../../../node_modules/pikaday/scss/pikaday";

/*
 * Common
 */
.pika-lendar
{
  float: none;
  margin: 0;
  width: 100%;
}

/*
 * Dark theme
 */
.pikaday-barriere-dark
{
  background: $color-grey-darker;
  border: none;

  .pika-title
  {
    margin-bottom: 2rem;
    margin-top: 2rem;

    .pika-label
    {
      background: transparent;

      color: #FFF;
      font-family: lucien-regular, Arial, Helvetica, sans-serif;
    }
    .pika-prev
    {
      background-image: url("../img/svg/arrow-left-white.svg");
    }
    .pika-next
    {
      background-image: url("../img/svg/arrow-right-white.svg");
    }
    .pika-select
    {
      color: #000;
    }
  }
  .pika-table
  {
    thead
    {
      background: $color-grey-dark;
    }
    th
    {
      font-size: 0.8rem;
    }
    .pika-button
    {
      background: transparent;
      padding: 0.8rem 0;

      color: #FFF;
      font-family: lucien-regular, Arial, Helvetica, sans-serif;
      font-size: 1rem;
      text-align: center;
    }
    td.is-today
    {
      .pika-button
      {
        color: $color-golden;
      }
    }
    td.is-selected
    {
      .pika-button
      {
        background: $color-golden;
        box-shadow: none;
        color: #FFF;
      }
    }
  }
}

/*
 * Light theme
 */
.pikaday-barriere-light
{
    background: #FFF;
    border: none;

    .pika-lendar
    {
        padding: 0.5rem;
    }
    .pika-title
    {
        margin-bottom: 2rem;
        margin-top: 2rem;

        .pika-label
        {
            background: transparent;

            color: $color-golden;
            font-family: lucien-regular, Arial, Helvetica, sans-serif;
        }
        .pika-prev
        {
            background-image: url("../img/svg/arrow-left-gold.svg");
        }
        .pika-next
        {
            background-image: url("../img/svg/arrow-left-gold.svg");
            transform: rotate(180deg);
        }
        .pika-select
        {
            color: #000;
        }
    }
    .pika-table
    {
        thead
        {
            background: #FFF;
        }
        th
        {
            font-size: 0.8rem;
        }
        .pika-button
        {
            background: transparent;
            box-shadow: none;
            outline: none;
            padding: 0.8rem 0;

            color: #000;
            font-family: lucien-regular, Arial, Helvetica, sans-serif;
            font-size: 1rem;
            text-align: center;
        }
        td.is-today
        {
            .pika-button
            {
                color: $color-golden;
            }
        }
        td.is-selected
        {
            .pika-button
            {
                background: $color-golden;
                box-shadow: none;
                color: #FFF;
            }
        }
    }
}

@include tablet-portrait-and-up
{
  .pikaday-barriere-dark
  {
    .pika-table
    {
      th
      {
        padding: 0.6rem 0;
      }
      .pika-button
      {
        padding: 1rem 0;
        font-size: 0.8rem;
      }
    }
  }
}
