/* Embedded Helvetica Neue */

@font-face{
  font-family:'Helvetica Neue Custom';
  src:url('assets/fonts/HelveticaNeueItalic.ttf') format('truetype');
  font-weight:400;
  font-style:italic;
  font-display:swap;
}


@font-face{
  font-family:'Helvetica Neue Custom';
  src:url('assets/fonts/HelveticaNeueRoman.otf') format('opentype');
  font-weight:400;
  font-style:normal;
  font-display:swap;
}


@font-face{
  font-family:'Helvetica Neue Custom';
  src:url('assets/fonts/HelveticaNeueUltraLight.otf') format('opentype');
  font-weight:200;
  font-style:normal;
  font-display:swap;
}


@font-face{
  font-family:'Helvetica Neue Custom';
  src:url('assets/fonts/HelveticaNeueUltraLightItalic.otf') format('opentype');
  font-weight:200;
  font-style:italic;
  font-display:swap;
}


@font-face{
  font-family:'Helvetica Neue Custom';
  src:url('assets/fonts/HelveticaNeueThin.otf') format('opentype');
  font-weight:200;
  font-style:normal;
  font-display:swap;
}


@font-face{
  font-family:'Helvetica Neue Custom';
  src:url('assets/fonts/HelveticaNeueThinItalic.otf') format('opentype');
  font-weight:200;
  font-style:italic;
  font-display:swap;
}


@font-face{
  font-family:'Helvetica Neue Custom';
  src:url('assets/fonts/HelveticaNeueLight.otf') format('opentype');
  font-weight:300;
  font-style:normal;
  font-display:swap;
}


@font-face{
  font-family:'Helvetica Neue Custom';
  src:url('assets/fonts/HelveticaNeueLightItalic.otf') format('opentype');
  font-weight:300;
  font-style:italic;
  font-display:swap;
}


@font-face{
  font-family:'Helvetica Neue Custom';
  src:url('assets/fonts/HelveticaNeueMedium.otf') format('opentype');
  font-weight:500;
  font-style:normal;
  font-display:swap;
}


@font-face{
  font-family:'Helvetica Neue Custom';
  src:url('assets/fonts/HelveticaNeueMediumItalic.otf') format('opentype');
  font-weight:500;
  font-style:italic;
  font-display:swap;
}


@font-face{
  font-family:'Helvetica Neue Custom';
  src:url('assets/fonts/HelveticaNeueBold.otf') format('opentype');
  font-weight:700;
  font-style:normal;
  font-display:swap;
}


@font-face{
  font-family:'Helvetica Neue Custom';
  src:url('assets/fonts/HelveticaNeueBoldItalic.otf') format('opentype');
  font-weight:700;
  font-style:italic;
  font-display:swap;
}


@font-face{
  font-family:'Helvetica Neue Custom';
  src:url('assets/fonts/HelveticaNeueHeavy.otf') format('opentype');
  font-weight:900;
  font-style:normal;
  font-display:swap;
}


@font-face{
  font-family:'Helvetica Neue Custom';
  src:url('assets/fonts/HelveticaNeueHeavyItalic.otf') format('opentype');
  font-weight:900;
  font-style:italic;
  font-display:swap;
}


@font-face{
  font-family:'Helvetica Neue Custom';
  src:url('assets/fonts/HelveticaNeueBlack.otf') format('opentype');
  font-weight:800;
  font-style:normal;
  font-display:swap;
}


@font-face{
  font-family:'Helvetica Neue Custom';
  src:url('assets/fonts/HelveticaNeueBlackItalic.otf') format('opentype');
  font-weight:800;
  font-style:italic;
  font-display:swap;
}


