$cookiebar-bg: $body-bg-alt !default;
$cookiebar-shadow: 0 0 15px rgba(55, 55, 55, .15) !default;
$cookiebar-color: $body-color !default;

// ty divný jména tříd jsou kvůli tomu, aby je neblokoval adBlock ;)

.cookiebar-wrappera {
   .h3 {
      font-size: 18px;
   }

   .custom-checkbox {
      display: block;
      line-height: 1.25;
      margin-bottom: 2px;
   }

   .custom-control-indicator {
      top: 50%;
      transform: translateY(-50%);
   }

   .disabled {
      pointer-events: none;

      span {
         opacity: .3;
      }
   }
}

.cookiebar {
   background: $cookiebar-bg;
   box-shadow: $cookiebar-shadow;
   max-height: 50%;
   overflow: auto;
   padding: 16px 16px 12px;
   position: fixed;
   bottom: 0;
   left: 0;
   right: 0;
   width: 100%;
   z-index: 99999999; // vic nez smartsapp

   p {
      color: $cookiebar-color;
      line-height: $line-height-sm;
   }

   .btn {
      padding: 5px;
   }

   @media screen and (max-width: $sm - 1) {
      font-size: $font-size-smaller;
      padding: 15px;
   }

   .cookiebar-more {
      @include underline-default;

      background: transparent;
      border-color: transparent;
      color: inherit;
      padding-left: 0;
   }

   .cookiebar-btns {
      display: flex;
      align-items: center;
      margin: 0 -4px;

      .btn {
         margin: 4px;
      }
   }

   @media screen and (min-width: $lg) {
      .cookiebar-simple {
         display: flex;
         align-items: center;

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

   @media screen and (max-width: 599px) {
      .cookiebar-btns-advanced {
         flex-wrap: wrap;

         .btn-primary {
            order: -1;
         }

         .btn {
            width: 100%;
         }
      }
   }
}

.focus-cookiebara .focus-content {
   width: 680px;
   padding-right: 40px;
   padding-left: 40px;
}

@import "@css[common]/components/focus/_focus-cookiebar";
