/* ==========================================================
   AEGEO.GR – HERO ΑΡΧΙΚΗΣ
   Desktop: caption επάνω στην εικόνα
   Mobile: εικόνα + μικρός τίτλος από κάτω
   Image Style Drupal: hero_home 1200x675
   ========================================================== */


/* ----------------------------------------------------------
   ΒΑΣΙΚΟ CAROUSEL
   ---------------------------------------------------------- */

#views-bootstrap-hero-arhikis-block-1 {
  width: 100%;
  max-width: 100%;
  overflow: hidden;
  border-radius: 9px;
}

#views-bootstrap-hero-arhikis-block-1 .carousel-inner,
#views-bootstrap-hero-arhikis-block-1 .carousel-item {
  width: 100%;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
}


/* ----------------------------------------------------------
   ROW / COLUMN
   ---------------------------------------------------------- */

#views-bootstrap-hero-arhikis-block-1
.carousel-item > .row {
  width: 100%;
  margin: 0 !important;
}

#views-bootstrap-hero-arhikis-block-1
.carousel-item > .row > .col-md-12 {
  position: relative;
  width: 100%;
  max-width: 100%;
  padding: 0 !important;
}


/* ----------------------------------------------------------
   ΕΙΚΟΝΑ
   ---------------------------------------------------------- */

#views-bootstrap-hero-arhikis-block-1
.carousel-item
img.image-style-hero-home {
  display: block;

  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;

  margin: 0 !important;
  padding: 0 !important;
}


/* ==========================================================
   DESKTOP CAPTION
   ========================================================== */

#views-bootstrap-hero-arhikis-block-1
.carousel-caption {
  position: absolute;

  left: 0;
  right: 0;
  bottom: 0;

  width: 100%;

  margin: 0;
  padding: 55px 22px 18px;

  text-align: left;

  background: linear-gradient(
    to bottom,
    rgba(0, 0, 0, 0),
    rgba(0, 0, 0, .82)
  );
}


/* Desktop τίτλος */

#views-bootstrap-hero-arhikis-block-1
.carousel-caption
.views-field-title {
  margin: 0 0 5px;
  padding: 0;
}

#views-bootstrap-hero-arhikis-block-1
.carousel-caption
.views-field-title a {
  color: #fff;

  font-size: 1.2rem;
  font-weight: 800;
  line-height: 1.22;

  text-decoration: none;
}


/* Desktop body */

#views-bootstrap-hero-arhikis-block-1
.carousel-caption
.views-field-body {
  margin: 0;
  padding: 0;

  color: rgba(255,255,255,.90);

  font-size: .9rem;
  line-height: 1.4;
}

#views-bootstrap-hero-arhikis-block-1
.carousel-caption
.views-field-body p {
  margin: 0;
}


/* ==========================================================
   MOBILE
   ΕΙΚΟΝΑ ΠΑΝΩ + ΜΙΚΡΟΣ ΤΙΤΛΟΣ ΚΑΤΩ
   ========================================================== */

/* ==========================================================
   AEGEO HERO – MOBILE FINAL
   Εικόνα 16:9 + τίτλος από κάτω
   ========================================================== */

@media (max-width: 768px) {

  /* Όλο το carousel σε φυσικό ύψος */
  #views-bootstrap-hero-arhikis-block-1,
  #views-bootstrap-hero-arhikis-block-1 .carousel-inner,
  #views-bootstrap-hero-arhikis-block-1 .carousel-item,
  #views-bootstrap-hero-arhikis-block-1 .carousel-item > .row,
  #views-bootstrap-hero-arhikis-block-1 .carousel-item .col-md-12 {
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
  }


  /* Bootstrap row */
  #views-bootstrap-hero-arhikis-block-1
  .carousel-item > .row {
    display: block !important;

    width: 100% !important;

    margin: 0 !important;
  }


  /* Column */
  #views-bootstrap-hero-arhikis-block-1
  .carousel-item .col-md-12 {
    display: block !important;

    position: relative !important;

    width: 100% !important;
    max-width: 100% !important;

    padding: 0 !important;
  }


  /* ========================================================
     ΕΙΚΟΝΑ
     ======================================================== */

  #views-bootstrap-hero-arhikis-block-1
  img.image-style-hero-home {
    display: block !important;

    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;

    margin: 0 !important;
    padding: 0 !important;
  }


  /* ========================================================
     CAPTION ΚΑΤΩ ΑΠΟ ΤΗΝ ΕΙΚΟΝΑ
     ======================================================== */

  #views-bootstrap-hero-arhikis-block-1
  .carousel-caption.d-none {
    display: block !important;

    position: static !important;

    inset: auto !important;
    transform: none !important;

    width: 100% !important;

    height: auto !important;
    min-height: 0 !important;

    margin: 0 !important;

    padding:
      7px
      2px
      5px !important;

    background: none !important;

    text-align: left !important;

    color: #181818 !important;

    text-shadow: none !important;
  }


  /* ========================================================
     H3 = Ο ΠΡΑΓΜΑΤΙΚΟΣ ΤΙΤΛΟΣ
     ======================================================== */

  #views-bootstrap-hero-arhikis-block-1
  .carousel-caption h3 {
    display: -webkit-box !important;

    width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    color: #181818 !important;

    font-size: 0.88rem !important;
    font-weight: 800 !important;
    line-height: 1.25 !important;

    text-align: left !important;

    text-shadow: none !important;

    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;

    overflow: hidden !important;
  }


  /* Αν το h3 περιέχει link */
  #views-bootstrap-hero-arhikis-block-1
  .carousel-caption h3 a {
    color: #181818 !important;

    font-size: inherit !important;
    font-weight: inherit !important;
    line-height: inherit !important;

    text-decoration: none !important;

    text-shadow: none !important;
  }


  /* ========================================================
     DESCRIPTION – ΚΡΥΦΟ ΣΤΟ MOBILE
     ======================================================== */

  #views-bootstrap-hero-arhikis-block-1
  .carousel-description {
    display: none !important;
  }


  /* Indicators κρυφά στο mobile */
  #views-bootstrap-hero-arhikis-block-1
  .carousel-indicators {
    display: none !important;
  }
}