/*
Theme Name: Parduota Storefront
Template: storefront
Description: Parduota Auto Parts look for the WooCommerce demo shop (woo.parduota.com), matching demo.parduota.com.
Version: 1.0.0
Text Domain: parduota-storefront
*/

:root {
	--pd-blue: #2563eb;
	--pd-blue-hover: #1d4ed8;
	--pd-ink: #0f172a;
	--pd-muted: #475569;
	--pd-line: #e2e8f0;
}

body, button, input, select, textarea, .button {
	font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif;
}
body { overflow-x: clip; }

/* Header */
.site-header { padding-top: 1.25em; border-bottom: 1px solid var(--pd-line); }
.site-header .custom-logo-link img { max-width: 13rem; max-height: 3.2rem; width: auto; }
.main-navigation ul.menu > li > a, .main-navigation ul.nav-menu > li > a { font-weight: 500; }
.site-header .widget_product_search form input[type=search] { border-radius: 6px; }

/* Homepage: full-bleed slider, then the usual column */
.page-template-template-homepage:not(.has-post-thumbnail) .site-main { padding-top: 0; }
.page-template-template-homepage .type-page { padding-top: 0; padding-bottom: 0; }
.page-template-template-homepage .entry-content { max-width: none; text-align: left; font-size: 1em; }
.pd-slider { position: relative; width: 100vw; margin-left: calc(50% - 50vw); background: #0b1b44; }
.pd-slides { display: flex; overflow-x: auto; scroll-snap-type: x mandatory; scroll-behavior: smooth; scrollbar-width: none; }
.pd-slides::-webkit-scrollbar { display: none; }
.pd-slide { flex: 0 0 100%; scroll-snap-align: start; display: block; }
.pd-slide img { display: block; width: 100%; height: auto; max-height: 440px; object-fit: cover; }
.pd-prev, .pd-next { position: absolute; top: 50%; transform: translateY(-50%); width: 2.25rem; height: 2.25rem; padding: 0; border: 0; border-radius: 4px; background: rgba(255,255,255,.18); color: #fff; font-size: 1.5rem; line-height: 2.25rem; cursor: pointer; }
.pd-prev:hover, .pd-next:hover { background: rgba(255,255,255,.32); }
.pd-prev { left: 5%; } .pd-next { right: 5%; }
.pd-dots { position: absolute; left: 0; right: 0; bottom: 1rem; display: flex; justify-content: center; gap: .5rem; }
.pd-dots button { width: 2rem; height: 3px; padding: 0; border: 0; background: rgba(255,255,255,.6); cursor: pointer; }
.pd-dots button[aria-current="true"] { background: var(--pd-blue); }
@media (max-width: 767px) { .pd-prev, .pd-next { display: none; } .pd-slide img { max-height: none; object-fit: contain; } }

.pd-intro { margin: 2.5em 0 1em; }
.pd-intro h2 { font-size: 1.4em; font-weight: 600; margin-bottom: .6em; }
.pd-intro ul { margin-left: 1.25em; }
.page-template-template-homepage .entry-content .pd-section-title { font-size: 1.4em; font-weight: 600; margin: 1.5em 0 1em; }
.pd-more { text-align: center; margin: 0 0 2.5em; }
.pd-outline-btn { display: inline-block; padding: .4em 1em; border: 1px solid var(--pd-blue); border-radius: 4px; color: var(--pd-blue); font-size: .9em; text-decoration: none; }
.entry-content a.pd-outline-btn { text-decoration: none; }
.pd-outline-btn:hover { background: var(--pd-blue); color: #fff; }
.pd-banner { display: block; margin-bottom: 3em; }
.pd-banner img { display: block; width: 100%; height: auto; }

/* Product grid */
.site-main ul.products li.product { text-align: left; }
ul.products li.product .woocommerce-loop-product__title { font-size: .95rem; font-weight: 400; color: var(--pd-blue); }
ul.products li.product img { border-radius: 4px; aspect-ratio: 1; object-fit: cover; }
ul.products li.product .price { color: var(--pd-ink); font-weight: 500; }

/* Content pages copied from PrestaShop */
.entry-content table.table th { background: #f8fafc; }
.photo-credit { color: var(--pd-muted); }

/* Footer */
.site-footer { font-size: .92em; }
.site-footer .widget .widget-title { font-size: 1em; font-weight: 600; border-bottom: 0; padding-bottom: 0; }
.site-footer .widget ul li { border: 0; padding: .2em 0; }
.site-footer .widget_nav_menu ul li::before { display: none; }
.site-footer a:not(.button) { text-decoration: none; }
.site-footer a:not(.button):hover { text-decoration: underline; }
.site-info { border-top: 1px solid rgba(255,255,255,.08); }