/**
 * Pizza Salvi — Custom CSS për Elementor / child theme
 * Burim: old_website/_/www/www/css/style.min.css + inline styles në faqet e lokacionit
 * Mos e kopjo të gjithë min.css — përdor këtë file për overrides dhe seksione që nuk i kap Elementor.
 * Vendosje: Appearance → Customize → Additional CSS, ose Elementor → Site Settings → Custom CSS (Pro),
 * ose skedari në child theme: wp_enqueue_style.
 */

/* ========== Variabla (përputh DESIGN-SYSTEM.md) ========== */
:root {
  --salvi-dark: #1f1f1f;
  --salvi-accent: #fbae89;
  --salvi-white: #ffffff;
  --salvi-content-bottom: #0f0f0f;
}

/* ========== Sfond hero + overlay (faqet e lokacionit) ==========
 * Zëvendëso .salvi-branch-hradec-kralove me klasën e degës suaj (ose një klasë të vetme në Section → Advanced).
 */
body.salvi-location-page {
  position: relative;
}

body.salvi-location-page::before {
  content: "";
  position: fixed;
  inset: 0;
  width: 100{a86fbd9e705404274f3d7c295ff70d3ed8ee38eb927c2c70f45cc4a4759fdde8};
  height: 100vh;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  z-index: -2;
  /* Shembull: background-image: url('PATH_NGA_MEDIA_LIBRARY/kukleny.jpeg'); */
}

body.salvi-location-page::after {
  content: "";
  position: fixed;
  inset: 0;
  width: 100{a86fbd9e705404274f3d7c295ff70d3ed8ee38eb927c2c70f45cc4a4759fdde8};
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.8);
  z-index: -1;
}

/* Gradient tranzicion te zona e menusë (si inline në HTML) */
.salvi-content-gradient {
  position: relative;
  z-index: 1;
  background: linear-gradient(
    to bottom,
    transparent 0{a86fbd9e705404274f3d7c295ff70d3ed8ee38eb927c2c70f45cc4a4759fdde8},
    transparent 80vh,
    #0f0f0f 120vh
  ) !important;
}

/* Zona e bardhë: Instagram + kontakt + footer */
.salvi-section-white {
  background-color: var(--salvi-white) !important;
  margin: 0 !important;
}

/* ========== Popup “Rozšiřujeme nabídku!” ========== */
.salvi-popup-overlay {
  position: fixed;
  inset: 0;
  width: 100{a86fbd9e705404274f3d7c295ff70d3ed8ee38eb927c2c70f45cc4a4759fdde8};
  height: 100{a86fbd9e705404274f3d7c295ff70d3ed8ee38eb927c2c70f45cc4a4759fdde8};
  background-color: rgba(0, 0, 0, 0);
  z-index: 10000;
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 0;
  transition: opacity 0.4s ease, background-color 0.4s ease;
  pointer-events: none;
}

.salvi-popup-overlay.salvi-popup--visible {
  opacity: 1;
  background-color: rgba(0, 0, 0, 0.8);
  pointer-events: auto;
}

.salvi-popup-content {
  background: #fff;
  padding: 40px;
  border-radius: 12px;
  text-align: center;
  max-width: 500px;
  margin: 20px;
  position: relative;
  color: var(--salvi-dark);
  transform: scale(0.7);
  opacity: 0;
  transition: transform 0.4s ease, opacity 0.4s ease;
}

.salvi-popup-overlay.salvi-popup--visible .salvi-popup-content {
  transform: scale(1);
  opacity: 1;
}

.salvi-popup-close {
  position: absolute;
  top: 15px;
  right: 20px;
  font-size: 30px;
  cursor: pointer;
  color: var(--salvi-dark);
  line-height: 1;
  border: 0;
  background: none;
}

.salvi-popup-content h2 {
  color: var(--salvi-dark);
  margin-bottom: 20px;
  font-size: 28px;
  font-family: "Merriweather", serif;
}

.salvi-popup-content p {
  color: var(--salvi-dark);
  margin-bottom: 30px;
  font-size: 16px;
  line-height: 1.5;
}

