/* P!NK UX — Dizajni i dyqanit: të njëjtat ngjyra, shkronja dhe forma si ballina ([pinkpro_home]).
 * Ngarkohet vetëm në faqet e WooCommerce (dyqani, kategoritë, kërkimi, produkti, shporta, pagesa, llogaria)
 * dhe vepron vetëm kur <body> ka klasën .ppx-ds (P!NK Dizajni → Faqet e dyqanit).
 * Ruhet pamja e markës: rozë #E81985, Jost, koka dhe menutë e temës Avanam nuk preken. */

body.ppx-ds {
	--ph-accent: #e81985;
	--ph-btn: #c8106f;
	--ph-ink: #1d1a22;
	--ph-text: #3d3844;
	--ph-muted: #5b5563;
	--ph-line: #ece9f1;
	--ph-line-2: #d9d3e0;
	--ph-surface: #faf7fb;
	--ph-soft: #fdeef5;
	--ph-radius: 14px;
	--ph-font: "Jost", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
	--ph-ring: 0 0 0 3px #fff, 0 0 0 5px var(--ph-ink);
	--ppx-accent: var(--ph-btn);
}

/* ---------- Baza: sfond i bardhë, tekst më i lexueshëm (#777 i temës ka kontrast 4.48:1) ---------- */
body.ppx-ds,
body.ppx-ds #inner-wrap,
body.ppx-ds .content-bg,
body.ppx-ds .site-main { background-color: #fff; }
body.ppx-ds #primary,
body.ppx-ds .site-main { color: var(--ph-text); font-family: var(--ph-font); }
body.ppx-ds .site-main a:focus-visible,
body.ppx-ds .site-main button:focus-visible,
body.ppx-ds .site-main input:focus-visible,
body.ppx-ds .site-main select:focus-visible,
body.ppx-ds .site-main textarea:focus-visible,
body.ppx-ds .entry-hero a:focus-visible { outline: none; box-shadow: var(--ph-ring); border-radius: 8px; }

/* Shiriti anësor i temës është bosh në dyqan, por zë 280 px: produktet marrin gjithë gjerësinë (klasa vendoset nga PHP). */
/* Tema e vendos #main në kolonën e 2-të të grid-it; pa shiritin anësor kontejneri bëhet bllok i thjeshtë. */
body.ppx-ds.ppx-ds-nosidebar #primary .content-container { display: block !important; }
body.ppx-ds.ppx-ds-nosidebar #primary .content-container > #main { width: 100% !important; max-width: none !important; grid-column: auto !important; }
body.ppx-ds.ppx-ds-nosidebar #primary #secondary { display: none !important; }

/* ---------- Koka e faqes (titulli + rruga): e bardhë, majtas, kompakte ---------- */
body.ppx-ds .entry-hero { background: #fff !important; }
body.ppx-ds .entry-hero .entry-hero-container-inner { background: #fff !important; border-bottom: 1px solid var(--ph-line); }
body.ppx-ds .entry-hero .hero-section-overlay { display: none; }
body.ppx-ds .entry-hero .hero-container { min-height: 0 !important; padding-top: clamp(18px, 3vw, 32px) !important; padding-bottom: clamp(18px, 3vw, 28px) !important; }
body.ppx-ds .entry-hero .entry-header { text-align: left !important; align-items: flex-start !important; justify-content: flex-start !important; display: flex; flex-direction: column-reverse; gap: 6px; }
body.ppx-ds .entry-hero .page-title,
body.ppx-ds .entry-hero h1,
body.ppx-ds .woocommerce-products-header__title {
	margin: 0 !important;
	font-family: var(--ph-font) !important;
	font-size: clamp(26px, 1.1rem + 1.6vw, 38px) !important;
	font-weight: 600 !important;
	line-height: 1.15 !important;
	letter-spacing: -0.01em;
	color: var(--ph-ink) !important;
}
body.ppx-ds.ppx-ds-catcase.tax-product_cat .entry-hero .page-title,
body.ppx-ds.ppx-ds-catcase.tax-product_cat .woocommerce-products-header__title { text-transform: lowercase; }
body.ppx-ds.ppx-ds-catcase.tax-product_cat .entry-hero .page-title::first-letter,
body.ppx-ds.ppx-ds-catcase.tax-product_cat .woocommerce-products-header__title::first-letter { text-transform: uppercase; }
body.ppx-ds .base-breadcrumbs,
body.ppx-ds .woocommerce-breadcrumb {
	margin: 0 !important;
	font-size: 13px !important;
	color: var(--ph-muted) !important;
	text-align: left !important;
	line-height: 1.5;
}
body.ppx-ds .base-breadcrumbs a,
body.ppx-ds .woocommerce-breadcrumb a { color: var(--ph-muted) !important; text-decoration: none; }
body.ppx-ds .base-breadcrumbs a:hover,
body.ppx-ds .woocommerce-breadcrumb a:hover { color: var(--ph-btn) !important; text-decoration: underline; }
body.ppx-ds .term-description, body.ppx-ds .archive-description { color: var(--ph-muted); max-width: 70ch; margin-top: 6px; }

/* Faqja e produktit: rruga mbi foto, në një rresht (pa titullin e dyfishtë në brez) */
body.ppx-ds.single-product .entry-hero .hero-container { padding-top: 14px !important; padding-bottom: 14px !important; }
body.ppx-ds.single-product .entry-hero .entry-hero-container-inner { border-bottom: 0; }
@media (max-width: 767px) {
	body.ppx-ds.single-product .base-breadcrumbs { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%; }
}

/* ---------- Shiriti mbi produktet: numri, renditja, pamja ---------- */
body.ppx-ds .base-shop-top-row {
	display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px 16px;
	margin: 0 0 18px !important; padding: 0 0 14px !important; border-bottom: 1px solid var(--ph-line);
}
body.ppx-ds .woocommerce-result-count { margin: 0 !important; color: var(--ph-muted) !important; font-size: 14px !important; }
body.ppx-ds .woocommerce-ordering { margin: 0 !important; }
body.ppx-ds .woocommerce-ordering select,
body.ppx-ds .site-main select.orderby {
	min-height: 44px; padding: 0 40px 0 16px !important;
	border: 1px solid var(--ph-line-2) !important; border-radius: 999px !important;
	background-color: #fff !important; color: var(--ph-ink) !important;
	font: 500 14px/1 var(--ph-font) !important;
	cursor: pointer;
}
body.ppx-ds .base-product-toggle-container .toggle-btn,
body.ppx-ds .base-product-toggle-container button { min-width: 44px; min-height: 44px; border-radius: 10px !important; }
body.ppx-ds .ppx-filters { border-radius: var(--ph-radius); border-color: var(--ph-line); }
body.ppx-ds .ppx-filters select, body.ppx-ds .ppx-filters input[type=number] { min-height: 44px; border-radius: 999px; border-color: var(--ph-line-2); }

/* Nënkategoritë si katrorë: kartë e njëjtë me ballinën */
body.ppx-ds .ppx-tile { border: 1px solid var(--ph-line) !important; border-radius: var(--ph-radius) !important; background: #fff !important; transition: border-color .2s, box-shadow .2s, transform .2s; }
body.ppx-ds .ppx-tile:hover { border-color: var(--ph-line-2) !important; box-shadow: 0 14px 30px -22px rgba(29,26,34,.45); transform: translateY(-2px); }
body.ppx-ds .ppx-tile__img { background: var(--ph-surface) !important; border-radius: calc(var(--ph-radius) - 4px) !important; }
body.ppx-ds .ppx-tile__name { color: var(--ph-ink) !important; font-weight: 600 !important; }
body.ppx-ds .ppx-tile__count { color: var(--ph-muted) !important; }

/* Mesazhi kur kërkimi korrigjohet ("kreher" → "krehër") */
.ppx-search-fix { margin: 0 0 16px; padding: 12px 16px; border-radius: 12px; background: var(--ph-soft, #fdeef5); color: var(--ph-ink, #1d1a22); font-size: 15px; }

/* ---------- Faqosja ---------- */
body.ppx-ds .woocommerce-pagination ul.page-numbers,
body.ppx-ds nav.woocommerce-pagination ul {
	display: flex !important; flex-wrap: wrap; justify-content: center; gap: 8px; border: 0 !important; margin: 28px 0 8px !important;
}
body.ppx-ds .woocommerce-pagination ul.page-numbers li { border: 0 !important; margin: 0 !important; float: none !important; }
body.ppx-ds .woocommerce-pagination .page-numbers a,
body.ppx-ds .woocommerce-pagination .page-numbers span {
	display: inline-grid !important; place-items: center; min-width: 44px; height: 44px; padding: 0 14px !important;
	border: 1px solid var(--ph-line-2) !important; border-radius: 999px !important;
	background: #fff !important; color: var(--ph-ink) !important; font: 600 15px/1 var(--ph-font) !important; text-decoration: none !important;
}
body.ppx-ds .woocommerce-pagination .page-numbers a:hover { border-color: var(--ph-ink) !important; }
body.ppx-ds .woocommerce-pagination .page-numbers span.current { background: var(--ph-ink) !important; border-color: var(--ph-ink) !important; color: #fff !important; }

/* ---------- Butonat e WooCommerce (përveç atyre brenda kartave, që i stilon karta) ---------- */
body.ppx-ds .site-main .single_add_to_cart_button,
body.ppx-ds .site-main .checkout-button,
body.ppx-ds .site-main #place_order,
body.ppx-ds .site-main .button.alt,
body.ppx-ds .site-main .wc-block-components-button:not(.is-link),
body.ppx-ds .site-main .woocommerce-form-login__submit,
body.ppx-ds .site-main .woocommerce-Button,
body.ppx-ds .site-main .wc-forward {
	min-height: 48px !important; padding: 12px 26px !important;
	border: 2px solid var(--ph-btn) !important; border-radius: 999px !important;
	background: var(--ph-btn) !important; color: #fff !important;
	font: 600 16px/1.2 var(--ph-font) !important; text-transform: none !important; letter-spacing: 0 !important;
	box-shadow: none !important; transition: background-color .18s, border-color .18s; text-decoration: none !important;
}
body.ppx-ds .site-main .single_add_to_cart_button:hover,
body.ppx-ds .site-main .checkout-button:hover,
body.ppx-ds .site-main #place_order:hover,
body.ppx-ds .site-main .button.alt:hover,
body.ppx-ds .site-main .wc-block-components-button:not(.is-link):hover,
body.ppx-ds .site-main .woocommerce-Button:hover,
body.ppx-ds .site-main .wc-forward:hover { background: var(--ph-ink) !important; border-color: var(--ph-ink) !important; }
body.ppx-ds .site-main .woocommerce-cart-form .button:not(.alt),
body.ppx-ds .site-main .coupon .button {
	min-height: 44px !important; padding: 10px 20px !important; border: 1px solid var(--ph-ink) !important; border-radius: 999px !important;
	background: #fff !important; color: var(--ph-ink) !important; font: 600 15px/1.2 var(--ph-font) !important;
}
body.ppx-ds .site-main .woocommerce-cart-form .button:not(.alt):hover { background: var(--ph-ink) !important; color: #fff !important; }
body.ppx-ds .site-main .button:disabled, body.ppx-ds .site-main .button.disabled { opacity: .5 !important; cursor: not-allowed; }

/* ---------- Fushat e formularëve ---------- */
body.ppx-ds .site-main input[type=text],
body.ppx-ds .site-main input[type=email],
body.ppx-ds .site-main input[type=tel],
body.ppx-ds .site-main input[type=password],
body.ppx-ds .site-main input[type=number],
body.ppx-ds .site-main input[type=search],
body.ppx-ds .site-main textarea,
body.ppx-ds .site-main select:not(.orderby),
body.ppx-ds .site-main .select2-container .select2-selection--single {
	min-height: 48px; border: 1px solid var(--ph-line-2) !important; border-radius: 10px !important;
	background-color: #fff; color: var(--ph-ink); font-family: var(--ph-font); font-size: 16px;
}
body.ppx-ds .site-main .select2-container .select2-selection--single .select2-selection__rendered { line-height: 46px; padding-left: 14px; }
body.ppx-ds .site-main .select2-container .select2-selection--single .select2-selection__arrow { height: 46px; }
body.ppx-ds .site-main input:focus, body.ppx-ds .site-main textarea:focus, body.ppx-ds .site-main select:focus {
	border-color: var(--ph-ink) !important; outline: none; box-shadow: 0 0 0 3px rgba(232, 25, 133, .18) !important;
}
body.ppx-ds .site-main .woocommerce-invalid input.input-text,
body.ppx-ds .site-main .woocommerce-invalid select { border-color: #d63638 !important; }
body.ppx-ds .site-main label { color: var(--ph-ink); font-weight: 500; }
body.ppx-ds .site-main .required { color: #b32d2e; text-decoration: none; }

/* ---------- Njoftimet (sukses, info, gabim) ---------- */
body.ppx-ds .woocommerce-message,
body.ppx-ds .woocommerce-info,
body.ppx-ds .woocommerce-error,
body.ppx-ds .wc-block-components-notice-banner {
	display: flex; flex-wrap: wrap; align-items: center; gap: 10px 16px;
	margin: 0 0 20px !important; padding: 14px 18px !important;
	border: 1px solid var(--ph-line) !important; border-left: 4px solid var(--ph-ink) !important; border-radius: 12px !important;
	background: #fff !important; color: var(--ph-ink) !important; font-size: 15px; list-style: none;
}
body.ppx-ds .woocommerce-message { border-left-color: #00804a !important; background: #f2fbf6 !important; }
body.ppx-ds .woocommerce-info { border-left-color: var(--ph-btn) !important; background: var(--ph-soft) !important; }
body.ppx-ds .woocommerce-error { border-left-color: #d63638 !important; background: #fdf2f2 !important; }
body.ppx-ds .woocommerce-message::before, body.ppx-ds .woocommerce-info::before, body.ppx-ds .woocommerce-error::before { position: static !important; margin: 0 !important; }
body.ppx-ds .woocommerce-message .button, body.ppx-ds .woocommerce-info .button { order: 2; margin-left: auto !important; min-height: 40px !important; padding: 8px 18px !important; }

/* ---------- Faqja e produktit ---------- */
body.ppx-ds.single-product .product-images .woocommerce-product-gallery,
body.ppx-ds.single-product .product-images .ksk-gallery {
	border: 1px solid var(--ph-line); border-radius: calc(var(--ph-radius) * 1.2); background: #fff; overflow: hidden;
}
body.ppx-ds.single-product .product-images .woocommerce-product-gallery__image img,
body.ppx-ds.single-product .product-images .ksk-gallery img.wp-post-image { aspect-ratio: 1 / 1; object-fit: contain; background: #fff; }
body.ppx-ds.single-product .flex-control-thumbs li img,
body.ppx-ds.single-product .ksk-gallery .thumbnails img { border: 1px solid var(--ph-line); border-radius: 10px; aspect-ratio: 1; object-fit: contain; background: #fff; }
body.ppx-ds.single-product .summary .product_title {
	margin: 0 0 10px !important; font-family: var(--ph-font) !important;
	font-size: clamp(22px, .9rem + 1.2vw, 30px) !important; font-weight: 600 !important; line-height: 1.2 !important;
	color: var(--ph-ink) !important; letter-spacing: 0;
}
body.ppx-ds.single-product .summary .price { font-size: 22px !important; font-weight: 600 !important; color: var(--ph-ink) !important; }
body.ppx-ds.single-product .summary .price del { color: var(--ph-muted) !important; font-weight: 400; font-size: .8em; }
body.ppx-ds.single-product .summary .price ins { text-decoration: none; color: var(--ph-btn) !important; }
body.ppx-ds.single-product .summary .price a,
body.ppx-ds.single-product .summary .pinkpro-login-for-price { color: var(--ph-btn) !important; font-size: 17px; text-decoration: underline; text-underline-offset: 3px; }
body.ppx-ds.single-product .summary .woocommerce-product-details__short-description { color: var(--ph-text); font-size: 16px; line-height: 1.65; }
body.ppx-ds.single-product .summary form.cart { display: flex; flex-wrap: wrap; gap: 12px; align-items: stretch; margin: 18px 0 !important; }
body.ppx-ds.single-product .summary form.cart .quantity input.qty { min-height: 48px; width: 84px; border-radius: 999px !important; text-align: center; }
body.ppx-ds.single-product .summary form.cart .single_add_to_cart_button { flex: 1 1 220px; }
body.ppx-ds.single-product .ppx-meta { padding: 14px 16px; border: 1px solid var(--ph-line); border-radius: 12px; background: var(--ph-surface); }
body.ppx-ds.single-product .ppx-trust { border-radius: 12px !important; border-color: var(--ph-line) !important; background: #fff !important; }
body.ppx-ds.single-product .ppx-guestbox { border-radius: 12px; border-color: #f6c6df; }
body.ppx-ds.single-product .wrap_ask_share button,
body.ppx-ds.single-product .wrap_ask_share a { min-height: 44px; color: var(--ph-ink) !important; }
body.ppx-ds.single-product .woocommerce-tabs ul.tabs { display: flex; gap: 4px; flex-wrap: wrap; padding: 0 !important; margin: 0 0 18px !important; border-bottom: 1px solid var(--ph-line) !important; }
body.ppx-ds.single-product .woocommerce-tabs ul.tabs::before { display: none !important; }
body.ppx-ds.single-product .woocommerce-tabs ul.tabs li { margin: 0 !important; padding: 0 !important; border: 0 !important; background: none !important; border-radius: 0 !important; }
body.ppx-ds.single-product .woocommerce-tabs ul.tabs li::before, body.ppx-ds.single-product .woocommerce-tabs ul.tabs li::after { display: none !important; }
body.ppx-ds.single-product .woocommerce-tabs ul.tabs li a { display: block; background: transparent !important; padding: 12px 16px !important; color: var(--ph-muted) !important; font-weight: 600; border-bottom: 2px solid transparent; margin-bottom: -1px; }
body.ppx-ds.single-product .woocommerce-tabs ul.tabs li.active a { color: var(--ph-ink) !important; border-bottom-color: var(--ph-btn); }
body.ppx-ds.single-product .woocommerce-tabs table.shop_attributes { border: 1px solid var(--ph-line); border-radius: 12px; overflow: hidden; border-collapse: separate; border-spacing: 0; }
body.ppx-ds.single-product .woocommerce-tabs table.shop_attributes th,
body.ppx-ds.single-product .woocommerce-tabs table.shop_attributes td { padding: 12px 16px !important; border-top: 1px solid var(--ph-line); background: #fff; font-style: normal; }
body.ppx-ds.single-product .woocommerce-tabs table.shop_attributes tr:first-child th,
body.ppx-ds.single-product .woocommerce-tabs table.shop_attributes tr:first-child td { border-top: 0; }
body.ppx-ds.single-product .woocommerce-tabs table.shop_attributes th { width: 34%; color: var(--ph-muted); font-weight: 500; background: var(--ph-surface); }
body.ppx-ds .related > h2,
body.ppx-ds .upsells > h2,
body.ppx-ds .cross-sells > h2 {
	margin: 0 0 20px !important; font: 600 clamp(22px, 1rem + 1vw, 30px)/1.2 var(--ph-font) !important;
	color: var(--ph-ink) !important; text-transform: none !important; text-align: left !important; letter-spacing: -.01em;
}
body.ppx-ds .related, body.ppx-ds .upsells { margin-top: clamp(32px, 5vw, 64px) !important; padding-top: clamp(24px, 4vw, 40px); border-top: 1px solid var(--ph-line); }

/* Pastrimi i faqes së produktit — çdo rresht ndizet/fiket nga paneli */
body.ppx-ds.ppx-ds-nodup .ppx-trust ~ .single-product-extras,
body.ppx-ds.ppx-ds-nodup .single-product-extras:has(~ .ppx-trust) { display: none !important; }
body.ppx-ds.ppx-ds-nobadges.single-product .product-after-images-element { display: none !important; }
body.ppx-ds.ppx-ds-nopay.single-product .single-product-payments { display: none !important; }
body.ppx-ds.ppx-ds-notp.single-product .summary [id^=trustpilot-widget-trustbox] { display: none !important; }
body.ppx-ds.single-product .product-after-images-element .elementor-icon-box-title { white-space: normal !important; overflow: visible !important; text-overflow: clip !important; }

/* ---------- Shporta dhe pagesa (klasike + blloqe) ---------- */
body.ppx-ds.woocommerce-cart .site-main .shop_table,
body.ppx-ds.woocommerce-checkout .site-main .shop_table {
	border: 1px solid var(--ph-line) !important; border-radius: var(--ph-radius) !important; border-collapse: separate !important; overflow: hidden; background: #fff;
}
body.ppx-ds .site-main .shop_table th { color: var(--ph-muted); font-weight: 600; font-size: 14px; background: var(--ph-surface); }
body.ppx-ds .site-main .shop_table td, body.ppx-ds .site-main .shop_table th { padding: 14px 16px !important; border-color: var(--ph-line) !important; }
body.ppx-ds .site-main .shop_table .product-thumbnail img { width: 72px !important; aspect-ratio: 1; object-fit: contain; border: 1px solid var(--ph-line); border-radius: 10px; background: #fff; }
body.ppx-ds .site-main .shop_table .product-name a { color: var(--ph-ink); font-weight: 600; text-decoration: none; }
body.ppx-ds .site-main .shop_table a.remove { width: 32px; height: 32px; line-height: 30px; border-radius: 50%; color: var(--ph-muted) !important; border: 1px solid var(--ph-line-2); }
body.ppx-ds .site-main .shop_table a.remove:hover { background: #d63638 !important; color: #fff !important; border-color: #d63638; }
body.ppx-ds .site-main .cart_totals,
body.ppx-ds .site-main #order_review,
body.ppx-ds .site-main .woocommerce-checkout-review-order,
body.ppx-ds .site-main .wc-block-components-sidebar .wc-block-components-totals-wrapper:first-child,
body.ppx-ds .site-main .wp-block-woocommerce-checkout-order-summary-block,
body.ppx-ds .site-main .wp-block-woocommerce-cart-order-summary-block {
	border: 1px solid var(--ph-line); border-radius: var(--ph-radius); background: #fff; padding: clamp(16px, 2vw, 24px);
}
body.ppx-ds .site-main .cart_totals h2,
body.ppx-ds .site-main #order_review_heading,
body.ppx-ds .site-main .woocommerce-billing-fields h3,
body.ppx-ds .site-main .woocommerce-shipping-fields h3,
body.ppx-ds .site-main .woocommerce-additional-fields h3 { font: 600 22px/1.2 var(--ph-font) !important; color: var(--ph-ink) !important; text-transform: none !important; margin: 0 0 14px !important; }
body.ppx-ds .site-main #payment { background: var(--ph-surface) !important; border-radius: var(--ph-radius) !important; }
body.ppx-ds .site-main #payment ul.payment_methods { border-bottom: 1px solid var(--ph-line) !important; padding: 16px !important; }
body.ppx-ds .site-main #payment div.payment_box { background: #fff !important; border-radius: 10px; color: var(--ph-text) !important; }
body.ppx-ds .site-main #payment div.payment_box::before { border-bottom-color: #fff !important; }
body.ppx-ds .site-main .cart-empty.woocommerce-info { justify-content: center; text-align: center; padding: 28px !important; font-size: 17px; }
body.ppx-ds .site-main .return-to-shop { text-align: center; }

/* ---------- Telefon ---------- */
@media (max-width: 767px) {
	body.ppx-ds .base-shop-top-row { gap: 8px; }
	body.ppx-ds .woocommerce-ordering select { min-height: 44px; font-size: 14px !important; max-width: 62vw; }
	body.ppx-ds.single-product .summary { margin-top: 16px; }
	body.ppx-ds .site-main .shop_table .product-thumbnail img { width: 56px !important; }
	body.ppx-ds .site-main .cart_totals { margin-top: 20px; }
}

@media (prefers-reduced-motion: reduce) {
	body.ppx-ds .ppx-tile { transition: none !important; }
	body.ppx-ds .ppx-tile:hover { transform: none; }
}