/*
 * Quark 2 — user customizations
 *
 * This file is safe to edit. It is loaded last so anything here overrides
 * theme.css without having to mark rules !important.
 */

/*Globalny custom*/
/*Większy content-item, bo domyślny jest strasznie wąski */
.container {
  max-width: 1350px;
}

#body-wrapper > .container > .content-item {
	max-width: none;
}
 
/*
   Zakładka HOBBY początek
   */


  /* Klasyczna, sztywna siatka Grid (wyrównuje spadające elementy do lewej) */
  .hobby-profile-grid {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 24px !important;
    margin: 30px 0 !important;
  }

  /* Karta - proporcje 4/5 */
  .hobby-profile-card {
    position: relative !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important;
    aspect-ratio: 4 / 5 !important;
    overflow: hidden !important;
    background: #000000 !important;
    border: 1px solid rgba(255, 255, 255, 0.12) !important;
    border-radius: 8px !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  /* Zdjęcie w tle - STATYCZNE */
  img.hobby-bg-image {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    z-index: 0 !important;
    margin: 0 !important;
    max-width: none !important;
  }

  /* Mroczny gradient z dołu */
  .hobby-profile-card::after {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.95) 0%, rgba(0, 0, 0, 0.4) 55%, transparent 100%) !important;
    pointer-events: none !important;
    z-index: 1 !important;
  }

  /* Warstwa nakładki (zawartość) */
  .hobby-profile-overlay {
    position: relative !important;
    z-index: 2 !important;
    padding: 24px !important;
    display: flex !important;
    flex-direction: column !important;
    height: 100% !important;
    justify-content: flex-end !important;
  }

  .hobby-text-group {
    margin-bottom: 20px !important;
  }

  /* Strefa linków (wymuszona wysokość dla wyrównania H2) */
  .hobby-links-container {
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
    height: 76px !important;
  }

  .hobby-profile-number {
    display: block !important;
    margin-bottom: 8px !important;
    color: #aeaeae !important;
    font-size: 11px !important;
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
  }

  .hobby-profile-overlay h2 {
    margin: 0 !important;
    color: #ffffff !important;
    font-size: clamp(22px, 2.5vw, 28px) !important;
    font-weight: 500 !important;
    letter-spacing: 0.5px !important;
    border: none !important;
    line-height: 1.1 !important;
  }

  /* Wygląd linku - ZAWSZE biały tekst */
  a.hobby-minimal-link {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding: 9px 0 !important;
    color: #ffffff !important; 
    text-decoration: none !important;
    font-size: 13.5px !important;
    letter-spacing: 0.5px !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
    transition: border-color 0.3s ease, padding-left 0.3s ease !important;
    margin: 0 !important;
    line-height: 19px !important;
  }

  a.hobby-minimal-link:last-child {
    border-bottom: none !important;
  }

  .hobby-link-left {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
  }

  /* Stylizacja Favicony */
  img.hobby-favicon {
    width: 16px !important;
    height: 16px !important;
    border-radius: 3px !important;
    display: block !important;
    position: static !important;
  }

  /* Klasyczna strzałka po prawej stronie */
  a.hobby-minimal-link::after {
    content: "→" !important;
    opacity: 0.3 !important;
    font-family: sans-serif !important;
    transition: opacity 0.3s ease, transform 0.3s ease !important;
  }

  /* Interakcje (HOVER) */
  a.hobby-minimal-link:hover {
    border-bottom-color: rgba(255, 255, 255, 0.4) !important;
    padding-left: 6px !important;
  }

  a.hobby-minimal-link:hover::after {
    opacity: 1 !important;
    transform: translateX(4px) !important;
  }

  /* Responsywność dla smartfonów */
  @media (max-width: 800px) {
    .hobby-profile-grid { 
      grid-template-columns: 1fr !important; /* Na telefonie 1 kolumna */
      gap: 16px !important; 
    }

    .hobby-links-container { height: auto !important; }
    .hobby-profile-overlay { padding: 20px !important; }
  }

/*
   Zakładka HOBBY koniec
   */


/*
   Zakładka BLOG   */

.card-body {
	display: none;
}