/*
 Theme Name: Durabo Custom
 Theme URI: https://example.com/durabo-custom
 Author: Your Name
 Description: Lekki motyw WordPress przygotowany z myślą o zastąpieniu Divi na stronie durabo.eu. Szablon zawiera strukturę nagłówka, stopki oraz strony głównej, które odwzorowują układ oryginalnej strony zbudowanej w Divi. Kolorystyka, czcionki i układ elementów zaczerpnięte są z istniejącej witryny【945586973716553†L376-L384】【603113572310501†L4-L11】.
 Version: 1.0
 License: GNU General Public License v2 or later
 License URI: https://www.gnu.org/licenses/gpl-2.0.html
 Text Domain: durabo-custom
 Tags: custom-theme
*/

/* Import Google Fonts (Montserrat) – użyty na stronie Durabo w modułach tekstowych【603113572310501†L60-L61】 */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&display=swap');

/* CSS variables for colour palette based on Durabo site
   Jasnoszary (#ccd7e0) i ciemnoszary (#e0e0e0) są wykorzystywane w nagłówkach i sekcjach stopki【603113572310501†L4-L11】,
   pomarańczowy (#FFB042) pełni rolę koloru akcentowego na przyciskach【603113572310501†L17-L31】.
*/
:root {
    --color-primary: #000000;
    --color-secondary: #ccd7e0;
    --color-light: #e0e0e0;
    --color-accent: #ffb042;
    --color-white: #ffffff;
    --font-base: 'Cairo', Helvetica, Arial, sans-serif;
}

/* Basic reset */
*, *::before, *::after {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    font-family: var(--font-base);
    color: var(--color-primary);
    line-height: 1.6;
    background-color: var(--color-white);
}

a {
    color: var(--color-primary);
    text-decoration: none;
    transition: color 0.3s ease;
}

a:hover,
a:focus {
    color: var(--color-accent);
}

/* Header styles */
header.site-header {
    background-color: var(--color-white);
    border-bottom: 1px solid var(--color-light);
    position: sticky;
    top: 0;
    width: 100%;
    z-index: 1000;
}

.site-header .container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    max-width: 1200px;
    margin: 0 auto;
/*     padding: 10px 20px; */
	padding: 10px 0;
}

.container {
    max-width: 1200px;
    margin: 0 auto;
}

.site-branding img {
    max-height: 58px;
    width: 250px;
}

/* Navigation menu */
.primary-navigation ul {
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    font-size: 14px;
}

.primary-navigation li {
    position: relative;
}

.primary-navigation > ul > li > a {
    font-weight: 500;
    padding: 10px 5px;
    display: block;
}

#durabo-home-page .wp-block-button {
    margin: 0 auto;
}

.woocommerce ul.products li.product .button {
    display: none;
}

/* Dropdown styles */
.primary-navigation li ul {
    position: absolute;
    left: 0;
    top: 100%;
    background-color: var(--color-white);
    border: 1px solid var(--color-light);
    min-width: 200px;
    display: none;
    z-index: 999;
    padding: 10px 0;
}

.primary-navigation li:hover > ul,
.primary-navigation li:focus-within > ul {
    display: block;
}

.primary-navigation li ul li a {
    padding: 8px 15px;
    white-space: nowrap;
}

/* Search and cart icons */
.header-icons {
    display: flex;
    align-items: center;
    gap: 15px;
    font-size: 20px;
}

.header-icons a {
    color: var(--color-primary);
}

.header-icons a:hover {
    color: var(--color-accent);
}

/* Hero slider placeholder: full width with text overlay */
.hero-slider {
    position: relative;
    width: 100%;
    overflow: hidden;
    height: 450px;
}

.hero-slide {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    padding-left: 15%;
    color: var(--color-white);
    transition: opacity 0.5s ease-in-out;
    opacity: 0;
}

.hero-slide.active {
    opacity: 1;
}

.hero-slide h2 {
    font-size: 2.5rem;
    margin-bottom: 10px;
}

.hero-slide p {
    font-size: 1.1rem;
    max-width: 400px;
    margin-bottom: 20px;
}

