/**
 * Theme Name: Blocksy Dev
 * Template:   blocksy
 * Author: devjablonska
 * Version: 1.0.0
 */

/* === FONT FACE === */
/* Brygada1918 */
@font-face {
  font-family: 'Brygada1918';
  src: url('fonts/brygada-1918/Brygada1918-Regular.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Brygada1918';
  src: url('fonts/brygada-1918/Brygada1918-SemiBold.otf') format('opentype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Brygada1918';
  src: url('fonts/brygada-1918/Brygada1918-BoldItalic.otf') format('opentype');
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}


/* Inter */
@font-face {
  font-family: 'Inter';
  src: url('fonts/Inter/Inter-Regular.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Inter';
  src: url('fonts/Inter/Inter-Medium.otf') format('opentype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Inter';
  src: url('fonts/Inter/Inter-SemiBold.otf') format('opentype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
/* ====== */

/* === Definicja zmiennych dla html === */
:root {
  /* Fonts */
  --font-heading: 'Brygada1918', Georgia, serif;
  --font-body: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, sans-serif;

  /* Font weights */
  --weight-regular: 400;
  --weight-medium: 500;
  --weight-semibold: 600;
  --weight-bold: 700;

  /* Line heights */
  --line-height-body: 1.65;
  --line-height-heading: 1.2;

}
/* ====== */

/* === Typografia === */
h1, h2 {
  font-family: var(--font-heading);
  font-weight: var(--weight-bold); /* 700 */
  letter-spacing: 0;
  margin-bottom: 0.5em;
}

h3 {
	font-family: var(--font-heading);
	font-weight: var(--weight-semibold); /* 600 */
	opacity: 0.95;
	letter-spacing: 0;
	margin-bottom: 0.5em;
}

h4, h5, h6 {
  font-family: var(--font-body);
  font-weight: var(--weight-semibold);
  line-height: 1.3;
  margin: 0 0 0.5em 0;
}

/* font-size */
h1 {
  font-size: clamp(2.2rem, 1.8rem + 2vw, 3rem);
  line-height: 1.1;
}

h2 {
  font-size: clamp(1.7rem, 1.4rem + 1vw, 2.2rem);
  line-height: 1.15;
}

h3 {
  font-size: clamp(1.3rem, 1.15rem + 0.5vw, 1.6rem);
  line-height: 1.2;
}

/*signature h2*/
h2 {
  display: flex;
  align-items: center;
  gap: 0.4em;
}

h2::before {
  content: "";
  width: 0.25em;
  height: 1.1em;
  background: linear-gradient(180deg, rgba(0,69,34,0.9), rgba(153,180,166,0.7));
  display: inline-block;
  border-radius: 999px;
  margin-right: 0.6em;
  transform: translateY(-0.05em);
}

h2:hover::before {
  filter: brightness(1.1);
}

body, p, li {
  font-family: var(--font-body);
  font-weight: var(--weight-regular);
  line-height: var(--line-height-body);
}

blockquote, em {
  font-family: var(--font-body);
  font-style: italic;
}

.short-quote {
  font-family: var(--font-heading);
  font-style: italic;
}


.hero, .logo-initial {
  font-family: var(--font-heading);
  font-weight: var(--weight-bold);
  font-style: oblique; /* tylko hero i akcenty */
}

/* ====== */

/* === MEDIA PRINT (PDF) === */

/* ukryj elementy niepotrzebne w PDF */
@media print {
  body.page-id-128 * {
    visibility: hidden !important;
    margin: 0 !important;
    padding: 0 !important;
  }
  
  body.page-id-128 {
    font-family: 'Inter', sans-serif;
    font-size: 11pt;
    line-height: 1.4;
  } 

  body.page-id-128 h1,
  body.page-id-128 h2,
  body.page-id-128 h3 {
    font-family: 'Brygada1918', serif;
  }
  
  body.page-id-128 .cv-container,
  body.page-id-128 .cv-container * {
    visibility: visible !important;
  }
  
  body.page-id-128 .cv-container {
    position: absolute;
    top: 0;
    left: 4em;
	font-size: small !important;
    width: 100%;
    padding: 0;
    margin: 0;
	max-width: 100% !important;
    box-sizing: border-box;
  }
  
  body.page-id-128 .cv-container h2,
  body.page-id-128 .cv-container h3 {
    font-size: 25px !important;
	margin: 10px !important;
  }
  
  
}

/* format A4 */
@page {
  size: A4;
  margin: 1.5cm;
}

/*======*/