@charset "UTF-8";

/*** FONTS ***/

/*************/

/*** Structure de pages ***/

/**************************/

/*** COLORS ***/

/*************/

/*** MARGINS ***/

/*** TYPO ***/

/************/

/*** HEADER ***/

/**************/

/*** FOOTER ***/

/**************/

/*** CART ***/

/************/

/*** BUTTONS ***/

/**************/

/*** CATEGORY ***/

/****************/

/*** PRODUCT-LIST ***/

/********************/

/*** PRODUCT ***/

/***************/

[data-searchtrigger="true"] {

  cursor: pointer; }



.search-widget {

  position: absolute;

  width: 100%;

  left: 0;

  right: 0;

  top: 20px;

  max-width: 750px; }

  @media (max-width: 768px) {

    .search-widget {

      top: 23px;

      max-width: 460px; } }

  @media (max-width: 479px) {

    .search-widget {

      top: 0 !important;

      max-width: 100%; } }

  @media (max-width: 479px) {

    .search-widget .container-more-results {

      padding-right: 15px; } }

  .search-widget .container-more-results a {

    font-size: 14px !important; }

    .search-widget .container-more-results a .material-icons {

      font-size: 12px;

      line-height: 24px;

      margin-right: 5px; }

  .search-widget > div {

    display: none; }

    .search-widget > div.modal-backdrop {

      z-index: 1;

      background-color: rgba(0, 0, 0, 0.6); }

    .search-widget > div.modal {

      pointer-events: none;

      overflow: unset; }

      .search-widget > div.modal button.modal-xysearchbar-close {

        position: absolute;

        right: 0px;

        top: 0px;

        color: #fff;

        background: transparent;

        border: 0;

        cursor: pointer;

        pointer-events: initial;

        display: none; }

        @media (max-width: 479px) {

          .search-widget > div.modal button.modal-xysearchbar-close {

            right: auto;

            top: 0px; } }

        .search-widget > div.modal button.modal-xysearchbar-close .material-icons {

          font-size: 34px; }

      .search-widget > div.modal .modal-content {

        background: transparent;

        box-shadow: unset;

        border: none;

        overflow-x: hidden;

        overflow-y: auto;

        margin-top: 40px; }

        .search-widget > div.modal .modal-content .modal-body .container-result #js-product-list {
          background-color: white;
          padding-top:20px;
          max-height: calc(100vh - 220px);
          overflow-y: auto;
        }

        @media (max-width: 479px) {

          .search-widget > div.modal .modal-content {

            margin-top: 0; } }

        .search-widget > div.modal .modal-content .modal-body {

          pointer-events: initial;

          padding: 0; }

          .search-widget > div.modal .modal-content .modal-body .container-result .container-spinner {

            overflow: hidden; }

          .search-widget > div.modal .modal-content .modal-body .container-result + .container-more-results {

            margin-top: 26px; }

            @media (max-width: 991px) {

              .search-widget > div.modal .modal-content .modal-body .container-result + .container-more-results {

                margin-top: 15px; } }

  .search-widget .xysearchbar-form {

    position: relative;

    z-index: 5;

    display: none; }

    .search-widget .xysearchbar-form .input-group {

      background: #fff;

      transition: background-color 0.3s ease-in-out; }

      @media (max-width: 479px) {

        .search-widget .xysearchbar-form .input-group {

          height: 65px; } }

      .search-widget .xysearchbar-form .input-group + .container-more-results {

        margin-top: 5px; }

      .search-widget .xysearchbar-form .input-group input,

      .search-widget .xysearchbar-form .input-group button {

        height: 45px;

        margin: 0; }

        @media (max-width: 479px) {

          .search-widget .xysearchbar-form .input-group input,

          .search-widget .xysearchbar-form .input-group button {

            height: 100%; } }

      .search-widget .xysearchbar-form .input-group input[type="search"] {

        border: 0;

        background: transparent;

        font-size: 12px; }

        @media (max-width: 479px) {

          .search-widget .xysearchbar-form .input-group input[type="search"] {

            font-size: 16px; } }

        .search-widget .xysearchbar-form .input-group input[type="search"]:focus {

          box-shadow: none; }

      .search-widget .xysearchbar-form .input-group button[type="submit"] {

        width: 40px;

        background: #fff;

        color: #0066CC !important;

        padding: 0;

        border: 0;

        text-align: center;

        line-height: 28px; }



