/* Green Pi Interactive City V6.5
 * Fine tuning: bigger logo zone, tighter nav spacing, icon-styled language selector.
 */

/* 1) Logo area a bit larger and visually cleaner */
.gp-topbar-main-shell{
  gap:14px !important;
}
.gp-topbar-brand{
  min-width:220px !important;
  max-width:320px !important;
  gap:14px !important;
  padding-left:6px !important;
}
.gp-topbar-logo img,
.gp-topbar-logo .custom-logo{
  max-width:220px !important;
  max-height:58px !important;
}

/* 2) Menu buttons slightly tighter */
.gp-topbar-nav{
  gap:8px !important;
}
.gp-topbar-nav .gp-group-tab{
  min-height:42px !important;
  padding:0 16px !important;
  font-size:13px !important;
  border-radius:12px !important;
}
.gp-topbar-actions{
  gap:8px !important;
}
.gp-topbar-quote{
  min-height:42px !important;
  padding:0 18px !important;
  border-radius:12px !important;
}

/* 3) Language selector with menu-consistent icon styling */
.gp-topbar-language{
  position:relative !important;
}
.gp-topbar-language::before{
  content:'';
  position:absolute;
  left:14px;
  top:50%;
  width:15px;
  height:15px;
  transform:translateY(-50%);
  pointer-events:none;
  opacity:.85;
  background-repeat:no-repeat;
  background-position:center;
  background-size:15px 15px;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='rgba(255,255,255,0.88)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M2 12h20'/%3E%3Cpath d='M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z'/%3E%3C/svg%3E");
}
.gp-topbar-language select,
.gp-topbar-language select.gt_selector,
.gp-topbar-language .switcher .selected a,
.gp-topbar-language .gt_float_switcher .gt-selected{
  min-width:160px !important;
  height:42px !important;
  padding:0 36px 0 36px !important;
  font-size:13px !important;
  border-radius:12px !important;
}
.gp-topbar-language select,
.gp-topbar-language select.gt_selector{
  background-position:right 12px center !important;
  background-size:13px 13px !important;
}
.gp-topbar-language .switcher .selected a:after,
.gp-topbar-language .gt_float_switcher .gt-selected:after{
  font-size:11px;
}

@media (max-width:1050px){
  .gp-topbar-brand{
    min-width:180px !important;
    max-width:280px !important;
  }
  .gp-topbar-logo img,
  .gp-topbar-logo .custom-logo{
    max-width:190px !important;
    max-height:50px !important;
  }
}

@media (max-width:900px){
  .gp-topbar-brand{
    min-width:0 !important;
    max-width:220px !important;
    gap:10px !important;
  }
  .gp-topbar-logo img,
  .gp-topbar-logo .custom-logo{
    max-width:150px !important;
    max-height:40px !important;
  }
  .gp-topbar-nav{
    gap:6px !important;
  }
  .gp-topbar-nav .gp-group-tab,
  .gp-topbar-quote,
  .gp-topbar-language select,
  .gp-topbar-language select.gt_selector,
  .gp-topbar-language .switcher .selected a,
  .gp-topbar-language .gt_float_switcher .gt-selected{
    min-height:38px !important;
    height:38px !important;
    font-size:12px !important;
    border-radius:11px !important;
  }
  .gp-topbar-language::before{
    left:12px;
    width:13px;
    height:13px;
    background-size:13px 13px;
  }
  .gp-topbar-language select,
  .gp-topbar-language select.gt_selector,
  .gp-topbar-language .switcher .selected a,
  .gp-topbar-language .gt_float_switcher .gt-selected{
    min-width:138px !important;
    padding:0 32px 0 32px !important;
  }
}