.hero-slide .btn {
    display: inline-block;
    background-color: var(--color-accent);
    color: var(--color-white);
    padding: 10px 20px;
    border-radius: 3px;
    text-transform: uppercase;
    font-weight: 600;
}

/* Category grid section */
.category-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
    gap: 20px;
    margin: 40px auto;
    max-width: 1200px;
    padding: 0 20px;
}

.category-item {
    position: relative;
    overflow: hidden;
}

.category-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.category-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    color: var(--color-white);
    text-align: center;
}

.category-overlay h3 {
    font-size: 1.5rem;
    margin-bottom: 10px;
}

.category-overlay a {
    display: inline-block;
    background-color: var(--color-accent);
    color: var(--color-white);
    padding: 8px 15px;
    border-radius: 3px;
    text-transform: uppercase;
    font-size: 0.9rem;
}

/* Intro section (DURABO description) */
.intro-section {
    text-align: center;
    max-width: 800px;
    margin: 60px auto;
    padding: 0 20px;
}

.intro-section h2 {
    font-size: 2rem;
    margin-bottom: 20px;
}

.intro-section p {
    font-size: 1.1rem;
    margin-bottom: 20px;
}

.intro-section .btn {
    background-color: var(--color-accent);
    color: var(--color-white);
    padding: 10px 25px;
    border-radius: 3px;
    text-transform: uppercase;
    font-weight: 600;
}

/* Product grid (WooCommerce) */
.product-grid {
    max-width: 1200px;
    margin: 40px auto;
    padding: 0 20px;
}

.product-grid ul.products {
    list-style: none;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
    gap: 20px;
    margin: 0;
    padding: 0;
}

.product-grid li.product {
    background-color: var(--color-light);
    padding: 15px;
    border-radius: 4px;
    text-align: center;
}

.product-grid li.product img {
    width: 100%;
    height: auto;
}

.product-grid li.product h2 {
    font-size: 1rem;
    margin: 10px 0;
    min-height: 48px;
}

.product-grid li.product .price {
    color: var(--color-accent);
    font-weight: 700;
    margin-bottom: 10px;
    display: block;
}

/* Footer styles */
footer.site-footer {
    background-color: var(--color-secondary);
    color: var(--color-primary);
    padding: 40px 20px;
}

.footer-widgets {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: 20px;
    max-width: 1200px;
    margin: 0 auto;
}

.footer-widget h3 {
    font-size: 1.2rem;
    margin-bottom: 15px;
}

.footer-widget ul {
    list-style: none;
}

.footer-widget ul li {
    margin-bottom: 8px;
}

.footer-widget ul li a {
    color: var(--color-primary);
    text-decoration: none;
}

.footer-widget ul li a:hover {
    text-decoration: underline;
    color: var(--color-accent);
}

.footer-newsletter input[type="email"] {
    width: 100%;
    padding: 10px;
    border: 1px solid var(--color-light);
    margin-bottom: 10px;
    border-radius: 3px;
}

.footer-newsletter button {
    width: 100%;
    padding: 10px;
    background-color: var(--color-accent);
    color: var(--color-white);
    border: none;
    border-radius: 3px;
    cursor: pointer;
    text-transform: uppercase;
}

.footer-bottom {
    text-align: center;
    margin-top: 20px;
    font-size: 0.9rem;
}

/* Elementy z bloku "Dostosuj" */

