/*
 * Primadent (02/11/2026): το site ως κατάλογος.
 * 1. Header: λογότυπο · αναζήτηση · τηλέφωνο + «Ζητήστε προσφορά», και από κάτω το μενού του Journal.
 * 2. «Ζητήστε προσφορά» στα κουτάκια προϊόντων και στη σελίδα προϊόντος (primadent/quote.tpl).
 * Χρώματα από το λογότυπο: ροζ #d6307b, μπλε-γκρι #5b6b8c, σκούρο #363a45 (footer).
 */

/* ---------- 1. Header ---------- */
.pd-header #header {
  height: auto;
  min-height: 0;
}
.pd-header .pd-header-bar {
  display: flex;
  align-items: center;
  gap: 32px;
  padding: 14px 20px;
  background: #fff;
}
.pd-header .pd-logo,
.pd-header .pd-search {
  float: none;
  width: auto;
  height: auto;
  position: static;
  display: block;
}
.pd-header .pd-logo {
  flex: 0 0 180px; /* σταθερό: το img του Journal έχει max-width 100% */
  padding: 0;
}
.pd-header .pd-logo #logo,
.pd-header .pd-logo a {
  display: block;
  position: static;
  width: 100%;
  height: auto;
}
.pd-header .pd-logo #logo img {
  /* το Journal το βάζει absolute με σταθερές διαστάσεις του παλιού header */
  position: static !important;
  display: block;
  width: 100% !important;
  max-width: 100%;
  height: auto !important;
  margin: 0 !important;
  transform: none !important; /* και το κεντράρισμα translate(-50%, -50%) */
}
.pd-header .pd-search {
  flex: 1 1 auto;
  max-width: 560px;
}
.pd-header .pd-search #search {
  width: 100%;
}
.pd-header .pd-contact {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  gap: 20px;
  margin-left: auto;
}
.pd-header .pd-phone {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: #363a45;
  font-size: 17px;
  font-weight: bold;
  white-space: nowrap;
}
.pd-header .pd-phone i {
  color: #d6307b;
  font-size: 20px;
}
.pd-header .pd-phone:hover {
  color: #d6307b;
}
.pd-header .pd-cta {
  display: inline-block;
  padding: 12px 22px;
  border-radius: 3px;
  background: #d6307b;
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  text-transform: uppercase;
  white-space: nowrap;
  transition: background 0.2s;
}
.pd-header .pd-cta:hover {
  background: #363a45;
  color: #fff;
}
.pd-header .journal-menu {
  float: none;
  width: 100%;
  clear: both;
}

@media (max-width: 980px) {
  .pd-header .pd-header-bar {
    flex-wrap: wrap;
    gap: 12px 20px;
    padding: 12px 15px;
  }
  .pd-header .pd-search {
    order: 3;
    flex: 1 1 100%;
    max-width: none;
  }
}
@media (max-width: 760px) {
  /* Το Journal (κάτω από 470px) ανεβάζει το «MENU» 40px και το κάνει διάφανο, γιατί στο δικό του header καθόταν δίπλα
     στο καλάθι: εδώ θα κρυβόταν κάτω από την αναζήτηση */
  header.pd-header .journal-menu .mobile-trigger {
    margin-top: 0;
    width: 100%;
    background-color: rgb(95, 104, 116); /* main_menu_bg_color του Journal */
  }
}
@media (max-width: 600px) {
  .pd-header .pd-logo {
    flex-basis: 120px;
  }
  .pd-header .pd-phone span {
    display: none; /* στο κινητό μόνο το εικονίδιο */
  }
  .pd-header .pd-phone i {
    font-size: 24px;
  }
  .pd-header .pd-contact {
    gap: 14px;
  }
  .pd-header .pd-cta {
    padding: 10px 14px;
    font-size: 12px;
  }
}

/* ---------- 2. «Ζητήστε προσφορά» ---------- */
.pd-quote-card {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 4px 12px;
  padding: 6px 0 2px;
  font-size: 13px;
  line-height: 1.4;
}
.pd-quote-card .pd-quote-title {
  flex: 0 0 100%;
  color: #d6307b;
  font-weight: bold;
  text-transform: uppercase;
}
.pd-quote-card a {
  display: inline-flex;
  align-items: center; /* εικονίδιο και κείμενο στο ίδιο ύψος */
  gap: 5px;
  color: #363a45;
  white-space: nowrap;
}
.pd-quote-card a i {
  line-height: 1;
}
/* Προβολή λίστας: τα στοιχεία κάτω από το «Ζητήστε προσφορά», αριστερά όπως ο τίτλος */
.product-list .pd-quote-card {
  justify-content: flex-start;
}
.pd-quote-card a:hover,
.pd-quote-page a:hover {
  color: #d6307b;
}
.pd-quote-card a i,
.pd-quote-page a i {
  color: #d6307b;
}

.pd-quote-page {
  margin: 14px 0;
  padding: 16px 18px;
  border-left: 4px solid #d6307b;
  background: #fff;
}
.pd-quote-page .pd-quote-title {
  margin: 0 0 8px;
  color: #363a45;
  font-size: 16px;
  font-weight: bold;
}
.pd-quote-page .pd-quote-links {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 24px;
  margin: 0;
  font-size: 15px;
}
.pd-quote-page a {
  color: #363a45;
  font-weight: bold;
}

/* ---------- 3. Πλάτος 1400px ---------- */
/* Αρχική, πλέγμα «Top - Slider + Banners» (Journal #197): ο slider κρατά αναλογία 1050×380, ενώ η κάθετη εικόνα δεξιά
   (241×400) ψήλωνε μαζί με τη στήλη. Τώρα η εικόνα παίρνει το ύψος του slider (κόβεται από κάτω, μένει το πρόσωπο). */
.multi-module-197 .box.multi-modules {
  display: flex;
  height: auto !important;
}
.multi-module-197 .column-banner {
  position: relative;
  height: auto !important; /* το Journal δίνει height 100%, που εδώ βγαίνει 0 */
  align-self: stretch;
}
.multi-module-197 .column-banner .multi-modules-row {
  position: absolute;
  top: 0;
  right: 20px;
  bottom: 0;
  left: 0;
  height: auto !important;
}
.multi-module-197 .column-banner .static-banners,
.multi-module-197 .column-banner .static-banners > div,
.multi-module-197 .column-banner .box-content,
.multi-module-197 .column-banner .static-banner {
  height: 100%;
}
.multi-module-197 .column-banner img {
  width: 100%;
  height: 100% !important;
  object-fit: cover;
  object-position: center top;
}

/* ---------- 4. «Είδατε πρόσφατα» (σελίδα προϊόντος) ---------- */
/* Εικόνες 80px και στήλη 280px από τις ρυθμίσεις του Journal (deploy/apply-recently-viewed.php) */
#column-right .side-products .name a {
  font-size: 14px;
  line-height: 1.35;
  white-space: normal; /* ολόκληρο το όνομα, όχι κομμένο */
}
#column-right .side-products .box-heading {
  font-size: 15px;
}