/**** Header ****/

#she-header {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  align-content: flex-start;
  justify-content: center; 
  gap: 20px;
  padding: 0 20px;
  box-sizing: border-box;
}

/* Esnek davranacaklar */
#she-header .she-text-header,
#she-header .she-links-wrapper {
  flex: 1 1 auto;      /* kalan alanı paylaş */
  min-width: 160px;    /* mobilde kırılma sınırı */
  text-align: center;
}

/* İçerik kadar davranacaklar */
#she-header .she-logo,
#she-header .she-action-button {
  flex: 0 0 auto;      /* sabit içerik genişliği */
  text-align: center;
}
/**** end Header *****/

/**** Link Group *****/
.she-links-wrapper {
    display: flex;
    align-items: center;
    position: relative;
    max-width: 100%; /* component_width inline style ile override edilecek */
}

.she-links {
    display: flex;
    flex-wrap: wrap;   /* wrap serbest */
    gap: 12px;
    flex: 1;
    justify-content: center; /* linkleri ortala */
}

/**** end link group *****/

/**** Action button *****/
.she-btn {
    display: inline-flex !important;   /* block override edilmesin */
    justify-content: center;           /* yatay ortalama */
    align-items: center;               /* dikey ortalama */
    padding: 0.5em 1em; 			/* font-size ile orantılı */
    border-radius: 4px;
    font-weight: 500;
    text-decoration: none;
    box-sizing: border-box;            /* width içine padding + border dahil */
    text-align: center;
    line-height: 1.2;                  /* sabit line-height, temadan gelen override’ı engeller */
}

/* Filled styles */
.she-btn-primary   { background: #0073aa; color: #fff; }
.she-btn-secondary { background: #666;    color: #fff; }
.she-btn-success   { background: #46b450; color: #fff; }
.she-btn-info      { background: #00a0d2; color: #fff; }

/* Outline styles */
.she-btn-primary-outline   { border: 2px solid #0073aa; color: #0073aa; background: transparent; }
.she-btn-secondary-outline { border: 2px solid #666;    color: #666;    background: transparent; }
.she-btn-success-outline   { border: 2px solid #46b450; color: #46b450; background: transparent; }
.she-btn-info-outline      { border: 2px solid #00a0d2; color: #00a0d2; background: transparent; }

/**** end Action button *****/

