/*
Theme Name: WBPartners
Author: Wojciech Tałanda
Version: 1.0
*/
@import url('./fonts.css');

* {
    margin:0;
    padding: 0;
  box-sizing: border-box;
}

:root {
    --color-brand: var(--brand-color);
    --color-secondary: var(--color-secondary);
    --color-background: var(--color-background);
    --color-dark: var(--color-dark);
    --color-white: var(--color-white);
    --font-primary: 'PlayfairDisplay';
    --font-secondary: 'BaiJamjuree';
}
::selection {
  background: var(--color-secondary);
  color: white;
}
/* html, body{overflow-x:hidden;} */
body {
  background: var(--color-background);
  font-family: var(--font-primary);
}
p, li{
  font-family: var(--font-secondary);
  line-height:24px;
}
/* body::before{
    content: '';
    width: 1px; 
  height: 100vh; 
  background-color: #cacaca81; 
  position: fixed;   
  left: calc((100vw - var(--container-width)) / 2) !important;     
  top: 0;  
  z-index: -1;
} */


main {
/* padding-top: 72px;   */
}

/* BTN */
/* Base button styles */
.btn {
  display: inline-flex;
    align-items: center;
    justify-content: center;
    gap:6px;
    padding: 8px 32px;
    font-size: 17px;
    font-weight: bold;
    text-decoration: none;
    border-radius: 30px;
    border: 3px solid var(--color-dark);
    cursor: pointer;
    transition: all .2s ease-in-out;
}
/* Divider Line */
.divider-line {
  width: 100%;
  max-width: var(--container-width);
  height: 1px;
  background: #e5e7eb;
  margin: 48px auto;
}

.divider-line--small {
  margin: 24px 0;
}

.divider-line--large {
  margin: 80px 0;
}

.divider-line--brand {
  background: var(--color-brand)};
}

/* Primary button - brand color */
.btn--primary {
  background: var(--color-brand);
  color: #ffffff;
  border-color: var(--color-brand);
}

.btn--primary:hover {
  background: transparent;
  border-color: var(--color-brand);
  color:var(--color-brand);
}

/* Secondary button - secondary color wypełniony */
.btn--secondary {
  background: var(--color-secondary);
  color: #ffffff;
  border-color: var(--color-secondary);
}

.btn--secondary:hover {
    background: transparent;
  border-color: var(--color-secondary);
  color:var(--color-secondary);
}
.btn--dark{
    border-color: var(--color-dark);
    color:var(--color-dark);
}
.btn--dark:hover{
    border-color: var(--color-brand);

}
.btn__icon{
    font-size: 1.1em;
  line-height: 1;
  display: flex;
  align-items: center;
}
/* BTN */

h1 {
  /* color: #333; */
}


[class*="--full"] {width: 100%;}
[class*="--full"] .content {
    max-width: var(--container-width);
    margin: 0 auto;
    padding: 0px 15px;
    }

[class*="--container"] {
    padding: 0 15px;
    margin: 0 auto;
    width: 100%; max-width: var(--container-width);
    }

[class*="--normal"] {
    padding-top: 20px;
    padding-bottom: 20px;
}
[class*="--large"] {
    padding-top: 40px;
    padding-bottom: 40px;
}
[class*="--null"] {
    padding-top: 0px;
    padding-bottom: 0px;
}

@media(min-width:1024px){
  [class*="--full"] .content {
    padding: 0px 32px;
    }

[class*="--container"] {
    padding: 0 32px;
    }

[class*="--normal"] {
    padding-top: 32px;
    padding-bottom: 32px;
}
[class*="--large"] {
    padding-top: 60px;
    padding-bottom: 60px;
}
}

.section--bg-white {
  background: #fff;
}

.section--bg-gray {
  background: #f5f5f5;
}

.section--bg-dark {
  background: var(--color-dark);
}

.section--bg-brand {
  background: var(--color-brand);
}
.section--bg-second {
  background: var(--color-secondary);
}
.section--bg-transparent {
    background: transparent;
}
.section--bg-white {
    background: white;
}

section {
  color: var(--section-text, inherit);
}

[class*="--section-text:var(--color-brand)"] {padding: 150px 64px;}
section h1,
section h2,
section h3,
section p,
section a {
  color: inherit;
}

/* Blog */
.blog-listing .container{
  max-width: var(--container-width);
  margin:0 auto;
  padding: 32px 15px;
}

.curiosity{
  position:relative;
padding-left:15px;
  padding-bottom:10px;
    padding-top:10px;
  padding-right:10px;
  background:#d1d1d13d;
}
.curiosity::before{
  position:absolute;
  left:0px;
  top:0;
  content:"";
  width:5px;
  height:100%;
  background:var(--color-secondary);
}

/* COOKIE */
.cky-btn, .cky-btn-revisit-wrapper{
  background:var(--color-brand) !important;
  border-color:var(--color-brand) !important;
}
.cky-btn-reject, .cky-btn-customize, .cky-btn-preferences{
  color:var(--color-brand) !important;
  border-color:var(--color-brand) !important;
  background:0 !important;
}

.cky-btn-reject:hover, .cky-btn-customize:hover, .cky-btn-preferences:hover{
  background:var(--color-brand) !important;
  border-color:var(--color-brand) !important;
  color:#fff !important;
}
.cky-show-desc-btn{color:var(--color-secondary) !important; !important;}
/* COOKIE */

@media(min-width:1024px){
  .blog-listing .container{padding:80px 32px;}
}

/* Single POST */
.single-post .container{
  max-width: var(--container-width);
  margin:0 auto;
  padding: 32px 15px;
}

@media(min-width:1024px){
  .single-post .container{padding: 32px 32px;}
}

.listing-description-down__content {
    position: relative;
    overflow: hidden;
    max-height: 300px; /* wysokość w px zamiast liczby znaków - bardziej niezawodne */
    transition: max-height 0.3s ease;
}

.listing-description-down.is-collapsed .listing-description-down__content::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 60px;
    background: linear-gradient(to bottom, rgba(255,255,255,0), var(--color-background));
    pointer-events: none;
}

.listing-description-down.is-expanded .listing-description-down__content {
    max-height: none;
}

.listing-description-down__toggle {
    margin-top: 12px;
    background: none;
    border: none;
    color: var(--color-secondary);
    font-weight: 600;
    cursor: pointer;
    padding: 0;
	font-family: var(--font-secondary);
}