/* R2S Header Bar */

.r2s-header-bar{
  width:100%;
  background:#ffffff;
  border-bottom:1px solid rgba(15,23,42,0.08);
}

.r2s-header-inner{
  max-width: var(--r2s-header-max-width, 1200px);
  margin: 0 auto;
  padding: var(--r2s-header-pad-y, 12px) var(--r2s-header-pad-mobile, 16px);
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap: 14px;
}

@media (min-width: 960px){
  .r2s-header-inner{ padding-left: var(--r2s-header-pad-desktop, 24px); padding-right: var(--r2s-header-pad-desktop, 24px); }
}

.r2s-header-logo{
  display:flex;
  align-items:center;
  text-decoration:none;
  min-width: 0;
}

.r2s-header-logo-img{
  height: var(--r2s-logo-h-mobile, 34px);
  width: auto;
  max-width: 260px;
  display:block;
}

.r2s-header-logo-text{
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-weight: 800;
  color:#0B3C8C;
  letter-spacing: -0.2px;
  font-size: 18px;
}

.r2s-header-actions{
  display:flex;
  align-items:center;
  gap: var(--r2s-btn-gap, 12px);
}

#r2s-custom-header .r2s-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  text-decoration:none;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-weight: 700;
  border-radius: 999px;
  padding: var(--r2s-btn-pad-y-mobile, 10px) var(--r2s-btn-pad-x-mobile, 14px);
  font-size: var(--r2s-btn-font-mobile, 14px);
  height: var(--r2s-btn-height-mobile, auto);
  max-width: var(--r2s-btn-maxw-mobile, none);
  line-height: 1;
  border: 1px solid transparent;
  white-space: nowrap;
}

#r2s-custom-header .r2s-btn-primary{
  background: var(--r2s-primary-bg, #1EC98A);
  color: var(--r2s-primary-text, #ffffff);
}

#r2s-custom-header .r2s-btn-primary:hover{ opacity: .92; }

#r2s-custom-header .r2s-btn-secondary{
  background: var(--r2s-secondary-bg, #0B3C8C);
  color: var(--r2s-secondary-text, #ffffff);
}

#r2s-custom-header .r2s-btn-secondary:hover{ opacity: .92; }

/* Small screens */
@media (min-width: 960px){
  .r2s-header-logo-img{ height: var(--r2s-logo-h-desktop, 46px); }
  #r2s-custom-header .r2s-btn{
    padding: var(--r2s-btn-pad-y-desktop, 12px) var(--r2s-btn-pad-x-desktop, 22px);
    font-size: var(--r2s-btn-font-desktop, 16px);
    height: var(--r2s-btn-height-desktop, auto);
    max-width: var(--r2s-btn-maxw-desktop, none);
  }
}

/* Mobile breakpoint: keep sizes controlled via CSS variables from plugin settings */
@media (max-width: 600px){
  /* Intentionally empty. */
}

@media (max-width: 420px){
  #r2s-custom-header .r2s-header-inner{ flex-direction: column; align-items: center; gap: 12px; }
  #r2s-custom-header .r2s-header-logo{ margin-right: 0; }
  #r2s-custom-header .r2s-header-actions{ width: 100%; justify-content: center; flex-wrap: wrap; gap: var(--r2s-btn-gap, 12px); }
  #r2s-custom-header .r2s-btn{ width: auto; max-width: var(--r2s-btn-maxw-mobile, 360px); text-align: center; }
}

@media (max-width: 360px){
  #r2s-custom-header .r2s-header-logo-img{ height: var(--r2s-logo-h-fold, 70px); }
  #r2s-custom-header .r2s-btn{
    font-size: var(--r2s-btn-font-mobile, 13px);
    padding: var(--r2s-btn-pad-y-mobile, 9px) var(--r2s-btn-pad-x-mobile, 12px);
    max-width: var(--r2s-btn-maxw-mobile, 300px);
  }
}