/*
 Theme Name:   Kuba-Press
 Theme URI:    https://generatepress.com
 Description:  A GeneratePress child theme
 Author:       Jakub Urbanowicz
 Author URI:   https://kuba.urbanowicz.info/
 Template:     generatepress
 Version:      0.1
*/

/*** 1. THEME Tweaks ***/

/* Body background color (outside wrapper)
body {
	background-color: var(--baza-3);
}  */

/* Site Wrapper */
.site-wrapper {
    width: 100%;
    max-width: 1920px;
    margin-inline: auto;
}

/* Container padding overrides */
.inside-header {
	padding-inline: 0px !important;
}

.site-header {
	padding-inline: clamp(1rem, 0.848rem + 0.758vw, 1.5rem) !important;
}

.site-content, #content {
	padding: 0px;
}

/* -- SECTIONS -- */

.gb-container-section-xs {
	padding: 1rem clamp(1rem, 0.848rem + 0.758vw, 1.5rem) 1rem clamp(1rem, 0.848rem + 0.758vw, 1.5rem);
}

.gb-container-section-s {
	padding: clamp(1.5rem, 1.5rem + 0vw, 1.5rem) clamp(1rem, 0.848rem + 0.758vw, 1.5rem) clamp(1.5rem, 1.5rem + 0vw, 1.5rem) clamp(1rem, 0.848rem + 0.758vw, 1.5rem);
}

.gb-container-section-m {
	padding: clamp(1.5rem, 1.197rem + 1.515vw, 2.5rem) clamp(1rem, 0.848rem + 0.758vw, 1.5rem) clamp(1.5rem, 1.197rem + 1.515vw, 2.5rem) clamp(1rem, 0.848rem + 0.758vw, 1.5rem);
}

.gb-container-section-d {
	padding: clamp(3rem, 2.394rem + 3.03vw, 5rem) clamp(1rem, 0.848rem + 0.758vw, 1.5rem) clamp(3rem, 2.394rem + 3.03vw, 5rem) clamp(1rem, 0.848rem + 0.758vw, 1.5rem);
}

.gb-container-section-l {
	padding: clamp(4.5rem, 3.591rem + 4.545vw, 7.5rem) clamp(1rem, 0.848rem + 0.758vw, 1.5rem) clamp(4.5rem, 3.591rem + 4.545vw, 7.5rem) clamp(1rem, 0.848rem + 0.758vw, 1.5rem);
}

.gb-container-section-xl {
	padding: clamp(6rem, 4.788rem + 6.061vw, 10rem) clamp(1rem, 0.848rem + 0.758vw, 1.5rem) clamp(6rem, 4.788rem + 6.061vw, 10rem) clamp(1rem, 0.848rem + 0.758vw, 1.5rem);
}

/* Container Widths */
:root {
	--width-m: 64rem;
	--width-s: 48rem
	--width-xs: 40rem;
}

/* Hide blocks on very small screens */
@media screen and (max-width: 361px) {
    .gb-element-efea6c43,
    .gb-element-e387bbb0 {
        display: none !important;
    }
}


/* Ukrywanie przycisku, jeśli komentarze są zamknięte */
.comments-closed .gb-text-402fcf70 {
    display: none !important;
}


/*** TYPOGRAPHY */

/* Wielkości nagłówków */
:root {
    --h1-size: 4rem;
    --h2-size: 3rem;
    --h3-size: 2.625rem;
    --h4-size: 2.25rem;
    --h5-size: 1.875rem;
    --h6-size: 1.5rem;
}

@media (max-width: 1024px) {
    :root {
        --h1-size: 2.8rem;
        --h2-size: 2.2rem;
        --h3-size: 1.975rem;
        --h4-size: 1.75rem;
        --h5-size: 1.525rem;
        --h6-size: 1.3rem;
    }
}

@media (max-width: 768px) {
    :root {
        --h1-size: 2.5rem;
        --h2-size: 1.8125rem;
        --h3-size: 1.8125rem;
        --h4-size: 1.625rem;
        --h5-size: 1.4375rem;
        --h6-size: 1.25rem;
    }
}

