/*
Theme Name: Porto Child - OPBS
Theme URI: https://www.portotheme.com/wordpress/porto
Author: OPBS
Description: Porto Child Theme z identyfikacją OPBS — kolory, typografia, motyw izolinii, wzorce bloków.
Version: 2.0.0
Template: porto
License: Commercial
License URI: http://themeforest.net/licenses/regular_extended
*/

/*************** ADD YOUR CUSTOM CSS HERE  ***************/

@font-face{font-family:'Barlow Semi Condensed';src:url('assets/fonts/BarlowSemiCondensed-Medium.woff2') format('woff2');font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:'Barlow Semi Condensed';src:url('assets/fonts/BarlowSemiCondensed-SemiBold.woff2') format('woff2');font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:'IBM Plex Sans';src:url('assets/fonts/IBMPlexSans-Variable.woff2') format('woff2-variations');font-weight:100 700;font-style:normal;font-display:swap}
@font-face{font-family:'IBM Plex Mono';src:url('assets/fonts/IBMPlexMono-Regular.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'IBM Plex Mono';src:url('assets/fonts/IBMPlexMono-Medium.woff2') format('woff2');font-weight:500;font-style:normal;font-display:swap}

:root{
  --opbs-granat:#14324F;
  --opbs-granat-800:#0E2438;
  --opbs-granat-300:#3A6390;
  --opbs-grafit:#1F2933;
  --opbs-beton:#F2F4F6;
  --opbs-bursztyn:#E8930A;
  --opbs-bursztyn-hover:#C97C06;
  --opbs-bialy:#FFFFFF;
  --opbs-font-naglowki:'Barlow Semi Condensed',Arial Narrow,sans-serif;
  --opbs-font-tekst:'IBM Plex Sans','Segoe UI',sans-serif;
  --opbs-font-dane:'IBM Plex Mono',Consolas,monospace;
}

body{font-family:var(--opbs-font-tekst);color:var(--opbs-grafit)}
h1,h2,h3,h4,.wp-block-heading{font-family:var(--opbs-font-naglowki);font-weight:600;color:var(--opbs-granat);letter-spacing:.01em}

.opbs-dane,.opbs-dane *{font-family:var(--opbs-font-dane);font-size:.92em;color:#5F6B76}

.opbs-sekcja-naglowek{
  position:relative;background:var(--opbs-granat);color:var(--opbs-bialy);
  padding:2.4rem 2rem;overflow:hidden;border-radius:0;
}
.opbs-sekcja-naglowek h1,.opbs-sekcja-naglowek h2{color:var(--opbs-bialy);margin:0 0 .4rem}
.opbs-sekcja-naglowek p{color:#B9C7D4;margin:0;max-width:38rem;position:relative;z-index:1}
.opbs-sekcja-naglowek::after{
  content:"";position:absolute;right:0;bottom:0;width:340px;height:100%;
  background:url('assets/img/izolinie-narozne.svg') right bottom / contain no-repeat;
  pointer-events:none;
}

.opbs-kafelek{
  background:var(--opbs-beton);border-radius:6px;padding:1.4rem;
  border-top:3px solid var(--opbs-granat);height:100%;
  transition:transform .15s ease,box-shadow .15s ease;
}
.opbs-kafelek:hover{transform:translateY(-3px);box-shadow:0 8px 20px rgba(20,50,79,.12)}
.opbs-kafelek--priorytet{border-top-color:var(--opbs-bursztyn)}
.opbs-kafelek h3{font-size:1.1rem;margin:.6rem 0 .3rem}
.opbs-kafelek p{font-size:.9rem;color:#5F6B76;margin:0}

.opbs-karta-aktu{
  background:var(--opbs-bialy);border:1px solid #E0E4E8;border-radius:6px;
  padding:1rem 1.2rem;height:100%;
}
.opbs-karta-aktu .opbs-karta-aktu__meta{font-family:var(--opbs-font-dane);font-size:.78rem;color:#8A94A0;margin:0 0 .25rem}
.opbs-karta-aktu h3{font-size:1rem;margin:0 0 .3rem}
.opbs-karta-aktu p{font-size:.88rem;color:#5F6B76;margin:0}

.opbs-cta{
  background:var(--opbs-granat);color:var(--opbs-bialy);
  padding:2rem;border-radius:0;position:relative;overflow:hidden;
}
.opbs-cta::before{
  content:"";position:absolute;left:0;top:0;width:220px;height:100%;
  background:url('assets/img/izolinie-narozne-lewe.svg') left top / contain no-repeat;opacity:.6;
}
.opbs-cta h2,.opbs-cta h3,.opbs-cta p{color:var(--opbs-bialy);position:relative}

.wp-block-button__link,.opbs-przycisk{
  background:var(--opbs-bursztyn)!important;color:#fff!important;
  border-radius:4px!important;font-weight:500;border:0;
}
.wp-block-button__link:hover,.opbs-przycisk:hover{background:var(--opbs-bursztyn-hover)!important}
.is-style-outline .wp-block-button__link{
  background:transparent!important;color:inherit!important;
  border:1px solid currentColor!important;
}

.opbs-watermark{position:relative}
.opbs-watermark::after{
  content:"";position:absolute;right:-40px;bottom:-40px;width:280px;height:280px;
  background:url('assets/img/sygnet-watermark.svg') center / contain no-repeat;opacity:.05;pointer-events:none;
}