@charset "UTF-8";

/* ==========================================================================
   Kouinta.com — προσαρμογή ώστε το Cassiopeia να μοιάζει με το παλιό
   template (et_publisher) του www.kouinta.com
   ========================================================================== */

/* --- Γραμματοσειρά (όπως στο παλιό site) --- */
:root {
  --cassiopeia-font-family-body: "ZCOOL XiaoWei", sans-serif;
  --cassiopeia-font-family-headings: "ZCOOL XiaoWei", sans-serif;
  --cassiopeia-font-weight-normal: 400;
  --cassiopeia-font-weight-headings: 400;
}

body {
  font-size: 1rem;
}

/* --- Header: brand αριστερά, μενού δεξιά, σε μία γραμμή --- */
.container-header {
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.12);
}

.container-header .navbar-brand {
  font-size: 1.5rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}

.container-header .navbar-brand a,
.container-header .navbar-brand a:hover,
.container-header .navbar-brand a:focus {
  color: rgb(196, 143, 49);
  text-decoration: none;
}

@media (min-width: 992px) {
  .container-header {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding-inline: max(calc((100% - 1320px) / 2), 1rem);
  }

  .container-header > .grid-child {
    width: auto;
    max-width: none;
    margin: 0;
  }

  .container-header > .grid-child:not(.container-nav) {
    flex: 0 0 auto;
  }

  .container-header .container-nav {
    flex: 1 1 auto;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding-bottom: 0;
  }

  .container-header nav {
    margin-top: 0;
  }

  /* Μενού στοιχισμένο δεξιά, δίπλα στις σημαίες */
  .container-header .mod-menu {
    justify-content: flex-end;
  }
}

/* --- Μενού: σκούρα links, χρυσό στο active/hover, χωρίς underline --- */
.container-header .metismenu.mod-menu .metismenu-item {
  font-size: 1rem;
}

.container-header .metismenu.mod-menu .metismenu-item > a,
.container-header .metismenu.mod-menu .metismenu-item > span,
.container-header .metismenu.mod-menu .metismenu-item > button {
  color: rgb(37, 37, 37);
  font-weight: 600;
}

.container-header .metismenu.mod-menu .metismenu-item.active > a,
.container-header .metismenu.mod-menu .metismenu-item > a:hover,
.container-header .metismenu.mod-menu .metismenu-item > button:hover {
  color: rgb(196, 143, 49);
  text-decoration: none;
}

/* Χωρίς την μπάρα-υπογράμμιση της Cassiopeia στα items */
.container-header .metismenu > li > a:after,
.container-header .metismenu > li.active > a:after {
  display: none;
}

/* --- Σημαίες γλωσσών δίπλα στο μενού --- */
.container-header .mod-languages,
.container-header .mod-falang {
  margin-inline-start: 1rem;
}

.container-header .mod-languages ul.lang-inline,
.container-header .mod-falang ul.lang-inline {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  gap: 0.35rem;
  align-items: center;
}

/* --- Breadcrumbs: ανοιχτόχρωμη μπάρα όπως στο παλιό --- */
.mod-breadcrumbs {
  background-color: rgb(233, 236, 239);
  border-radius: 0.25rem;
  padding: 0.75rem 1rem;
  margin-bottom: 1.5rem;
}

/* --- Περιεχόμενο: χρυσοί τίτλοι/links, χωρίς underline όπως στο παλιό --- */
main a,
main a:not([class]) {
  text-decoration: none;
}

main a:hover,
main a:not([class]):hover {
  text-decoration: underline;
}

main h2 a,
main h3 a,
main .page-header a {
  color: rgb(196, 143, 49);
  text-decoration: none;
}

main h2 a:hover,
main h3 a:hover {
  color: rgb(160, 113, 35);
}

/* --- Slideshow αρχικής (όπως το παλιό camera slideshow) --- */
/* Το banner να πιάνει το πλάτος του περιεχομένου, όχι όλο το viewport */
.site-grid > .container-banner.full-width {
  grid-column: main-start / main-end;
}

.kq-slideshow {
  position: relative;
  margin-top: 1rem;
}

.kq-slides {
  position: relative;
  aspect-ratio: 940 / 400;
  overflow: hidden;
  background: #111;
}

.kq-slide {
  position: absolute;
  inset: 0;
  opacity: 0;
  transition: opacity 0.8s ease;
}

.kq-slide.is-active {
  opacity: 1;
  z-index: 1;
}

.kq-slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* Βελάκια αριστερά/δεξιά */
.kq-arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 2;
  border: 0;
  background: rgba(0, 0, 0, 0.35);
  color: #fff;
  font-size: 1.5rem;
  line-height: 1;
  padding: 0.75rem 0.6rem;
  cursor: pointer;
  transition: background 0.2s ease;
}

