/*
 Theme Name: Konkret
 Template: Divi
 Version: 1.0.0
*/
 
/* =Theme customization starts here
------------------------------------------------------- */

@font-face {
  font-family: 'FontAwesome';
  src: url('/wp-content/themes/Divi/core/admin/fonts/fontawesome/fa-solid-900.woff2') format('woff2');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'FontAwesome';
  src: url('/wp-content/themes/Divi/core/admin/fonts/fontawesome/fa-brands-400.woff2') format('woff2');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'FontAwesome';
  src: url('/wp-content/themes/Divi/core/admin/fonts/fontawesome/fa-regular-400.woff2') format('woff2');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

/* --- Divi: kropki (pagination bullets) – pełne 48x48, bez skakania --- */
.et_pb_slider .et-pb-controllers,
.et_pb_gallery .et-pb-controllers { 
  min-height: 48px !important;   /* stała wysokość, brak „przytyków” */
  display: flex !important; 
  justify-content: center !important; 
  gap: 8px !important;
}
.et_pb_slider .et-pb-controllers li,
.et_pb_gallery .et-pb-controllers li { list-style: none !important; }

.et_pb_slider .et-pb-controllers a,
.et_pb_gallery .et-pb-controllers a {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 48px !important;
  min-height: 48px !important;
  padding: 16px !important;          /* powiększa hit-area */
  margin: -16px 6px !important;      /* kompensuje layout */
  line-height: 0 !important;
  font-size: 0 !important;           /* ukryj numerki 1,2,3… */
  background: transparent !important;
}

/* widoczna kropka w środku */
.et_pb_slider .et-pb-controllers a::before,
.et_pb_gallery .et-pb-controllers a::before {
  content: "" !important;
  display: block !important;
  width: 10px !important;
  height: 10px !important;
  border-radius: 50% !important;
  background: rgba(255,255,255,.35) !important;
}
.et_pb_slider .et-pb-controllers a.et-pb-active-control::before,
.et_pb_gallery .et-pb-controllers a.et-pb-active-control::before {
  background: #fff !important;
}

/* strzałki – też pełny hit-area, bez wpływu na layout */
.et-pb-arrow-prev, .et-pb-arrow-next {
  display: inline-flex !important; align-items:center !important; justify-content:center !important;
  min-width: 48px !important; min-height: 48px !important;
  padding: 8px !important;
}