/*
 Theme Name: Twenty Twenty-Five Child
 Theme URI: https://example.com/
 Description: Child theme dla UWM theme – własne presety spacing, patterns i style.
 Author: Damian
 Template: twentytwentyfive
 Version: 1.0.0
 Text Domain: uwm-theme-child
*/
.wp-block-site-logo.is-default-size img {
    width: clamp(2.5rem, 35vw, 12rem);
    height: auto;
}
details summary {
  cursor: pointer;
  font-weight: 600;
  position: relative;
  padding-left: 2rem; /* miejsce na plus/minus */
  list-style: none; /* usuwa strzałkę */
}

/* Usuwa domyślny trójkąt z summary */
details summary::-webkit-details-marker {
  display: none;
}

/* Plus (+) */
details summary::after {
  content: "+";
  position: absolute;
  left: 0;
  top: 3px;
  font-size: 1.5rem;
  line-height: 1;
  transition: transform 0.2s ease, opacity 0.2s ease;
}

/* Minus (–) po otwarciu */
details[open] summary::after {
  content: "–";
}

.is-fixed-top {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 999; /* żeby był nad headerem i nad treścią */
}

/* Gdy zalogowany: uwzględnij pasek admina */
.admin-bar .is-fixed-top {
    top: 32px;
}
.header-uwm  .social-media-uwm figure a{
  display: flex;;
}

.main-hero-container .row-hero-container{
  display: flex;
}
.main-hero-container .row-hero-container .hero-text-content{
  width: 100%;
  padding-right: clamp(0.5rem, 2vw, 20px) !important;
  padding-left: clamp(0.5rem, 2vw, 20px) !important;
}
.main-hero-container .row-hero-container .hero-text-content{
  width: 100%;
}
.main-menu-uwm ul.wp-block-navigation__submenu-container li a{ 
  font-size: var(--wp--preset--font-size--s);
}
.custom-submenu-uwm ul li a{
  background: white;
  padding: 1rem 2rem;
}

@media (max-width: 782px) {
  .admin-bar .is-fixed-top {
      top: 46px;
  }
  .is-fixed-top .is-layout-flex {
      gap: 0.5rem; 
  }
  .social-media-uwm {
    display: none !important;
  }
}

@media (min-width: 1200px) {
  .main-hero-container .row-hero-container .hero-text-content{
    width: 50%;
  }
  .main-hero-container .row-hero-container .hero-image-content{
    width: 50%;
  }
}

@media (min-width: 1700px) {
  .main-hero-container .row-hero-container{
    display: flex;
    justify-content: flex-end;
  }
  .main-hero-container .row-hero-container .hero-text-content{
    max-width: 870px;
  }
}

/* (Ważne) Dodaj padding-top do body, aby treść nie wskakiwała pod pasek */
body.has-global-padding-is-fixed-top {
    padding-top: 48px; /* dostosuj do wysokości paska */
}