.bold_text {
	font-weight:700;
}
.wp-block-button {
	margin: 0 auto !important;
}
a.wp-element-button {
	color:#fff;
	border-radius:0;
	font-weight:bold;
}
.wpforms-submit {
	color:#fff !important;
	border-radius:0;
	font-weight:bold;
	background:#000 !important;
	font-size:1.3em !important;
}
h1.durabo-category-header {
	text-shadow: -0.03em 0em 0.2em rgba(0,0,0,0.4);
	font-size:60px !important;
	color:#fff !important;
	position:absolute;
	bottom: 50px;
  left: 35px;
}
h4 {
	padding-top: 30px;
}
.durabo-text-header-area {
	background: #f2f2f2;
	margin: 25px 0 50px 0;
	padding: 100px 0 20px 0;
}
.durabo-text-header {
	font-size: 39px;
}
.kategoria-header {
	padding-bottom: 30px;	
}
.kategoria-content .woocommerce.columns-4  {
	padding-top: 15px;
}
.durabo-margin-top {
	height:25px;
}
.durabo-margin-bottom {
	height:50px;
}
#full-width-area {
	width:100%;
}
#full-width-area ol {
	padding: revert;
}
#full-width-area ul {
	padding: revert;
}
li.type-product {
	margin:10px !important;
}
.orange_text, .orange_text a {
	color: #F56E28;
}
.wc-block-product-template__responsive > li {
	list-style:none;
}
#full-width-area ol > li {
	list-style: numeric;
}
#full-width-area ul > li {
/* 	list-style: disc; */
	margin-left: 30px;
}
.is-layout-constrained p {
/* 	margin-left: 0 !important; */
}
.slick-track p {
	text-align: center;
}
.is-layout-constrained .wp-block-button {
	margin-top: 20px !important;
}

#page-container #main-header.et-fixed-header #top-menu li.jointoday_button a {
    color: #fff!important;
}

@media only screen and (max-width: 1080px) {
	#top-header > .container,
	#main-header > .container,
	#et_search_outer > .container,
	body.single #main-content > .container,
	body.page:not(.et-tb-has-template) div.et_pb_row,
	body.page.et-tb-has-template .et-l--post div.et_pb_row,
	body.single-project div.et_pb_row,
	body.single-project div.et_pb_row.et_pb_row_fullwidth {
		width: 96% !important; 
   }
	
	.woocommerce ul.products li.product {
		padding:10px;	
	}
	
	.durabo-margin-top {
		height:110px;
	}
	
	h1.durabo-category-header {
		font-size:25px !important;
	}
	
	li.type-product {
		margin:0 !important;
	}
}

.swiper-button-prev {
    color: #696969; 
}

.swiper-button-next {
    color: #696969; 
}

.wcpbc-price span.woocommerce-Price-amount.amount {
display: none;
}

.social-block {
	margin-top: 20px;
}

/* ukrycie ikonki szukania w menu mobile*/
@media only screen and ( max-width: 980px ) {
    #et_top_search { display:none; }
}

.woocommerce-info a{
	color: #696969 !important;
}

.et_pb_newsletter_result{
	color: #696969 !important;
		font-weight: 200 !important;
}

.et_pb_newsletter_success{
	color: #696969 !important;
		font-weight: 200 !important;
}

.redlink a{
	color: #f4a300 !important;
	font-weight: 900 !important;
}

.woocommerce-variation-availability {
	size: 24px !important;
	color: #ff0048 !important;
	font-weight: 900 !important;
}

.backorder_notification {
	size: 24px !important;
	color: #ff0048 !important;
	font-weight: 900 !important;
}
.et_pb_text_1_tb_footer.et_pb_text a.footerHrefs, .et-db #et-boc .et-l .et_pb_text_1_tb_footer.et_pb_text a.footerHrefs {
	color: #fff !important;
}

/* Elementy z bloku "Dostosuj" - Koniec */

.woocommerce-page div.product div.summary {
	width: 100%;
}
.woocommerce .quantity .qty {
  	height: 40px;
  	margin-top: 8px;
}
input#s {
	width: 120px;
}
input#searchsubmit {
	padding: 3px 10px;
  	background: #000;
  	color: #fff;
  	border: none;
}
.wc-block-cart .wc-block-cart__submit-container {
	background: #000;
}
.eraty-image-button, .eraty-image-button:hover, .eraty-image-button:focus {
	padding-top:12px;
	margin-left:2px;
	cursor:pointer;
}

@media only screen and (max-width: 599px) {
	.durabo-img-header {
		width: 500px;
	}
} 

@media only screen and (min-width: 600px) and (max-width: 1079px) {
	.durabo-img-header {
		width: 1000px;
	}
} 

@media only screen and (min-width: 1080px) {
	.durabo-img-header {
		width: 1200px;
	}
}