/*
 * Carnival AL colours on top of Gentli KS's Oxa styles.
 *
 * Gentli is black where Carnival's eflow used its accent (#aacae4, eflow
 * Customizer accent_color): buttons, the Messenger bubble, gallery arrows, the
 * price slider, the detail labels. Notices were eflow's info colour (#fdd00a).
 * Loaded last on every page (inc/al-compat.php), so KS's own files stay as KS
 * has them and a KS update can be copied over without merging colours.
 */

/* Buttons: light blue, white text, rounded like eflow (--df-border-radius). */
.woocommerce .button,
.woocommerce button.button,
.woocommerce a.button,
.woocommerce .button.alt,
.woocommerce a.checkout-button,
#place_order,
.bp-auth-form__btn,
.bp-shopbar__btn,
.bp-shopbar select.orderby,
.bp-filters__submit,
.bp-filters__form:has( .bp-filters__option input:checked ) .bp-filters__submit {
  background: var(--oxa-accent) !important;
  border-color: transparent !important;
  color: #ffffff !important;
  border-radius: var(--oxa-radius) !important;
}
.woocommerce .button:hover,
.woocommerce a.checkout-button:hover,
#place_order:hover,
.bp-auth-form__btn:hover,
.bp-shopbar__btn:hover,
.bp-filters__submit:hover {
  background: var(--oxa-accent-hover) !important;
}
/* eflow's Filtro button was the accent, faded until a filter is ticked. */
.bp-filters__submit { opacity: 0.6; }
.bp-filters__submit.is-active,
.bp-filters__form:has( .bp-filters__option input:checked ) .bp-filters__submit { opacity: 1; }