/*
Theme Name: HumanInspired LMS
Theme URI: https://example.com/themes/humaninspired-lms
Author: ChatGPT
Author URI: https://example.com
Description: Minimalistyczny motyw blokowy inspirowany estetyką Humanrace — gotowy pod Tutor LMS (kursy online). Czysty układ, duże zdjęcia, dużo „white space”.
Requires at least: 6.1
Tested up to: 6.6
Requires PHP: 7.4
Version: 1.0.0
License: GPL-2.0-or-later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: humaninspired-lms
Tags: blog, e-commerce, education, lms, one-column, wide-blocks, block-patterns
*/
:root{
  --hi-accent:#2e7d32;
  --hi-bg:#ffffff;
  --hi-text:#111111;
  --hi-muted:#666666;
  --hi-radius:16px;
}
/* ogólne */
body{background:var(--hi-bg); color:var(--hi-text);}
a{color:var(--hi-accent); text-decoration:none;}
a:hover{text-decoration:underline;}
.wp-block-button__link{border-radius:var(--hi-radius); padding:.8rem 1.2rem;}
/* header */
.hi-header{padding:1rem 2rem; border-bottom:1px solid #eee;}
.hi-header .wp-block-navigation{justify-content:flex-end;}
/* hero */
.hi-hero{padding:4rem 2rem;}
.hi-hero .wp-block-heading{margin-bottom:.6rem;}
.hi-hero .lead{color:var(--hi-muted); max-width:720px;}
/* cards / grid */
.hi-grid{gap:1.5rem;}
.hi-card{border:1px solid #eee; border-radius:var(--hi-radius); padding:1rem; background:#fff;}
.hi-card .wp-block-post-featured-image img{border-radius:12px;}
/* footer */
.hi-footer{border-top:1px solid #eee; padding:2rem;}


/* --- Stacked shop tiles --- */
.hi-tiles{display:grid; gap:1rem;}
@media (min-width: 768px){
  .hi-tiles{gap:1.25rem;}
}
.hi-tile{position:relative; border-radius:var(--hi-radius); overflow:hidden; border:1px solid #eee;}
.hi-tile .wp-block-cover{min-height:56vh;}
@media (min-width: 768px){
  .hi-tile .wp-block-cover{min-height:60vh;}
}
/* place the buttons at bottom-right over the image */
.hi-tile .wp-block-buttons{position:absolute; right:1rem; bottom:1rem; z-index:3;}
.hi-tile .wp-block-cover__background{opacity:0 !important;}
/* gradient bottom overlay for legibility */
.hi-tile::after{
  content:"";
  position:absolute; inset:0;
  background:linear-gradient(to top, rgba(0,0,0,.35), rgba(0,0,0,0) 50%);
  z-index:1;
}
.hi-tile .wp-block-button__link{
  background:#111; color:#fff; font-weight:600; letter-spacing:.02em;
  padding:.9rem 1.3rem; border-radius:999px; /* pill */
  box-shadow:0 6px 18px rgba(0,0,0,.15);
}
.hi-tile .wp-block-button__link:hover{transform:translateY(-1px);}
/* make the entire image clickable when wrapped in <a> */
.hi-tile a.hi-link{position:absolute; inset:0; z-index:2;}
/* mobile focus */
@media (max-width: 480px){
  .hi-hero{padding:2.4rem 1rem;}
  .hi-tile .wp-block-cover{min-height:68vh;} /* bigger tiles on phones */
  .wp-block-button__link{padding:1rem 1.4rem; font-size:1rem;}
}


/* --- Helvetica Neue + sizes from brief --- */
body{font-family:'Helvetica Neue Custom','Helvetica Neue', Helvetica, Arial, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;}
h1,h2,h3{font-weight:200;} /* Ultra Light look */
.hi-hero .wp-block-heading{
  font-size:clamp(2.75rem, 8vw, 8.75rem); /* ~105pt max */
  line-height:0.95;
  letter-spacing:-0.01em;
}
.hi-tile .wp-block-button__link{
  font-size:clamp(1.5rem, 6vw, 5.42rem); /* ~65pt max */
  line-height:1;
}
/* colors */
:root{
  --hi-accent:#a2a2a4;
  --hi-bg:#ffffff;
  --hi-text:#000000;
  --hi-muted:#a2a2a4;
}
/* button color scheme */
.hi-tile .wp-block-button__link{background:#000; color:#fff;}
.hi-tile .wp-block-button__link:hover{opacity:.9;}

/* header minimal */
.hi-header{border-bottom:1px solid #efefef;}
.site-title, .wp-block-site-title{font-weight:200; letter-spacing:.02em;}

/* extra mobile breathing room */
@media (max-width:480px){
  .hi-hero{padding:2rem 1rem;}
}


/* --- PDF-specific tweaks --- */
.hi-tiles{gap:0.9rem;}
.hi-tile .wp-block-cover{min-height:70vh;}
@media (min-width:768px){
  .hi-tile .wp-block-cover{min-height:62vh;}
}
.hi-header .wp-block-site-title{font-size:20px; line-height:1; margin:0;}

/* Ensure button sits neatly at phone edges */
.hi-tile .wp-block-buttons{right:0.85rem; bottom:0.85rem;}


/* --- Editor-first tiles (Query Loop) --- */
.hi-tile{position:relative; border-radius:var(--hi-radius); overflow:hidden;}
.hi-tile .wp-block-post-featured-image{margin:0;}
.hi-tile .wp-block-post-featured-image img{width:100%; height:70vh; object-fit:cover; display:block; border-radius:var(--hi-radius);}
.hi-tile::after{
  content:"";
  position:absolute; inset:0;
  background:linear-gradient(to top, rgba(0,0,0,.35), rgba(0,0,0,0) 50%);
  z-index:1; pointer-events:none;
}
.hi-tile .wp-block-buttons{position:absolute; right:.9rem; bottom:.9rem; z-index:2;}
@media (min-width:768px){
  .hi-tile .wp-block-post-featured-image img{height:62vh;}
}
/* allow easy per-tile radius/spacing changes via style controls */
.hi-tiles{gap:clamp(.6rem, 2vw, 1.1rem);}