/* ==========================================================================
   W pełni zsynchronizowane nagłówki + Klasy pomocnicze (Front-end + Backend)
   ========================================================================== 

h1:not(.has-inline-typography):not([class*="has-"]), 
h1.wp-block-heading:not(.has-inline-typography):not([class*="has-"]),
.size-h1:not(.has-inline-typography):not([class*="has-"]) { 
    font-size: var(--h1-size); 
}

h2:not(.has-inline-typography):not([class*="has-"]), 
h2.wp-block-heading:not(.has-inline-typography):not([class*="has-"]),
.size-h2:not(.has-inline-typography):not([class*="has-"]) { 
    font-size: var(--h2-size); 
}

h3:not(.has-inline-typography):not([class*="has-"]), 
h3.wp-block-heading:not(.has-inline-typography):not([class*="has-"]),
.size-h3:not(.has-inline-typography):not([class*="has-"]) { 
    font-size: var(--h3-size); 
}

h4:not(.has-inline-typography):not([class*="has-"]), 
h4.wp-block-heading:not(.has-inline-typography):not([class*="has-"]),
.size-h4:not(.has-inline-typography):not([class*="has-"]) { 
    font-size: var(--h4-size); 
}

h5:not(.has-inline-typography):not([class*="has-"]), 
h5.wp-block-heading:not(.has-inline-typography):not([class*="has-"]),
.size-h5:not(.has-inline-typography):not([class*="has-"]) { 
    font-size: var(--h5-size); 
}

h6:not(.has-inline-typography):not([class*="has-"]), 
h6.wp-block-heading:not(.has-inline-typography):not([class*="has-"]),
.size-h6:not(.has-inline-typography):not([class*="has-"]) { 
    font-size: var(--h6-size); 
}
*/
/* ==========================================================================
    Przypisanie zmiennych do konkretnych nagłówków
   ========================================================================== */
h1, .size-h1, h1.wp-block-heading { font-size: var(--h1-size); }
h2, .size-h2, h2.wp-block-heading { font-size: var(--h2-size); }
h3, .size-h3, h3.wp-block-heading { font-size: var(--h3-size); }
h4, .size-h4, h4.wp-block-heading { font-size: var(--h4-size); }
h5, .size-h5, h5.wp-block-heading { font-size: var(--h5-size); }
h6, .size-h6, h6.wp-block-heading { font-size: var(--h6-size); }


/* ==========================================================================
   Wzmocnione przypisanie wielkości nagłówków (Front-end i Edytor)
   ========================================================================== */

/* H1 - Twoje 4rem (64px) 
h1, .size-h1, 
.entry-content h1, 
.editor-styles-wrapper h1, 
.editor-styles-wrapper .wp-block-heading h1 { 
    font-size: var(--h1-size) !important; 
}
*/
/* H2 - Twoje 3rem (48px) 
h2, .size-h2, 
.entry-content h2, 
.editor-styles-wrapper h2, 
.editor-styles-wrapper .wp-block-heading h2 { 
    font-size: var(--h2-size) !important; 
}
*/
/* H3 - Twoje 2.625rem (42px) - stąd ta zbieżność, GP ustawił dla H1 to, co Ty chciałeś dla H3! 
h3, .size-h3, 
.entry-content h3, 
.editor-styles-wrapper h3, 
.editor-styles-wrapper .wp-block-heading h3 { 
    font-size: var(--h3-size) !important; 
}
*/
/* H4 - Twoje 2.25rem (36px) 
h4, .size-h4,
.entry-content h4, 
.editor-styles-wrapper h4, 
.editor-styles-wrapper .wp-block-heading h4 { 
    font-size: var(--h4-size) !important; 
}
*/
/* H5 - Twoje 1.875rem (30px) 
h5, .size-h5,
.entry-content h5, 
.editor-styles-wrapper h5, 
.editor-styles-wrapper .wp-block-heading h5 { 
    font-size: var(--h5-size) !important; 
}
*/
/* H6 - Twoje 1.5rem (24px) 
h6, .size-h6,
.entry-content h6, 
.editor-styles-wrapper h6, 
.editor-styles-wrapper .wp-block-heading h6 { 
    font-size: var(--h6-size) !important; 
}
*/

