/*
//** Default label background color
$label-default-bg:            $gray-light !default;
//** Primary label background color
$label-primary-bg:            $brand-primary !default;
//** Success label background color
$label-success-bg:            $brand-success !default;
//** Info label background color
$label-info-bg:               $brand-info !default;
//** Warning label background color
$label-warning-bg:            $brand-warning !default;
//** Danger label background color
$label-danger-bg:             $brand-danger !default;

//** Default label text color
$label-color:                 #fff !default;
//** Default text color of a linked label
$label-link-hover-color:      #fff !default; */
.megadropdown {
  width: 720px; }
  @media (min-width: 1290px) {
    .megadropdown {
      width: 920px; } }
  .megadropdown button {
    margin: 0 !important; }
  .megadropdown .domainsearch {
    display: table;
    background: #ededed;
    width: 100%;
    border-bottom: 1px solid #cfcfcf; }
    .megadropdown .domainsearch > div, .megadropdown .domainsearch > label {
      display: table-cell;
      vertical-align: middle;
      padding: 20px 31px;
      white-space: nowrap; }
    .megadropdown .domainsearch > label {
      padding-top: 12px; }
    .megadropdown .domainsearch div.searchfield {
      padding-left: 0;
      padding-bottom: 6px;
      width: 100%; }
      .megadropdown .domainsearch div.searchfield .links {
        padding-top: 3px;
        padding-left: 0;
        height: 20px;
        overflow: hidden;
        margin-left: 10px; }
        .megadropdown .domainsearch div.searchfield .links a {
          margin-left: 3px;
          opacity: 1;
          margin-top: -8px; }
        .megadropdown .domainsearch div.searchfield .links.show {
          animation: revealLinks .5s; }
@keyframes revealLinks {
  0% {
    opacity: 0;
    padding-left: 30px; }
  100% {
    opacity: 1;
    padding-left: 0; } }
    .megadropdown .domainsearch > label {
      font-size: 27px;
      color: #0a6393; }
  .megadropdown .products {
    display: table;
    width: 100%;
    table-layout: fixed; }
    .megadropdown .products > div {
      display: table-cell;
      width: 100%;
      padding: 25px 31px;
      border-left: 1px solid  #cfcfcf; }
      .megadropdown .products > div h3 {
        margin-top: 0;
        color: #0a6393; }
      .megadropdown .products > div .product {
        display: block;
        padding: 10px 0; }
      .megadropdown .products > div a.product {
        color: #333;
        padding: 10px 31px;
        margin: 0 -31px; }
      .megadropdown .products > div a.product:hover {
        text-decoration: none;
        background-color: #ededed; }

@media (max-width: 1025px) {
  .megadropdown {
    width: auto;
    transform: translate(50%); }
    .megadropdown .domainsearch {
      display: block;
      border-top: 1px solid #ccc; }
      .megadropdown .domainsearch label {
        display: block;
        font-size: 15px;
        padding: 14px 18px 0; }
      .megadropdown .domainsearch div.searchfield {
        padding: 3px 18px 15px 15px;
        display: block; }
        .megadropdown .domainsearch div.searchfield .links {
          margin-left: 0;
          margin-top: 10px;
          padding-top: 0; }
          .megadropdown .domainsearch div.searchfield .links a {
            margin-top: 0;
            margin-left: 0;
            margin-right: 3px; }
    .megadropdown .products {
      display: block; }
      .megadropdown .products .productrow {
        display: block;
        padding: 20px 18px;
        border: none;
        border-bottom: 1px solid #ccc; }
        .megadropdown .products .productrow h3 {
          font-size: 16px;
          margin-bottom: 13px; }
          .megadropdown .products .productrow h3 + .product {
            border-top: 1px solid #ccc;
            border-radius: 4px 4px 0 0; }
        .megadropdown .products .productrow .product {
          margin: 0;
          border: 1px solid #ccc;
          background: #f2f2f2;
          padding: 9px 20px;
          border-top: none; }
          .megadropdown .products .productrow .product:last-child {
            border-radius: 0 0 4px 4px; }
          .megadropdown .products .productrow .product h4 {
            font-size: 13px;
            margin-bottom: 4px;
            margin-top: 3px; }
          .megadropdown .products .productrow .product p {
            margin: 0; } }

/*# sourceMappingURL=megadropdown_rrp.css.map */

/* -------------------------------------------------------------------------
   Suggestions toggle switch (domain search overlay in the "Produkt
   hinzufügen" mega-dropdown). Shared markup from
   login/app/Resources/views/layout.html.php + rrp-templates/templates/
   productdropdown_rrp.tpl (.dsearch-field, .suggestions-toggle).
   ------------------------------------------------------------------------- */
.megadropdown .domainsearch .input-group .dsearch-field {
    position: relative;
    display: table-cell;
    width: 100%;
    vertical-align: middle;
}
.megadropdown .domainsearch .input-group .dsearch-field input.searchterm {
    padding-right: 60px;
}
.megadropdown .domainsearch .input-group .suggestions-toggle {
    /* Hidden per tester feedback (2026-08-13): re-enable by
       removing this line, rest of the rule/markup/JS stays untouched.
       !important needed — this rule also sets display:inline-flex below. */
    display: none !important;
    position: absolute;
    top: 50%;
    right: 12px;
    transform: translateY(-50%);
    /* Bootstrap 3 sets `.input-group .form-control{position:relative;
       z-index:2}` — this matches our input too (it's a descendant
       selector, reaches through the extra .dsearch-field wrapper). Without
       an explicit z-index here, this absolutely-positioned toggle (z-index
       auto) loses to the input's z-index:2 and gets painted UNDER its
       opaque background — invisible despite being correctly sized/colored. */
    z-index: 3;
    display: inline-flex;
    align-items: center;
    cursor: pointer;
    user-select: none;
    line-height: normal;
}
.megadropdown .domainsearch .input-group .suggestions-toggle .suggestions-toggle__input {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    margin: 0;
    padding: 0;
    pointer-events: none;
}
.megadropdown .domainsearch .input-group .suggestions-toggle .suggestions-toggle__track {
    position: relative;
    display: inline-block;
    flex: 0 0 auto;
    width: 36px;
    height: 20px;
    border-radius: 10px;
    background: #c3c3c3;
    transition: background-color .2s ease;
    box-sizing: border-box;
}
.megadropdown .domainsearch .input-group .suggestions-toggle .suggestions-toggle__track::after {
    content: "";
    position: absolute;
    top: 2px;
    left: 2px;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: #fff;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .35);
    transition: transform .2s ease;
}
.megadropdown .domainsearch .input-group .suggestions-toggle .suggestions-toggle__input:checked ~ .suggestions-toggle__track {
    background: #4A90E2;
}
.megadropdown .domainsearch .input-group .suggestions-toggle .suggestions-toggle__input:checked ~ .suggestions-toggle__track::after {
    transform: translateX(16px);
}
.megadropdown .domainsearch .input-group .suggestions-toggle .suggestions-toggle__input:focus-visible ~ .suggestions-toggle__track {
    box-shadow: 0 0 0 2px rgba(74, 144, 226, .4);
}
.megadropdown .domainsearch .input-group .suggestions-toggle .suggestions-toggle__text {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}
.megadropdown .domainsearch .input-group .suggestions-toggle .suggestions-toggle__tooltip {
    display: none;
    position: absolute;
    bottom: 100%;
    right: 0;
    margin-bottom: 8px;
    width: max-content;
    max-width: 220px;
    padding: 6px 10px;
    border-radius: 6px;
    background: rgba(0, 0, 0, .85);
    color: #fff;
    font-size: 12px;
    line-height: 1.4;
    text-align: left;
    white-space: normal;
    pointer-events: none;
    z-index: 9999;
}
.megadropdown .domainsearch .input-group .suggestions-toggle .suggestions-toggle__tooltip::after {
    content: attr(data-tt-exact);
}
.megadropdown .domainsearch .input-group .suggestions-toggle .suggestions-toggle__input:checked ~ .suggestions-toggle__tooltip::after {
    content: attr(data-tt-smart);
}
@media (hover: hover) {
    .megadropdown .domainsearch .input-group .suggestions-toggle:hover .suggestions-toggle__tooltip,
    .megadropdown .domainsearch .input-group .suggestions-toggle:focus-within .suggestions-toggle__tooltip {
        display: block;
    }
}