/* =====================================================================
   Johnflies Fly Factory - premium header utility bar
   Scoped to the top-right utility row: language | account links | cart.
   Desktop-first; the theme's mobile dropdown behaviour is preserved.
   Loaded from header.tpl *after* footer-premium.css so it wins the cascade.
   ===================================================================== */

#header_right a { text-decoration: none; }

/* =============================== DESKTOP ========================== */
@media (min-width: 992px) {

  /* ------------------------------- language switcher ------------- */
  #header_right .btn-group { margin-left: 24px; }

  #header_right .btn-group .dropdown-toggle {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 10px 36px 10px 17px;
    border: 1px solid rgba(31, 33, 38, .14);
    border-radius: 999px;
    background: #fff;
    color: #202329;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: .12em;
    text-transform: uppercase;
    line-height: 1;
    box-shadow: 0 1px 2px rgba(20, 22, 28, .04);
    transition: color .2s ease, border-color .2s ease, box-shadow .2s ease;
  }
  #header_right .btn-group .dropdown-toggle:hover,
  #header_right .btn-group.open .dropdown-toggle {
    color: #f0486b;
    border-color: rgba(240, 72, 107, .55);
    box-shadow: 0 6px 16px rgba(240, 72, 107, .14);
  }
  #header_right .btn-group .dropdown-toggle .textlang { font-weight: 700; }
  #header_right .btn-group .dropdown-toggle img {
    border-radius: 2px;
    box-shadow: 0 0 0 1px rgba(20, 22, 28, .07);
    vertical-align: middle;
  }
  #header_right .btn-group .dropdown-toggle:before {
    top: 50%;
    right: 15px;
    transform: translateY(-50%);
    font-size: 11px;
    opacity: .6;
    transition: opacity .2s ease;
  }
  #header_right .btn-group .dropdown-toggle:hover:before { opacity: 1; }

  /* ------------------------------- account links ----------------- */
  #header_right .header_user_info { padding: 0; }
  #header_right .header_user_info > .dropdown-toggle { display: none; } /* cog = mobile only */

  #header_right .header_user_info .links {
    float: none;
    display: inline-flex;
    align-items: center;
    margin: 0;
    padding: 0;
    list-style: none;
  }
  #header_right .header_user_info .links > li {
    display: inline-flex;
    align-items: center;
    margin: 0;
    padding: 0;
  }
  #header_right .header_user_info .links > li + li:before {
    content: "";
    width: 1px;
    height: 17px;
    margin: 0 22px;
    background: rgba(31, 33, 38, .16);
  }
  #header_right .header_user_info .links > li > a {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    font-size: 13.5px;
    font-weight: 700;
    letter-spacing: .07em;
    text-transform: uppercase;
    color: #1b1e24;
    line-height: 1;
    transition: color .2s ease;
  }
  #header_right .header_user_info .links > li > a:before {
    font-family: "FontAwesome";
    font-size: 15px;
    font-weight: 400;
    color: #f0486b;
    transition: color .2s ease;
  }
  #header_right .header_user_info .links > li > a:hover,
  #header_right .header_user_info .links > li > a:hover:before { color: #f0486b; }

  #header_right .header_user_info .links > li.first > a:before          { content: "\f007"; } /* My Account */
  #header_right .header_user_info .links > li > a#wishlist-total:before { content: "\f004"; } /* Wish List  */
  #header_right .header_user_info .links > li > a.login:before          { content: "\f090"; } /* Sign in    */
  #header_right .header_user_info .links > li > a.logout:before         { content: "\f08b"; } /* Sign out   */
  #header_right .header_user_info .links > li > a.account:before        { content: none; }   /* logged in  */
  #header_right .header_user_info .links > li > a.account {
    text-transform: none;
    letter-spacing: .02em;
    font-weight: 600;
  }

  /* ------------------------------- cart -------------------------- */
  #header_right .blockcart_top { margin-left: 28px; }

  #header_right #cart .heading {
    display: inline-flex;
    align-items: center;
    gap: 14px;
    min-width: 0;
    padding: 7px 22px 7px 9px;
    border: 1px solid rgba(31, 33, 38, .14);
    border-radius: 999px;
    background: #fff;
    box-shadow: 0 1px 2px rgba(20, 22, 28, .04);
    transition: border-color .2s ease, box-shadow .2s ease;
  }
  #header_right #cart .heading:hover {
    border-color: rgba(240, 72, 107, .5);
    box-shadow: 0 8px 20px rgba(240, 72, 107, .12);
  }
  #header_right #cart .heading .title-cart {
    order: 1;
    float: none !important;
    width: 42px;
    height: 42px;
    margin: 0;
    padding: 0;
    border: none;
    border-radius: 50%;
    background: linear-gradient(140deg, #f0486b 0%, #d81f49 100%);
    color: #fff;
    box-shadow: 0 6px 16px rgba(240, 72, 107, .32);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: transform .2s ease, box-shadow .2s ease;
  }
  #header_right #cart .heading .title-cart .fa { font-size: 18px; line-height: 1; }
  #header_right #cart .heading:hover .title-cart {
    transform: translateY(-1px);
    box-shadow: 0 9px 20px rgba(240, 72, 107, .4);
  }

  #header_right #cart .heading .cart-inner { order: 2; text-align: right; }
  #header_right #cart .heading h4 {
    margin: 0 0 4px;
    padding: 0;
    font-family: inherit;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .16em;
    text-transform: uppercase;
    color: #5f646d;
  }
  #header_right #cart .heading a { margin: 0; padding: 0; background: none; }
  #header_right #cart .heading a span { font-size: 14.5px; font-weight: 600; color: #1b1e24; }
  #header_right #cart .heading .ajax_cart_no_product { color: #5f646d; font-weight: 500; }
  #header_right #cart .heading a span.ajax_cart_total { color: #f0486b; }
}

/* =============================== MOBILE =========================== */
@media (max-width: 991px) {
  #header_right #cart .heading {
    background: linear-gradient(140deg, #f0486b 0%, #d81f49 100%);
    border-radius: 999px;
    box-shadow: 0 6px 16px rgba(240, 72, 107, .28);
  }
  #header_right .btn-group .dropdown-toggle {
    border-radius: 999px;
    border-color: rgba(31, 33, 38, .13);
    background: #fff;
    color: #202329;
  }
}