/* Set Font Family */

.ff-body {
  font-family: var(--gp-font--body);
}

.ff-heading {
  font-family: var(--gp-font--heading);
}

/* Fluid Typography Scale 

h1, .fs-h1 {
	font-size: clamp(2.4074rem, 1.0143rem + 5.8658vw, 4.7684rem);
}

h2, .fs-h2 {
	font-size: clamp(2.1399rem, 1.1517rem + 4.161vw, 3.8147rem);
}

h3, .fs-h3 {
	font-size: clamp(1.9021rem, 1.2238rem + 2.8562vw, 3.0518rem);
}

h4, .fs-h4 {
	font-size: clamp(1.6908rem, 1.2479rem + 1.8649vw, 2.4414rem);
}

h5, .fs-h5 {
	font-size: clamp(1.5029rem, 1.2373rem + 1.1185vw, 1.9531rem);
}

h6, .fs-h6 {
	font-size: clamp(1.3359rem, 1.2023rem + 0.5629vw, 1.5625rem);
}

p, .fs-p {
	font-size: clamp(1rem, 0.9432rem + 0.2273vw, 1.125rem);
}
*/
/* Password Protected Pages */
.post-password-form {
	max-width: 768px;
	padding: 8rem 0px;
	margin-inline: auto;
	text-align: center;
}

/*** 2. UTILITIES ***/

.img-4x3 {
    aspect-ratio: 4 / 3;
}

/* Line Limits */
.line-limit-3, .line-limit-2 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.line-limit-3 {
    -webkit-line-clamp: 3;
}

.line-limit-2 {
    -webkit-line-clamp: 2;
}

/* Visually Hidden */
.visually-hidden:not(:focus):not(:active) {
	clip: rect(0 0 0 0);
	clip-path: inset(50%);
	height: 1px;
	overflow: hidden;
	position: absolute;
	white-space: nowrap;
	width: 1px;
}

/* TRANSITION */
.transition {
    transition: all .25s ease-in-out;
}

/* --- GP MENUACCESSIBILITY TWEAK --- */
#site-navigation ul.sub-menu {
    display: block;
}

#site-navigation li:hover .gp-icon svg {
    transform: rotate(180deg);
}

#site-navigation li:hover .sub-menu {
    visibility: visible;
}

/* No Underline */
.no-ul, .no-ul a {
	text-decoration: none;
}

/* Text Balance / Pretty 
:is(h1, h2, h3, h4, h5, h6), .balance {
	text-wrap: balance;
}
*/
p, blockquote, li {
	text-wrap: pretty;
}

/* Text columns */
	.news-columns {
		display: default;
}
  
@media (min-width: 1200px) {
	.news-columns {
		columns: 2 auto;
		column-gap: 4em;
		column-rule: dotted 3px;
		column-rule-color: rgb(187, 58, 22);
		orphans: 2;
	}
}
  
	.news-columns:not(p) {
		margin-bottom: 1em;
}

/* Botom Global Line Height */
.gb-bottom {
	line-height: 1em;
}

/* Botton Global Line Height */
.gb-botton {
	line-height: 1em;
}

/* Remove bottom margin on last paragraph */
p:last-child:last-of-type {
	margin-bottom: 0px;
}

.block-editor-block-list__layout .gb-container p:nth-last-child(2) {
	margin-bottom: 0px;
}

.wrap-and-break {
  overflow-wrap: break-word;
}

/*** PLUGIN TWEAKS ***/

/* Adjust Contact Form 7 width */
.wpcf7 {
    width: 100%;
}

/* Adjust Contact Form 7 input field width */
.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 textarea {
    width: 100%;
}