/*
 * Custom code goes here.
 */

/* hide firstname and lastname alerts in checkout form */  
#customer-form input[name="firstname"]+span.form-control-comment, #customer-form input[name="lastname"]+span.form-control-comment {
    display: none;
}
/* fix for Chrome image rendering */ 
img {
 image-rendering: -webkit-optimize-contrast;
} 
#main h1{color:#0089bb;}
#main h1.h1{color:#0089bb;}

.related-categories-desc {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}	

.related-categories-desc .item {
    margin:5px 0;
}	

.related-categories-desc .item a {
    color: #fff;
    background-color: #0089bb;
    padding: 5px 5px;
    border-radius: 0;
    line-height: 1.1;
    letter-spacing: .4px;
    font-weight: 500;
    font-size: 15px;
}

.ybc-des-and-author .ybc-author-description {
	font-style:normal;
	text-align:center;
}	

.ybc-des-and-author #opt-mt-author-desc {
	margin-top:20px;
}

.ybc-block-author.ybc-block-author-avata.ybc-block-author-avata {
	display:block;
}

.ybc-block-author-avata .avata_img {
	margin:0 auto;
}

.avata_img+.ybc-des-and-author {
	max-width:100%;
	width:100%;
}

.ybc-block-author .avata_img {
	width:140px;
	height:auto;
	border:none;
	border-radius:none;
}

.ybc-des-and-author .ybc-author-name {
	text-align:center;
	margin: 20px 0;
}

.ybc-des-and-author .ybc-author-name a {
	text-transform:none;
}

#opt-author-page-heading {
	margin-top:0;
	margin-bottom:30px;
}

.post-details .spisTresci {
	font-weight:900;
}

.post-details .spisList {
	background: #fdfdfd none repeat scroll 0 0;
    border: 1px solid #ebebeb;
    box-sizing: border-box;
    padding: 12px 40px;
    margin: 25px auto 30px auto;
}

@media (max-width:600px) {
	.ybc-block-author .avata_img {
	width:100px;
}
}
/* FAQ Container */
#schemafaq {
    max-width: 100%;
    width: 100%;
    margin: 0 auto;
    clear: both;
    padding: 30px 0;
    font-family: Arial, sans-serif;
}

/* Tabs container */
#schemafaq .tabs {
    border-radius: 8px;
    overflow: hidden;
    border: 1px solid #ddd;
    background: #fff;
}

/* Individual tab styles */
#schemafaq .tab {
    width: 100%;
    overflow: hidden;    
}

/* Hide checkboxes */
#schemafaq input {
    position: absolute;
    opacity: 0;
    z-index: -1;
}

/* Question label styles */
#schemafaq .tab-label {
    display: flex;
    justify-content: space-between;
    align-items: center;
    text-align: left;
    color: #333;
    padding: 15px;
    background: #f9f9f9;
    font-weight: bold;
    cursor: pointer;
    transition: background 0.3s ease, color 0.3s ease;    
    border-radius: 5px;
}

/* Remove top border for first element */
#schemafaq .tab:first-child .tab-label {
    border-top: none;
}

/* Hover effect */
#schemafaq .tab-label:hover {
    background: #f0f0f0;
}


/* Active (expanded) question */
#schemafaq input:checked + .tab-label {
    background: #0073e6;
    color: #fff;
}

#schemafaq h3 {
	    margin: 15px 0 5px 0;
}

/* Expand/Collapse Icon */
#schemafaq .tab-label::after {
    content: "\276F"; /* Right arrow */
    width: 1em;
    height: 1em;
    text-align: center;
    font-size: 16px;
    transition: transform 0.35s ease;
}

/* Rotate arrow when active */
#schemafaq input:checked + h3 .tab-label::after {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}


/* Answer section */
#schemafaq .tab-content {
    max-height: 0;
    overflow: hidden;
    padding: 0 1em;
    color: #2c3e50;
    background: white;
    transition: max-height 0.35s ease-in-out, padding 0.3s ease-in-out;
}

/* Show answer when active */
#schemafaq input:checked ~ .tab-content {
    max-height: 100vh;
    padding: 15px;
    border-left: 3px solid #0073e6;
    background: #fafafa;
}

/* Close button */
#schemafaq .tab-close {
    display: flex;
    justify-content: flex-end;
    padding: 1em;
    font-size: 0.75em;
    background: #f6f6f6;
    cursor: pointer;
}

#schemafaq .tab-close:hover {
    background: #ececec;
}

/* Responsive tweaks */
@media (max-width: 600px) {
    #schemafaq .tab-label {
        font-size: 16px;
        padding: 12px;
    }

    #schemafaq .tab-content {
        font-size: 14px;
    }
}




.opt-author-top {
	margin-left:-4px;
	font-weight:normal !important;
}

#index .ybc_block_latest .ybc_item_img {
    max-height: 150px;
}

#index .ybc_block_latest{
	padding: 0;
}
#main .contact-form .h3 {
	color: #333;
}
.featured-products p.products-section-title,
.special-products p.products-section-title,
#products .wp-category-slider p.products-section-title,
.ybc_block_latest p.products-section-title {
	margin-top: 0;
	font-weight: 700;
    line-height: 1.1;
	font-size: 20px;
    text-transform: uppercase !important;
	font-family: 'Open Sans', sans-serif;
}
.product-miniature.prod-box-grid p.product-title {
    line-height: 1.1;
}



.video-container {
    width: 80%; /* Na komputerach */
    max-width: 1200px; /* Maksymalna szerokość */
    margin: 0 auto; /* Wyśrodkowanie */
}