body.xysearchbar-opened {

  overflow: hidden; }

  @media (max-width: 479px) {

    body.xysearchbar-opened .header__search {

      margin-top: 0; } }

  body.xysearchbar-opened .header__search .xysearchbar-form {

    display: block; }

  @media (max-width: 768px) {

    body.xysearchbar-opened .header__search {

      position: fixed;

      display: flex !important;

      top: 0;

      left: 0; } }

  body.xysearchbar-opened .header__search .search-widget > div {

    display: block; }

    body.xysearchbar-opened .header__search .search-widget > div .modal-dialog {

      width: calc(100% - 60px);

      max-height: calc(100vh - 20px);

      margin: 30px auto;

      top: 90px;

      overflow-y: hidden; }

      @media (max-width: 991px) {

        body.xysearchbar-opened .header__search .search-widget > div .modal-dialog {

          max-width: 100%; } }

      @media (max-width: 768px) {

        body.xysearchbar-opened .header__search .search-widget > div .modal-dialog {

          max-width: unset;

          top: 50px;

          width: calc(100% - 30px); } }

      @media (max-width: 479px) {

        body.xysearchbar-opened .header__search .search-widget > div .modal-dialog {

          width: 100%;

          max-height: calc(100vh - 115px);

          top: 65px;

          margin-top: 0;

          padding-top: 30px; } }

      body.xysearchbar-opened .header__search .search-widget > div .modal-dialog .products {

        margin: 0; }

        @media (max-width: 800px) {

          body.xysearchbar-opened .header__search .search-widget > div .modal-dialog .products .product-miniature {

            flex: 0 0 50%; } }

        @media (max-width: 767px) {

          body.xysearchbar-opened .header__search .search-widget > div .modal-dialog .products .product-miniature {

            flex: 0 0 100%;

            max-width: unset; } }

        body.xysearchbar-opened .header__search .search-widget > div .modal-dialog .products + .up {

          display: none; }

      body.xysearchbar-opened .header__search .search-widget > div .modal-dialog .xy-product {

        /** Style des produits lorsque le module xyproductlist_attributes est install├® **/ }

        @media (max-width: 399px) {

          body.xysearchbar-opened .header__search .search-widget > div .modal-dialog .xy-product .card-product {

            flex-direction: column !important; } }

        @media (max-width: 1199px) {

          body.xysearchbar-opened .header__search .search-widget > div .modal-dialog .xy-product .card-product .card-img-top {

            width: 180px; } }

        @media (max-width: 399px) {

          body.xysearchbar-opened .header__search .search-widget > div .modal-dialog .xy-product .card-product .card-img-top {

            width: 100%;

            max-width: 100%; } }

        body.xysearchbar-opened .header__search .search-widget > div .modal-dialog .xy-product .card-product .btn-add-to-cart {

          flex-shrink: 1; }

  body.xysearchbar-opened #header .header-top .header__right .shopping-cart > a {

    z-index: -1; }

    body.xysearchbar-opened #header .header-top .header__right .shopping-cart > a .cart-products-count {

      z-index: -1; }

  @media (max-width: 575px) {

    body.xysearchbar-opened #footer-nav-mobile,

    body.xysearchbar-opened .product-buy-group {

      display: none !important; } }



body.has-banner .search-widget {

  top: 65px; }

  @media (max-width: 768px) {

    body.has-banner .search-widget {

      top: 8px; } }