$cookiebarBg: #f6f6f6 !default;

.cookiebar {
   background: $cookiebarBg;
   box-shadow: 0 0 15px rgba(55, 55, 55, .15);
   max-height: 50%;
   overflow: auto;
   padding: 20px 25px 15px;
   position: fixed;
   bottom: 0;
   left: 0;
   right: 0;
   width: 100%;
   z-index: 99999999; // vic nez smartsapp

   .btn {
      padding: 5px 20px;
   }

   p {
      line-height: 1.4;
   }

   .h3 {
      margin-top: 0;
   }

   .cookiebar-more {
      background: transparent;
      border-color: transparent;
      color: inherit;
      padding-left: 0;
      text-decoration: underline;

      &:hover,
      &:active,
      &:focus {
         text-decoration: none;
      }
   }

   .custom-checkbox {
      margin-bottom: 8px;
      display: block;
   }

   .disabled {
      pointer-events: none;

      span {
         opacity: 0.3;
      }
   }

   @media screen and (max-width: 449px) {
      font-size: smaller;
      padding: 15px;

      .h3 {
         font-size: 16px;
      }
   }
}

.cookiebar-simple {

   @media screen and (min-width: 992px) {
      display: flex;
      align-items: center;

      p {
         margin-bottom: 0;
         padding-right: 30px;
      }
   }
}

.cookiebar-btns {
   display: flex;
   align-items: center;
   justify-content: space-between;

   @media screen and (max-width: 449px) {
      flex-wrap: wrap;
   }

   @media screen and (min-width: 450px) {
      p {
         margin: 0;
         padding-right: 5px;
      }

      .btn:last-child {
         float: right;
      }
   }
}

.ordering-gdpr {
   overflow: auto;
   padding: 10px 0 0;

   a {
      text-decoration: underline;

      &:hover,
      &:active,
      &:focus {
         text-decoration: none;
      }
   }

   p {
      margin-bottom: 0.75rem;
   }

   .form-group {
      display: flex;
      margin-bottom: 12px;

      > div {
         flex-shrink: 0;
      }

      label {
         margin-right: 0;
         padding-right: 0;
         top: 0;
      }
   }

   @media screen and (min-width: 768px) {
      text-align: right;
      padding-bottom: 20px;

      .form-group {
         clear: right;
         float: right;
      }
   }
}
