/**
 * Copyright since 2007 PrestaShop SA and Contributors
 * PrestaShop is an International Registered Trademark & Property of PrestaShop SA
 *
 * NOTICE OF LICENSE
 *
 * This source file is subject to the Open Software License (OSL 3.0)
 * that is bundled with this package in the file LICENSE.md.
 * It is also available through the world-wide-web at this URL:
 * https://opensource.org/licenses/OSL-3.0
 * If you did not receive a copy of the license and are unable to
 * obtain it through the world-wide-web, please send an email
 * to license@prestashop.com so we can send you a copy immediately.
 *
 * DISCLAIMER
 *
 * Do not edit or add to this file if you wish to upgrade PrestaShop to newer
 * versions in the future. If you wish to customize PrestaShop for your
 * needs please refer to https://devdocs.prestashop.com/ for more information.
 *
 * @author    PrestaShop SA and Contributors <contact@prestashop.com>
 * @copyright Since 2007 PrestaShop SA and Contributors
 * @license   https://opensource.org/licenses/OSL-3.0 Open Software License (OSL 3.0)
 */

#stores {
  .page-stores {
    width: 85%;
    margin: 0 auto;

    .store-item {
      padding-right: 0.75rem;
      padding-left: 0.75rem;
    }

    .store-picture {
      img {
        max-width: 100%;
      }
    }

    .store-item-container {
      display: flex;
      align-items: center;
      justify-content: space-around;
      padding: $large-space 0;

      ul {
        margin-bottom: 0;
        font-size: $font-size-lg;
      }

      .divide-left {
        border-left: $gray-light 1px solid;

        tr {
          height: 1.563rem;
        }

        td {
          padding-left: 0.375rem;
        }

        th {
          text-align: right;
        }
      }

      .store-description {
        font-size: $base-font-size;
      }
    }

    .store-item-footer {
      display: flex;
      justify-content: space-around;
      padding-top: 0.5rem;
      margin-top: 0.5rem;

      &.divide-top {
        border-top: $gray-light 1px solid;
      }

      div:first-child {
        flex: 0 0 65%;
      }

      i.material-icons {
        margin-right: $small-space;
        font-size: $base-font-size;
        color: $gray;
      }

      li {
        margin-bottom: $small-space;
      }
    }
  }
}

/*** Responsive part ***/
@include media-breakpoint-down(sm) {
  #stores {
    .page-stores {
      width: 100%;

      .store-item-container {
        padding: 1rem 0;
      }
    }
  }
}

@include media-breakpoint-down(xs) {
  #stores {
    .page-stores {
      .store-item-container {
        display: block;

        .divide-left {
          border-left: none;
        }

        .store-description {
          a {
            margin-bottom: 0.5rem;
          }

          address {
            margin-bottom: 0.5rem;
          }
        }
      }

      .store-item-footer {
        display: block;

        &.divide-top {
          border-top: $gray-light 1px solid;
        }

        li {
          margin-bottom: $small-space;
        }

        .card-block {
          padding: 0.75rem 0.75rem 0;
        }
      }
    }
  }
}