/* ORAN Store TEST r29 – design #2: lightly tinted outlined pills for customer sign-in and cart.
 * Visual-only CSS. Real customer/cart module markup, links, counters and Ajax state remain unchanged.
 * Logo dimensions, search layout, colorful r25 navigation, and mobile (<768px) remain untouched.
 * Desktop >= 1101px, with reduced spacing at 1101-1279px to fit existing grid columns.
 */
@media (min-width: 1101px) {
  #header .oran-account-tools {
    box-sizing: border-box;
    width: 100%;
    min-width: 0;
    gap: 8px !important;
    display: flex !important;
    justify-content: flex-end !important;
    align-items: center !important;
    flex-wrap: nowrap !important;
  }

  #header .oran-account-tools > #_desktop_user_info,
  #header .oran-account-tools > #_desktop_cart {
    float: none !important;
    margin: 0 !important;
    padding: 0 !important;
    min-width: 0;
    flex: 0 1 auto;
    max-width: 100%;
  }

  /* Account module: normal login and signed-in account link. */
  #header .oran-account-tools #_desktop_user_info .user-info {
    margin: 0 !important;
    padding: 0 !important;
    display: flex;
    gap: 5px;
    align-items: center;
    justify-content: flex-end;
  }

  #header .oran-account-tools #_desktop_user_info .user-info > a:not(.logout) {
    box-sizing: border-box;
    display: inline-flex !important;
    justify-content: center;
    align-items: center;
    flex: 0 1 auto;
    gap: 8px;
    height: 50px;
    min-width: 0;
    white-space: nowrap;
    margin: 0 !important;
    padding: 0 12px !important;
    border: 1px solid #d8e3fa;
    border-radius: 999px;
    background: linear-gradient(115deg, #eef4ff, #f9fbff);
    box-shadow: 0 3px 10px rgba(36, 73, 135, .035);
    color: #102e66 !important;
    font-family: Arial, "Segoe UI", sans-serif;
    font-size: 14px !important;
    font-weight: 700;
    line-height: 1.2;
    text-decoration: none !important;
    transition: border-color .18s ease, box-shadow .18s ease, background-color .18s ease;
  }
  #header .oran-account-tools #_desktop_user_info .user-info > a:not(.logout) > span {
    color: #102e66 !important;
    font-size: 14px !important;
    font-weight: 700;
    white-space: nowrap;
  }
  #header .oran-account-tools #_desktop_user_info .user-info > a:not(.logout) .material-icons {
    flex: 0 0 auto;
    color: #102e66 !important;
    font-size: 28px !important;
    line-height: 1 !important;
    margin: 0 !important;
  }

  /* Cart module: preserve its empty/full markup and original links/counter. */
  #header .oran-account-tools #_desktop_cart .blockcart {
    margin: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    color: #102e66 !important;
    border: 0 !important;
  }
  #header .oran-account-tools #_desktop_cart .blockcart .header {
    box-sizing: border-box;
    height: 50px;
    min-width: 0;
    margin: 0 !important;
    padding: 0 10px !important;
    border: 1px solid #f9d8ce;
    border-radius: 999px;
    background: linear-gradient(115deg, #fffaf7, #fff5f2);
    box-shadow: 0 3px 10px rgba(130, 62, 65, .035);
    display: flex !important;
    justify-content: center;
    align-items: center;
    gap: 7px;
    font-family: Arial, "Segoe UI", sans-serif;
    color: #102e66 !important;
    font-size: 14px !important;
    font-weight: 700;
    line-height: 1.2;
    white-space: nowrap;
  }
  #header .oran-account-tools #_desktop_cart .blockcart .header a {
    display: inline-flex !important;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;
    gap: 7px;
    white-space: nowrap;
    color: #102e66 !important;
    font-size: 14px !important;
    font-weight: 700;
    text-decoration: none !important;
  }
  #header .oran-account-tools #_desktop_cart .blockcart .header .material-icons {
    flex: 0 0 auto;
    color: #102e66 !important;
    font-size: 28px !important;
    line-height: 1 !important;
    margin: 0 !important;
  }
  #header .oran-account-tools #_desktop_cart .blockcart .header > span:not(.cart-products-count),
  #header .oran-account-tools #_desktop_cart .blockcart .header a > span:not(.cart-products-count) {
    color: #102e66 !important;
    font-size: 14px !important;
    font-weight: 700;
    white-space: nowrap;
  }
  #header .oran-account-tools #_desktop_cart .cart-products-count {
    box-sizing: border-box;
    flex: 0 0 auto;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    min-width: 26px;
    height: 26px;
    margin: 0 !important;
    padding: 0 5px !important;
    border-radius: 999px;
    background: linear-gradient(115deg, #d014dd, #ff348c 48%, #ff8b39) !important;
    color: #fff !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    text-align: center;
  }

  #header .oran-account-tools #_desktop_user_info .user-info > a:not(.logout):hover,
  #header .oran-account-tools #_desktop_user_info .user-info > a:not(.logout):focus-visible {
    border-color: #abc3f5;
    box-shadow: 0 5px 16px rgba(36, 73, 135, .11);
  }
  #header .oran-account-tools #_desktop_cart .blockcart .header:hover,
  #header .oran-account-tools #_desktop_cart .blockcart .header:focus-within {
    border-color: #f3b6a3;
    box-shadow: 0 5px 16px rgba(130, 62, 65, .10);
  }
}

/* Avoid pushing the search bar / logo in smaller desktop widths. */
@media (min-width: 1101px) and (max-width: 1279px) {
  #header .oran-account-tools {
    gap: 6px !important;
  }
  #header .oran-account-tools #_desktop_user_info .user-info > a:not(.logout) {
    gap: 4px;
    height: 44px;
    padding: 0 7px !important;
    font-size: 12px !important;
  }
  #header .oran-account-tools #_desktop_user_info .user-info > a:not(.logout) > span {
    font-size: 12px !important;
  }
  #header .oran-account-tools #_desktop_user_info .user-info > a:not(.logout) .material-icons {
    font-size: 21px !important;
  }
  #header .oran-account-tools #_desktop_cart .blockcart .header {
    gap: 4px;
    height: 44px;
    padding: 0 7px !important;
    font-size: 12px !important;
  }
  #header .oran-account-tools #_desktop_cart .blockcart .header a {
    gap: 4px;
    font-size: 12px !important;
  }
  #header .oran-account-tools #_desktop_cart .blockcart .header .material-icons {
    font-size: 21px !important;
  }
  #header .oran-account-tools #_desktop_cart .blockcart .header > span:not(.cart-products-count),
  #header .oran-account-tools #_desktop_cart .blockcart .header a > span:not(.cart-products-count) {
    font-size: 12px !important;
  }
  #header .oran-account-tools #_desktop_cart .cart-products-count {
    height: 22px;
    min-width: 22px;
    font-size: 11px !important;
    padding: 0 3px !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  #header .oran-account-tools #_desktop_user_info .user-info > a:not(.logout),
  #header .oran-account-tools #_desktop_cart .blockcart .header {
    transition: none;
  }
}