.kq-arrow:hover {
  background: rgba(196, 143, 49, 0.85);
}

.kq-prev {
  left: 0;
}

.kq-next {
  right: 0;
}

/* Λωρίδα thumbnails σε γκρι φόντο, όπως στο παλιό */
.kq-thumbs {
  display: flex;
  justify-content: center;
  gap: 0.75rem;
  padding: 0.75rem;
  background: #e9e9e9;
}

.kq-thumb {
  border: 2px solid transparent;
  background: none;
  padding: 0;
  cursor: pointer;
  opacity: 0.65;
  transition: opacity 0.2s ease, border-color 0.2s ease;
}

.kq-thumb img {
  display: block;
  width: 100px;
  height: auto;
}

.kq-thumb.is-active,
.kq-thumb:hover {
  opacity: 1;
  border-color: rgb(196, 143, 49);
}

@media (max-width: 575.98px) {
  .kq-thumbs {
    display: none;
  }
}

/* --- Αρχική & Νέες Κυκλοφορίες: 2 βιβλία ανά σειρά (όπως το παλιό site) --- */
@media (min-width: 768px) {
  .itemid-266 .booklist-grid,
  .itemid-103 .booklist-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

/* Ολόκληρο το εξώφυλλο ορατό, χωρίς crop */
.itemid-266 .booklist-card__cover img,
.itemid-103 .booklist-card__cover img {
  height: 420px;
  object-fit: contain;
  background: #fff;
}

/* --- Συγγραφείς: 2 ανά σειρά --- */
.view-authors .booklist-authors .row > [class*="col-"] {
  flex: 0 0 auto;
  width: 50%;
}

/* Μικρότερη, κεντραρισμένη φωτογραφία συγγραφέα */
.view-authors .booklist-authors__photo-wrap {
  width: 260px;
  max-width: 100%;
  height: 260px;
  padding-top: 0;
  margin: 1.25rem auto 0;
  border-radius: 0.5rem;
}

/* --- Άρθρα σε cards με hover effect --- */
.blog-items .blog-item {
  background: #fff;
  border: 1px solid rgba(0, 0, 0, 0.125);
  border-radius: 0.5rem;
  padding: 1.25rem;
  margin-bottom: 1.5rem;
  transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
}

.blog-items .blog-item:hover {
  transform: translateY(-4px);
  border-color: rgb(196, 143, 49);
  box-shadow: 0 0.75rem 1.5rem rgba(0, 0, 0, 0.15);
}

.blog-items .blog-item img {
  max-width: 100%;
  height: auto;
  border-radius: 0.25rem;
}

.blog-items .blog-item .page-header h2 {
  margin-top: 0;
  font-size: 1.4rem;
}

/* --- Footer: μαύρο, λευκό κείμενο, τρεις ενότητες όπως στο παλιό --- */
.container-footer {
  padding-top: 2.5rem;
  padding-bottom: 1rem;
  font-size: 0.9rem;
}

.container-footer > .grid-child {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 2rem;
  padding: 0.5em 1rem;
}

/* Bottom Menu (κάθετη λίστα με ψευδο-τίτλο, όπως ο τίτλος module στο παλιό) */
.container-footer ul.mod-menu {
  flex: 0 0 auto;
  min-width: 220px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.container-footer ul.mod-menu::before {
  content: "Bottom Menu";
  display: block;
  font-weight: 700;
  margin-bottom: 1rem;
}

.container-footer ul.mod-menu a {
  color: #fff;
  text-decoration: none;
  display: block;
  padding: 0.25rem 0;
}

.container-footer ul.mod-menu a:hover {
  color: rgb(196, 143, 49);
}

/* Πλαίσιο πληροφοριών (πίνακας με λευκό περίγραμμα, κεντραρισμένος) */
.container-footer .mod-custom {
  flex: 1 1 300px;
}

.container-footer .mod-custom table {
  margin-inline: auto;
  border-collapse: collapse;
}

.container-footer .mod-custom table td {
  border: 1px solid #fff;
  padding: 0.75rem 1.5rem;
}

.container-footer .mod-custom a {
  color: #fff;
}

.container-footer .mod-custom a:hover {
  color: rgb(196, 143, 49);
}

/* Copyright: δική του γραμμή, κεντραρισμένο */
.container-footer .mod-custom:has(.site-copyright) {
  flex: 1 1 100%;
  border-top: 1px solid rgba(255, 255, 255, 0.15);
}

.site-copyright {
  text-align: center;
  font-size: 0.875rem;
  padding-top: 1rem;
}

/* ---------- Hide FaLang free-version credit line ------------------- */
div:has(> a[href*="faboba.com"]),
a[href*="faboba.com"] {
  display: none !important;
}