@media (max-width: 768px) {
    .video-container {
        width: 100%; /* Na urządzeniach mobilnych */
    }
}

iframe {
    width: 100%;
    height: auto; /* Wysokość automatyczna, aby zachować proporcje */
}


.product-description h2, h3{margin: 25px auto;} /* Poprawia odsępy w nagłówkach w opisie produktu */


.product-short-description {
  font-size: 0.85rem;
  color: #666;
  margin-top: 5px;
}

.product-actions a.btn.btn-primary.view {
    display: inline-block;
    margin-top: 10px;
}

.wpref {
display: block;    
margin: 10px 0 0 0;
min-height: 18px;
text-align: center;
}

.wplabel {
	font-weight: 600;
}

.prod-box-list {
display: none; 
}




/* Styl jumbotron-accent z jasnoniebieskim tłem */
.jumbotron.accent {
    padding: 2rem 1rem;
    margin-bottom: 2rem;
    background-color: #d9edf7; /* Jasnoniebieskie tło */
    border-radius: 0.3rem;
    color: #31708f; /* Tekst w kolorze ciemnoniebieskim */
}

/* Styl jumbotron-frame bez tła, z ramką i zaokrąglonymi rogami */
.jumbotron.frame {
    padding: 2rem 1rem;
    margin-bottom: 2rem;
    background-color: transparent;
    border: 2px solid #e0e0e0; /* Jasnoszara ramka */
    border-radius: 0.5rem; /* Zaokrąglone rogi */
    color: #444444; /* Tekst w kolorze ciemnoszarym */
}

/* Styl jumbotron-dark z ciemnoniebieskim tłem i wymuszonym białym tekstem */
.jumbotron.dark {
    padding: 2rem 1rem;
    margin-bottom: 2rem;
    background-color: #2b3e50; /* Ciemnoniebieskie tło */
    border-radius: 0.3rem;
    color: #ffffff !important; /* Wymuszony biały tekst */
}

/* Wymuszenie białego koloru dla wszystkich elementów w ramach jumbotron-dark */
.jumbotron.dark * {
    color: #ffffff !important; /* Wymuszony biały tekst dla wszystkich dzieci */
}

/* Ustawienie białych linków w jumbotron-dark */
.jumbotron.dark a {
    color: #ffffff !important; /* Wymuszony biały kolor dla linków */
    text-decoration: underline; /* Podkreślenie dla akcentu */
}

.jumbotron.dark a:hover {
    color: #d9edf7 !important; /* Jasnoniebieskie linki po najechaniu */
}

/* Styl spacer do dodawania większych odstępów w treści */
.spacer {
    margin-top: 3rem;
    margin-bottom: 3rem;
    line-height: 1.8; /* Większy odstęp między liniami */
}

/* Styl dla klasy .instruction, modyfikujący jumbotron */
.jumbotron.instruction {
    background-color: #f7f7f7; /* Jasnoszare tło */
    padding-top: 1.2rem; /* Zmniejszony odstęp od góry */
    padding-bottom: 1.2rem; /* Zmniejszony odstęp od dołu */
    color: #333333; /* Domyślny kolor tekstu */
}

/* Stylowanie znaczników h2, h3, h4 wewnątrz .instruction */
.jumbotron.instruction h2,
.jumbotron.instruction h3,
.jumbotron.instruction h4 {
    color: #0089bb; /* Kolor niebieski dla nagłówków */
    margin-top: 10px; /* Opcjonalnie zmniejszony margines u góry */
    margin-bottom: 10px; /* Opcjonalnie zmniejszony margines u dołu */
}

/* Stylowanie tekstu wewnątrz .instruction */
.jumbotron.instruction p {
    margin: 0 0 10px; /* Zmniejszone marginesy paragrafów */
    line-height: 1.5; /* Optymalna wysokość linii dla czytelności */
}


/* Klasa dla kolumn z odstępami między nimi i marginesem wewnętrznym */
.row.spaced-columns > .col {
    margin: 5px; /* Odstęp między kolumnami */
    padding: 5px; /* Margines wewnętrzny w kolumnie */
    box-sizing: border-box; /* Uwzględnia padding i margines w szerokości/ wysokości kolumny */
}

/* Stylowanie dla tekstu wewnątrz kolumn */
.row.spaced-columns > .col * {
    margin-bottom: 5px; /* Margines dolny dla elementów wewnętrznych */
}

/* Stylowanie dla obrazów i wideo wewnątrz kolumn */
.row.spaced-columns > .col img,
.row.spaced-columns > .col video {
    display: block; /* Zapewnia poprawne wyrównanie */
    max-width: 100%; /* Obrazy i wideo nie wyjdą poza kolumnę */
    height: auto; /* Zachowanie proporcji */
    margin: 5px auto; /* Margines wokół obrazów/wideo */
}

#wphomecategories p.products-section-title {
    margin-top: 0;
    font-weight: 700;
    line-height: 1.1;
    font-family: 'Open Sans', sans-serif;
    font-size: 20px;
    text-transform: uppercase !important;
}
#wphomecategories .wphomecategory-item p.catbox__title {
    margin-top: 0;
    margin-bottom: .5rem;
    font-family: inherit;
    line-height: 1.1;
    color: inherit;
    font-size: 20px;
    padding-bottom: 14px;
    font-weight: 600;
}
@media (max-width: 399px) {
    #wphomecategories .wphomecategory-item p.catbox__title {
        font-size: 16px;
    }
}