/* ==========================================================================
   PLIK extra.css - WERSJA FINALNA, OPARTA NA POPRAWNEJ LOGICE
   ========================================================================== */

/* --- UKŁAD NAGŁÓWKA (HEADER) --- */
.md-header__inner { display: flex; justify-content: space-between; align-items: center; width: 100%; }
.md-header__left-section, .md-header__right-section { flex: 1; }
.md-header__left-section { display: flex; justify-content: flex-start; align-items: center; gap: 0.5rem; }
.md-header__center-section { display: flex; justify-content: center; text-align: center; }
.md-header__right-section { display: flex; justify-content: flex-end; }
.md-header__center-section .md-header__title { font-size: 1.6rem; font-weight: 700; line-height: 1; }
.md-header__left-section .md-header__button { font-size: 1.75rem; }
@media screen and (max-width: 767px) {
  .md-header__center-section { display: none; }
  .md-header__button[for="__search"] { display: none; }
}

/* --- WYSZUKIWARKA --- */
.md-search__icon { color: #388e3c !important; }
.md-search .md-icon { top: 0rem; }
.md-search__input::placeholder { color: #388e3c; opacity: 0.7; }
.md-search__form { border-radius: 2em; height: 2.4em; border: 1px solid #e0ebd5; background-color: #fdfdf7; }
.md-search__input { background: transparent; border: none; outline: none; }

/* --- SEKCJA "O MNIE" ZE ZDJĘCIEM --- */
.md-content img[alt="rafal_ney"] { float: left; margin-right: 1.5rem; margin-bottom: 1rem; border-radius: 8px; }
@media screen and (max-width: 767px) {
  .md-content img[alt="rafal_ney"] { float: none; display: block; margin: 0 auto 1.5rem auto; max-width: 200px; height: auto; }
}

/* --- POPRAWKA DLA IFRAME Z NOTEBOOKAMI --- */
.md-content iframe { width: calc(100% + 2.4rem); margin-left: -1.2rem; border: 1px solid #ccc; box-sizing: border-box; }
@media screen and (max-width: 767px) {
  .md-content iframe { width: 100%; margin-left: 0; }
}

/* ==========================================================================
   OSTATECZNA POPRAWKA DLA STRONY GŁÓWNEJ
   ========================================================================== */
@media screen and (min-width: 1220px) {

  /* Celujemy w cały kontener prawego paska (.md-sidebar--secondary)
  ale TYLKO na stronie głównej (.md-template--homepage) */
  .md-template--homepage .md-sidebar--secondary {
    display: none;
  }
}