/* Bootstrap Slim – custom build for dymek.eu
   Based on Bootstrap 5.3.x
   Includes ONLY used components/utilities
*/

@font-face {
  font-family: "FontAwesome";
  src: url("/assets/fonts/fontawesome-webfont.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

/* ===== Reset / base ===== */
*,::before,::after{box-sizing:border-box}
body{
  margin:0;
  font-family:system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  line-height:1.5;
  color:#212529;
  background:#fff;
}
img{max-width:100%;height:auto}

/* ===== Layout ===== */
.container{
  width:100%;
  padding-right:12px;
  padding-left:12px;
  margin-right:auto;
  margin-left:auto;
}
@media (min-width:768px){.container{max-width:720px}}
@media (min-width:992px){.container{max-width:960px}}
@media (min-width:1200px){.container{max-width:1140px}}

.row{
  display:flex;
  flex-wrap:wrap;
  margin-right:-12px;
  margin-left:-12px;
}
.row>*{
  padding-right:12px;
  padding-left:12px;
}

.col-md-4{
  width:100%;
}
@media (min-width:768px){
  .col-md-4{flex:0 0 33.333333%;max-width:33.333333%}
}

.g-4{
  --gutter:1.5rem;
}
.g-4>*{
  margin-bottom:var(--gutter);
}

/* ===== Flex utilities ===== */
.d-flex{display:flex}
.d-block{display:block}
.align-items-center{align-items:center}
.justify-content-between{justify-content:space-between}
.mx-auto{margin-left:auto;margin-right:auto}
.h-100{height:100%}

/* ===== Spacing ===== */
.p-4{padding:1.5rem}
.py-2{padding-top:.5rem;padding-bottom:.5rem}
.py-4{padding-top:1.5rem;padding-bottom:1.5rem}
.pt-4{padding-top:1.5rem}
.mb-0{margin-bottom:0}
.mb-2{margin-bottom:.5rem}
.mb-3{margin-bottom:1rem}
.mb-5{margin-bottom:3rem}

/* ===== Typography ===== */
h1,h2{margin:0 0 .5rem;font-weight:600;line-height:1.2}
h1{font-size:2rem}
h2{font-size:1.25rem}
.text-center{text-align:center}
.text-secondary{color:#6c757d}
.text-primary{color:#0d6efd}
.text-dark{color:#212529}
.text-uppercase{text-transform:uppercase}
.fw-semibold{font-weight:600}
.fs-1{font-size:2.5rem}
.small{font-size:.875rem}

/* ===== Links ===== */
a{text-decoration:none;color:inherit}
.text-decoration-none{text-decoration:none}

/* ===== Buttons ===== */
.btn{
  display:inline-block;
  padding:.375rem .75rem;
  border:1px solid transparent;
  border-radius:.375rem;
  font-size:.875rem;
  font-weight:600;
  text-align:center;
  cursor:pointer;
}
.btn-sm{font-size:.75rem}
.btn-outline-primary{
  color:#0d6efd;
  border-color:#0d6efd;
  background:transparent;
}
.btn-outline-primary:hover{
  background:#0d6efd;
  color:#fff;
}

/* ===== Cards ===== */
.card{
  border:1px solid #dee2e6;
  border-radius:.375rem;
  background:#fff;
}
.shadow-sm{
  box-shadow:0 .125rem .25rem rgba(0,0,0,.075);
}

/* ===== Background & borders ===== */
.bg-white{background:#fff}
.border-top{border-top:1px solid #dee2e6}
.border-bottom{border-bottom:1px solid #dee2e6}