.salvi-popup-content .salvi-btn-popup {
  display: inline-block;
  background-color: var(--salvi-accent);
  color: var(--salvi-dark);
  padding: 15px 30px;
  border-radius: 24px;
  text-decoration: none;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  border: 2px solid var(--salvi-accent);
  transition: all 300ms;
}

.salvi-popup-content .salvi-btn-popup:hover {
  background-color: var(--salvi-dark);
  color: var(--salvi-accent);
}

@media (max-width: 767px) {
  .salvi-popup-content {
    padding: 30px 20px;
    margin: 10px;
  }
  .salvi-popup-content h2 {
    font-size: 24px;
  }
}

/* ========== Butoni Instagram (gradient) ========== */
.salvi-insta-btn {
  margin-top: 20px;
  padding: 12px 26px;
  background: linear-gradient(45deg, #f58529, #dd2a7b, #8134af);
  color: #fff;
  border-radius: 10px;
  text-decoration: none;
  font-weight: 700;
  transition: transform 0.15s ease, opacity 0.15s ease;
  display: inline-flex;
  align-items: center;
  gap: 10px;
}

.salvi-insta-btn:hover {
  transform: translateY(-2px);
  opacity: 0.95;
  color: #fff;
}

/* ========== Panini / menu images ========== */
.salvi-menu-img--panini {
  width: 80{a86fbd9e705404274f3d7c295ff70d3ed8ee38eb927c2c70f45cc4a4759fdde8} !important;
  height: auto !important;
  object-fit: contain !important;
  margin-bottom: 15px !important;
}

.salvi-menu-img {
  object-fit: contain !important;
}

/* ========== Faqe soutěže (legal) ========== */
.salvi-soutez-legal {
  font-size: 16px;
  line-height: 1.5;
  color: #fff;
  background-color: #222;
}

.salvi-soutez-legal h1,
.salvi-soutez-legal h2 {
  color: #d0b495;
  font-family: "Merriweather", serif;
}

.salvi-soutez-legal .salvi-soutez-inner {
  max-width: 1200px;
  margin: 0 auto;
  padding: 60px 20px;
}

/* ========== WooCommerce grid — afërsim me .menu--grid ========== */
.salvi-wc-menu-grid ul.products {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
  list-style: none;
  margin: 0;
  padding: 0;
}

@media (max-width: 1024px) {
  .salvi-wc-menu-grid ul.products {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 600px) {
  .salvi-wc-menu-grid ul.products {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.75rem;
  }
}

/* ========== Shortcode [products] brenda Elementor — responsive ==========
 * WooCommerce lë të njëjtin numër kolonash në të gjitha breakpoint-et;
 * kjo e zëvendëson me CSS grid. Shto te Section → Advanced → CSS Classes:
 *   salvi-wc-menu-grid
 * ose përdor rregullat më poshtë pa klasë (vetëm brenda Elementor).
 */
.elementor-widget-shortcode .woocommerce ul.products,
.salvi-wc-menu-grid .woocommerce ul.products {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 1.25rem !important;
  width: 100{a86fbd9e705404274f3d7c295ff70d3ed8ee38eb927c2c70f45cc4a4759fdde8} !important;
  margin: 0 !important;
  clear: both !important;
}

.elementor-widget-shortcode .woocommerce ul.products::before,
.elementor-widget-shortcode .woocommerce ul.products::after,
.salvi-wc-menu-grid .woocommerce ul.products::before,
.salvi-wc-menu-grid .woocommerce ul.products::after {
  display: none !important;
}

.elementor-widget-shortcode .woocommerce ul.products li.product,
.salvi-wc-menu-grid .woocommerce ul.products li.product {
  width: 100{a86fbd9e705404274f3d7c295ff70d3ed8ee38eb927c2c70f45cc4a4759fdde8} !important;
  max-width: 100{a86fbd9e705404274f3d7c295ff70d3ed8ee38eb927c2c70f45cc4a4759fdde8} !important;
  float: none !important;
  margin: 0 !important;
}

@media (max-width: 1100px) {
  .elementor-widget-shortcode .woocommerce ul.products,
  .salvi-wc-menu-grid .woocommerce ul.products {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}

/* Tablet + mobile: gjithmonë 2 kolona (nuk zbrit më në 1). */
@media (max-width: 780px) {
  .elementor-widget-shortcode .woocommerce ul.products,
  .salvi-wc-menu-grid .woocommerce ul.products {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 0.85rem !important;
  }
}

@media (max-width: 400px) {
  .elementor-widget-shortcode .woocommerce ul.products,
  .salvi-wc-menu-grid .woocommerce ul.products {
    gap: 0.5rem !important;
  }
}










/* Checkout clean layout */
.woocommerce-checkout .woocommerce-billing-fields h3,
.woocommerce-checkout .woocommerce-additional-fields h3,
.woocommerce-checkout .woocommerce-column__title {
  display: none !important;
}

.woocommerce-checkout .form-row {
  width: 100{a86fbd9e705404274f3d7c295ff70d3ed8ee38eb927c2c70f45cc4a4759fdde8} !important;
  float: none !important;
  margin-right: 0 !important;
}

.woocommerce-checkout input.input-text,
.woocommerce-checkout textarea,
.woocommerce-checkout select {
  width: 100{a86fbd9e705404274f3d7c295ff70d3ed8ee38eb927c2c70f45cc4a4759fdde8} !important;
  border-radius: 8px;
  min-height: 48px;
}

.woocommerce-checkout textarea {
  min-height: 120px;
  resize: vertical;
}








/* Background i gjithë faqes checkout */
.woocommerce-checkout {
    background: #000 !important;
    color: #fff !important;
}

/* Container i brendshëm */
.woocommerce-checkout .woocommerce {
    background: #000;
}

/* Input fields */
.woocommerce-checkout input,
.woocommerce-checkout textarea,
.woocommerce-checkout select {
    background: #111;
    color: #fff;
    border: 1px solid #444;
}

/* Placeholder text */
.woocommerce-checkout ::placeholder {
    color: #bbb;
}

/* Labels */
.woocommerce-checkout label {
    color: #fff;
}

/* Order summary (ana e djathtë) */
.woocommerce-checkout .woocommerce-checkout-review-order {
    background: #111;
    color: #fff;
    padding: 20px;
}

/* Totals & product list */
.woocommerce-checkout-review-order-table {
    color: #fff;
}

/* Buttons */
.woocommerce-checkout button {
    background: #fff;
    color: #000;
    border: none;
}

.woocommerce-checkout button:hover {
    background: #ddd;
}

.checkout-product-with-image img {
    width: 60px;
    height: 60px;
    object-fit: cover;
    border-radius: 8px;
    display: block;
}

.checkout-product-thumb {
    flex: 0 0 60px;
}


.checkout-product-name {
    color: #fff;
}
/* Background i gjithë faqes së produktit */
body.single-product {
  background-color: #000000;
  color: #ffffff;
}

/* Container kryesor */
.single-product .site,
.single-product .site-main,
.single-product .content-area {
  background-color: #000000;
}

/* Tekstet */
.single-product h1,
.single-product h2,
.single-product h3,
.single-product p,
.single-product span,
.single-product div {
  color: #ffffff;
}

/* Breadcrumb */
.woocommerce-breadcrumb {
  color: #aaaaaa;
}

.woocommerce-breadcrumb a {
  color: #cccccc;
}

/* Price */
.single-product .price {
  color: #ffffff;
  font-weight: 600;
}

/* Quantity input */
.single-product input.qty {
  background: #111;
  color: #fff;
  border: 1px solid #333;
}

/* Butoni Add to Cart */
.single-product button.single_add_to_cart_button {
  background: #ce2b37; /* italian red */
  color: #fff;
  border: none;
  padding: 12px 24px;
  font-weight: 600;
  transition: 0.3s;
}

.single-product button.single_add_to_cart_button:hover {
  background: #009246; /* italian green */
  color: #fff;
}

/* Tabs (Description / Reviews) */
.woocommerce-tabs {
  background: #000;
  color: #fff;
}

.woocommerce-tabs ul.tabs li a {
  color: #ccc;
}

.woocommerce-tabs ul.tabs li.active a {
  color: #fff;
}

/* Border clean */
.single-product .product {
  border: none;
}

/* Image background */
.single-product div.images {
  background: #000;
}
.single-product .product_meta {
  display: none !important;
}