/*
Theme Name: SM Wrocław-Południe 2025
Theme URI: https://wroclaw-poludnie.pl
Author: Jakub Wrzeszcz
Description: Niestandardowy motyw WordPress dla SM Wrocław-Południe
Version: 1.0.0
Text Domain: SMWP
*/

/* ==========================================================================
   Imports
   ========================================================================== */
@import url("fonts/fonts.css");
@import url("css/variables.css");
@import url("css/wp-content.css");
@import url("css/section-header.css");
@import url("css/list-items.css");
@import url("css/sidebar-categories.css");
@import url("css/ui-button.css");
@import url("css/section-hero-bg.css");
@import url("css/category-badge.css");
@import url("css/containers.css");
@import url("css/header.css");
@import url("css/footer.css");
@import url("css/homepage-hero.css");
@import url("css/homepage-news.css");
@import url("css/link-buttons.css");
@import url("css/faq.css");
@import url("css/announcements.css");
@import url("css/eu-projects.css");
@import url("css/publications.css");
@import url("css/documents.css");
@import url("css/tenders.css");
@import url("css/single-post.css");
@import url("css/contact.css");
@import url("css/events.css");
@import url("css/single-event.css");
@import url("css/about.css");
@import url("css/single-unit.css");
@import url("css/archive-generic.css");
@import url("css/page-segregacja.css");

/* ==========================================================================
   Reset & Base Styles
   ========================================================================== */

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body {
  font-family: var(--font-family-body);
  font-size: var(--t1-font-size);
  line-height: var(--t1-line-height);
  font-weight: var(--t1-font-weight);
  color: var(--color-black);
  background-color: var(--color-white);
}

img {
  max-width: 100%;
  height: auto;
}

a {
  color: var(--color-blue);
  text-decoration: none;
  transition: color 0.3s ease;
}

a:hover {
  text-decoration: underline;
}

/* ==========================================================================
   Utilities
   ========================================================================== */

/* Badge base */
.label-badge,
.section-header__label,
.category-badge {
  display: block;
  font-family: var(--font-family-body);
  font-size: 12px;
  line-height: 16px;
  padding: 4px 8px;
  border-radius: var(--border-radius-sm);
  width: fit-content;
}

/* ==========================================================================
   Typography
   ========================================================================== */

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: var(--font-family-heading);
  font-weight: 700;
  margin-bottom: var(--padding-125);
}

h1 {
  font-size: var(--h1-font-size);
  line-height: var(--h1-line-height);
  font-weight: var(--h1-font-weight);
}

h2 {
  font-size: var(--h2-font-size);
  line-height: var(--h2-line-height);
  font-weight: var(--h2-font-weight);
}

h4 {
  font-size: var(--h4-font-size);
  line-height: var(--h4-line-height);
  font-weight: var(--h4-font-weight);
}

.text-a1 {
  font-size: var(--a1-font-size);
  line-height: var(--a1-line-height);
  font-weight: var(--a1-font-weight);
}

.text-a1-bold {
  font-size: var(--a1-font-size);
  line-height: var(--a1-line-height);
  font-weight: var(--a1-font-weight-bold);
}

.text-t1 {
  font-size: var(--t1-font-size);
  line-height: var(--t1-line-height);
  font-weight: var(--t1-font-weight);
}

.text-t1-bold {
  font-size: var(--t1-font-size);
  line-height: var(--t1-line-height);
  font-weight: var(--t1-font-weight-bold);
}