/* Notices ("Shporta juaj është e zbrazët" …): eflow's yellow info box. */
.woocommerce-info,
.woocommerce-message,
.cart-empty.woocommerce-info {
  background: var(--oxa-info) !important;
  color: #ffffff !important;
  border: 0 !important;
  border-radius: var(--oxa-radius) !important;
}
.woocommerce-info a,
.woocommerce-message a { color: #ffffff !important; }

/* Messenger bubble and gallery arrows: the accent, as on eflow. */
.bp-messenger { color: var(--oxa-accent) !important; }
body.single-product .woocommerce-product-gallery .flex-direction-nav a { color: var(--oxa-accent) !important; }

/* Price slider. */
.bp-filters__range { background: var(--oxa-accent) !important; }
.bp-filters__thumb::-webkit-slider-thumb { background: var(--oxa-accent) !important; }
.bp-filters__thumb::-moz-range-thumb { background: var(--oxa-accent) !important; }

/* "Të dhënat": light-blue labels, dark values, as eflow's list. */
.bp-specs__label { color: var(--oxa-accent) !important; font-weight: 500 !important; }
.bp-specs__value { color: var(--oxa-text) !important; }
.bp-specs__sign { color: var(--oxa-accent) !important; }

/* KS styles these four with page-specific selectors; matched here so the
 * accent still wins. */
html body.woocommerce-cart .cart_totals .wc-proceed-to-checkout a.checkout-button,
html body.woocommerce-cart .wc-proceed-to-checkout .checkout-button,
html body.woocommerce-checkout #place_order,
html body.woocommerce-cart .woocommerce .return-to-shop a.button.wc-backward,
html body .return-to-shop a.button.wc-backward {
  background: var(--oxa-accent) !important;
  color: #ffffff !important;
  border-radius: var(--oxa-radius) !important;
}
html body.woocommerce-cart .cart_totals .wc-proceed-to-checkout a.checkout-button:hover,
html body.woocommerce-checkout #place_order:hover,
html body .return-to-shop a.button.wc-backward:hover {
  background: var(--oxa-accent-hover) !important;
}
html body.woocommerce-cart .woocommerce .wc-empty-cart-message .cart-empty,
html body.woocommerce-cart .woocommerce .cart-empty,
html body .cart-empty.woocommerce-info {
  background: var(--oxa-info) !important;
  color: #ffffff !important;
  border-radius: var(--oxa-radius) !important;
}

/* Return / delivery lines: eflow's icons were green and yellow. */
.bp-shipreturn__row:first-child .bp-shipreturn__icon { color: var(--oxa-success); }
.bp-shipreturn__row:last-child .bp-shipreturn__icon { color: #f5a623; }

/* SKU / Kategori line, as eflow printed it: two short lines, small. */
body.single-product .product_meta {
  display: block !important;
  margin: 1rem 0 0.75rem;
  font-size: 0.875rem;
  color: var(--oxa-text);
}
body.single-product .product_meta > span { display: block; }
body.single-product .product_meta a { color: var(--oxa-link); text-decoration: underline; font-weight: 600; }

/* "Shiko produktet më lart" on page 2+: eflow's light-blue rounded button. */
.bp-shoplay .bp-infinite-prev {
  background: var(--oxa-accent) !important;
  border-radius: var(--oxa-radius) !important;
  padding: 8px 16px !important;
  font-weight: 500 !important;
  min-height: 0 !important;
}
.bp-shoplay .bp-infinite-prev:hover { background: var(--oxa-accent-hover) !important; }

/* Footer: "Na kontaktoni në:" above the email, as eflow. */
.bp-footer__contact-heading { margin: 1.5rem 0 0.75rem; }

/* Carnival AL: eflow showed no row of applied-filter chips above the products
 * (menu links like Markat, Femra… only change the address and the results).
 * The ticked options stay visible inside the filters. */
.bp-shop-chips { display: none !important; }

/* The checkout summary carries WooCommerce's refresh class
 * (woocommerce/checkout/review-order.php); bp-final.css hides that class for
 * WooCommerce's own table, so the Oxa box is shown again here. */
html body.woocommerce-checkout .bp-review.woocommerce-checkout-review-order-table { display: block !important; }

/* Cart coupon row, as eflow: centred under the products, rounded input and
 * button, normal-case label. */
html body.woocommerce-cart .bp-cart-coupon {
  justify-content: center;
  align-items: center;
  gap: 16px;
  max-width: none;
  margin: 12px auto;
}
html body.woocommerce-cart .bp-cart-coupon .input-text {
  flex: 0 0 224px;
  height: 38px;
  border-radius: var(--oxa-radius) !important;
  font-size: 0.95rem;
}
html body.woocommerce-cart .bp-cart-coupon .button {
  height: 38px;
  padding: 0 18px !important;
  text-transform: none !important;
  font-size: 16px !important;
  font-weight: 500 !important;
}
@media (max-width: 767px) {
  html body.woocommerce-cart .bp-cart-coupon { margin: 12px 15px; }
  html body.woocommerce-cart .bp-cart-coupon .input-text { flex: 1 1 auto; }
}
/* eflow's lines: one under the products, one under the coupon row, none above
 * the totals. */
html body.woocommerce-cart .bp-cart-coupon {
  margin: 0 !important;
  padding: 12px 0;
  border-top: 1px solid #f0f0f0;
}
html body.woocommerce-cart .woocommerce-cart-form { padding-bottom: 12px !important; border-bottom-color: #f0f0f0 !important; }
html body.woocommerce-cart .cart-collaterals { border-top: 0 !important; }

/* Old price struck through before the sale price in cart and checkout
 * (inc/al-compat.php), as eflow: grey old price, red new price. */
.bp-cart-sale del { color: var(--oxa-text); font-weight: 300; margin-right: 6px; }
.bp-cart-sale ins { text-decoration: none; }
body .bp-cart-sale ins,
body .bp-cart-sale ins .amount,
body .bp-cart-sale ins bdi,
body.woocommerce-cart .bp-cart-cell--price .bp-cart-cell__value .bp-cart-sale ins,
body.woocommerce-cart .bp-cart-cell--price .bp-cart-cell__value .bp-cart-sale ins .amount,
body.woocommerce-cart .bp-cart-cell--price .bp-cart-cell__value .bp-cart-sale ins bdi {
  color: var(--oxa-sale-price, red) !important;
}

/* Carnival KS: eflow's footer listed the phone before the email. */
.bp-footer__contact { display: flex; flex-direction: column; }
.bp-footer__contact > li:nth-child(2) { order: -1; }

/* Product page buttons, as eflow: "Shto në shportë" in the accent, "Blini
 * tani" green, both with the rounded corners. KS styles them with
 * page-specific selectors, matched here. */
html body.single-product div.product form.cart .single_add_to_cart_button,
html body.single-product div.product form.cart.bp-has-buynow .single_add_to_cart_button {
  background: var(--oxa-accent) !important;
  color: #ffffff !important;
  border-radius: var(--oxa-radius) !important;
}
html body.single-product div.product form.cart .single_add_to_cart_button:hover { background: var(--oxa-accent-hover) !important; }
html body.single-product div.product form.cart.bp-has-buynow .bp-buy-now { border-radius: var(--oxa-radius) !important; }

/* Footer menu link (Afatet dhe kushtet …): the same grey as the rest of the footer. */
.bp-footer__links a { color: #6b7280 !important; }

/* Checkout: payment, privacy text, button and return line as wide as the
 * order summary above them, as eflow (WooCommerce pads them by 1em). */
html body.woocommerce-checkout #payment div.form-row,
html body.woocommerce-checkout #payment .place-order {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* 360° view on a product with a single gallery photo: WooCommerce builds no
 * slider, so the df-threesixty plugin cannot move its box into the photo
 * area and the box stayed in the page grid, pushing the details under the
 * photo. Kept in the photo column instead; the details keep the right one. */
body.single-product div.product > .df360 { grid-column: 1; }
body.single-product div.product > .df360 ~ .summary { grid-column: 2; grid-row: 1 / span 2; }