// Obsahova cast focusu
//------------------------------

.focus {

   .blue {
      background: $brand-primary no-repeat right bottom;
      color: $white;
      vertical-align: bottom;

      p a {
         border-bottom: 1px solid #60c2f4;
         color: $white;

         &:hover,
         &:active,
         &:focus {
            border-color: $white;
            text-decoration: none;
         }
      }
   }

   h2 {
      font-size: 30px;
      text-transform: uppercase;
      font-weight: 700;

      @media screen and (min-width: 435px) {
         font-size: 24px;
      }
   }

   label { color: $gray; }

   .focus-content > .display-table > .display-cell { padding: 35px; }
}

.added-to-cart {

   h3 {
      font-size: 18px;
      font-weight: 400;
   }

   .pieces,
   .var {
      color: $gray;
   }

   .price {
      color: $brand-primary;
      font-size: 32px;
      line-height: 1em;
   }

   .cart-inserted img {
      max-width: 110px;
   }

   .blue {
      background-image: url("/templates/images/dialog_cart.png");
      width: 35%;
   }

   @media screen and (max-width: 610px) {
      .focus-content > .display-table > .display-cell {
         display: block;
         padding: 25px 35px 15px;
         width: 100%;

         .btn {
            margin: 0 !important;
         }
      }

      .blue {
         background-size: 100px;
      }

      .m-b-3 {
         margin-bottom: 10px !important;
      }

      .products-alsobuyed .catalog {
         width: 33.333%;

         &:nth-child(1n+5) {
            display: none;
         }
      }
   }

   @media screen and (max-width: 420px) {
      .cart-inserted > .display-table {
         display: block;
         position: relative;

         > div {
            display: block;
         }

         &:last-child > div {

            &:first-child {
               position: absolute;
               bottom: 0;
            }

            &:last-child {
               padding-bottom: 60px;
            }
         }
      }
   }
}

.added-to-favorites .focus-content {
   .blue {
      background-image: url("/templates/images/added-to-fav-bg.png");
      width: 290px;
   }


   @media screen and (min-width: 600px) {
      max-width: 650px;
      width: 100%;
   }

   @media screen and (max-width: 540px) {
      > .display-table > .display-cell {
         display: block;
         padding: 25px 35px 15px;
         width: 100%;

         .btn { margin: 0 !important; }
      }
   }
}

.editconfirm .focus-content {
   padding: 35px;
   width: 650px;
}

.focus-login .focus-content {
   width: 650px;

   .blue {
      background-image: url("/templates/images/login_bg.png");

      @media screen and (min-width: 700px) {
         width: 305px;
      }
   }

   li {

      a { padding: 5px 0; }

      .fc-angle-right,
      .fa-angle-right {
         color: $brand-primary;
         margin-right: 5px;
      }
   }

   @media screen and (max-width: 480px) {
      > .display-table > .display-cell {
         display: block;
         padding: 25px 35px 15px;

         .m-t-30.m-b-30 { margin: 0; }
      }
   }
}


.focus.searchresp .focus-content {

   .focus-close { margin-top: 0; }

   width: 650px;
   padding: 25px 15px;

   button {
      padding: .5rem .75rem;
      font-size: 1rem;
      line-height: 1.5;
      border: 0;
   }

   input[type=text] {
      font-size: 16px;
      @include border-left-radius(3px);
   }

   @media screen and (min-width: 435px) {
      padding: 35px;

      .focus-close { margin-top: 10px; }
   }
}

.focus.select-variation {
   h2 i {
      color: $brand-primary;
      margin-right: 15px;
   }
}
