/**
Theme Name: Astra Child
Author: Brainstorm Force
Author URI: http://wpastra.com/about/
Description: Astra is the fastest, fully customizable & beautiful theme suitable for blogs, personal portfolios and business websites. It is very lightweight (less than 50KB on frontend) and offers unparalleled speed. Built with SEO in mind, Astra comes with schema.org code integrated so search engines will love your site. Astra offers plenty of sidebar options and widget areas giving you a full control for customizations. Furthermore, we have included special features and templates so feel free to choose any of your favorite page builder plugin to create pages flexibly. Some of the other features: # WooCommerce Ready # Responsive # Compatible with major plugins # Translation Ready # Extendible with premium addons # Regularly updated # Designed, Developed, Maintained & Supported by Brainstorm Force. Looking for a perfect base theme? Look no further. Astra is fast, fully customizable and beautiful theme!
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: astra-child
Template: astra
*/

/* Υπηρεσίες - κάρτα εμφάνιση */
.service-card {
  position: relative;
  background-color: #ffffff;
  border-radius: 16px;
  padding: 40px 30px 35px;
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.06);
  margin-bottom: 30px;
  transition: all 0.3s ease;
  border: 1px solid #e0e0e0;
  cursor: pointer;
  overflow: hidden;
}

/* Μπάρα κορυφής */
.service-card::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  height: 6px;
  width: 100%;
  background: linear-gradient(to right, rgb(2, 3, 129), rgb(40, 116, 252));
  border-radius: 16px 16px 0 0;
}

/* Hover εφέ */
.service-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 12px 30px rgba(40, 116, 252, 0.15);
  border-color: #2874fc;
  background-color: #f9fbff;
}

/* Τίτλος */
.service-card h3,
.service-card h4 {
  font-size: 1.25rem;
  margin-bottom: 15px;
  color: #021881;
  font-weight: 600;
  transition: color 0.3s ease;
}

.service-card:hover h3,
.service-card:hover h4 {
  color: #b3000c;
}

/* Περιγραφή */
.service-card p {
  font-size: 0.95rem;
  color: #555;
  line-height: 1.7;
}

/* Προαιρετικό icon πάνω από τον τίτλο */
.service-icon {
  font-size: 30px;
  color: #2874fc;
  margin-bottom: 15px;
}


.section-title {
  font-size: 2.4rem;
  color: #021881;
  font-weight: 700;
  text-align: left; /* Αριστερή στοίχιση */
  margin-bottom: 20px;
  position: relative;
  letter-spacing: 0.5px;
  line-height: 1.2;
}

/* Γραμμή ΚΑΤΩ από τον τίτλο, στοιχισμένη αριστερά */
.section-title::after {
  content: "";
  display: block;
  width: 70px;
  height: 4px;
  background: linear-gradient(to right, #b3000c, #2874fc);
  margin-top: 10px;
  border-radius: 2px;
}
.section-content {
  font-size: 1.1rem; /* Ελαφρώς μεγαλύτερο από default */
  color: #555; /* Σκούρο γκρι για άνετη ανάγνωση */
  line-height: 1.8; /* Μεγάλο line-height για "ανάσα" */
  max-width: 700px; /* Περιορισμένο πλάτος για να μην απλώνεται πολύ */
  margin-bottom: 30px; /* Απόσταση κάτω από το κείμενο */
  text-align: left; /* Αριστερή στοίχιση */
}

/* UNIVERSAL styling για Gutenberg Details block */
.wp-block-details {
  background: #ffffff;
  border: 1px solid #e5e5e5;
  border-radius: 12px;
  padding: 20px 25px;
  margin-bottom: 20px;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.04);
  transition: all 0.4s ease;
  overflow: hidden;
  position: relative;
}

/* Hover εφέ */
.wp-block-details:hover {
  border-color: #2874fc;
  box-shadow: 0 8px 20px rgba(40, 116, 252, 0.1);
}

/* Στυλ για το Summary (τίτλο) */
.wp-block-details summary {
  font-size: 1.25rem;
  font-weight: 600;
  color: #021881;
  cursor: pointer;
  list-style: none;
  position: relative;
  padding-right: 40px;
  padding-bottom: 10px;
  border-bottom: 1px solid #e0e0e0;
}

/* Custom "+" εικονίδιο */
.wp-block-details summary::after {
  content: "+";
  position: absolute;
  right: 0;
  top: 0;
  font-size: 1.5rem;
  color: #2874fc;
  transition: transform 0.3s ease, color 0.3s ease;
}

/* Όταν είναι ανοιχτό, γίνεται "-" */
.wp-block-details[open] summary::after {
  content: "-";
  color: #b3000c;
  transform: rotate(180deg);
}

/* Περιεχόμενο που ανοίγει */
.wp-block-details > *:not(summary) {
  margin-top: 15px;
  font-size: 1.05rem;
  color: #555;
  line-height: 1.8;
  animation: fadeIn 0.4s ease;
}

/* Απαλό fade όταν ανοίγει */
@keyframes fadeIn {
  from { opacity: 0; transform: translateY(10px); }
  to { opacity: 1; transform: translateY(0); }
}

/* Responsive μικρορυθμίσεις */
@media (max-width: 768px) {
  .wp-block-details summary {
    font-size: 1.15rem;
  }

  .wp-block-details > *:not(summary) {
    font-size: 1rem;
  }
}



.main-header-menu .sub-menu {
    width: 200px !important;
    max-width: 200px;
    min-width: 180px;
    white-space: normal;
    box-shadow: 0 2px 8px rgba(0,0,0,0.15);
}

.solution-card {
  position: relative;
  padding: 24px;
  border-radius: 12px;
	min-height: 250px;	
  background: #ffffff; /* λευκό background */
  border: 1px solid #e6e6e6;
  box-shadow: 0 4px 10px rgba(15, 17, 53, 0.05); /* σκούρο μπλε σε transparency */
  transition: all 0.3s ease;
  color: #0f1135; /* σκούρο μπλε για το κείμενο */
}

/* Hover effect */
.solution-card:hover {
  box-shadow: 0 8px 20px rgba(15, 17, 53, 0.15);
  border-color: #004fa3; /* έντονο μπλε περίγραμμα στο hover */
}

/* Περιγραφή (τελευταία παράγραφος) */
.solution-card p:last-of-type {
  opacity: 0;
  max-height: 0;
  overflow: hidden;
  transition: all 0.4s ease;
  margin-top: 10px;
}

/* Εμφανίζεται με hover */
.solution-card:hover p:last-of-type {
  opacity: 1;
  max-height: 200px;
}

/* Εικονίδιο ή SVG animation */
.solution-card img,
.solution-card svg {
  transition: transform 0.3s ease;
}

/* Κίνηση στο hover */
.solution-card:hover img,
.solution-card:hover svg {
  transform: scale(1.05);
}

/* Προαιρετικό: τίτλος */
.solution-card h3,
.solution-card h4 {
  color: #004fa3; /* μπλε τίτλος */
  margin-bottom: 12px;
}
/* === Κάρτα === */
.benefit-card {
  background: #ffffff;
  border-radius: 16px;
  padding: 32px 24px;
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.06);
  transition: all 0.3s ease;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  text-align: center;
  box-sizing: border-box;
  min-height: 400px;
  position: relative;
  overflow: hidden;
  border-top: 4px solid transparent;
}

/* === Hover εφέ κάρτας === */
.benefit-card:hover {
  background-color: #fdf2f2; /* ελαφρύ κόκκινο φόντο */
  transform: translateY(-6px);
  box-shadow: 0 10px 28px rgba(0, 0, 0, 0.1);
  border-top-color: #a00000; /* κόκκινη μπάρα top */
}

/* === Bubble γύρω από το icon === */
.benefit-card .uagb-ifb-icon-wrap {
  background: #faeaea;
  border-radius: 50%;
  padding: 16px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 20px;
  transition: background 0.3s ease;
}

/* === Bubble hover === */
.benefit-card:hover .uagb-ifb-icon-wrap {
  background: #f2d6d6;
}

/* === Icon === */
.benefit-card .uagb-ifb-icon {
  font-size: 36px;
  color: #a00000;
  transition: transform 0.3s ease;
}

/* === Icon animation on hover === */
.benefit-card:hover .uagb-ifb-icon {
  transform: scale(1.15);
}

/* === Τίτλος === */
.benefit-card .uagb-ifb-title {
  font-size: 18px;
  font-weight: 600;
  color: #0f1135;
  margin-bottom: 12px;
  line-height: 1.4;
}

/* === Περιγραφή === */
.benefit-card .uagb-ifb-desc {
  font-size: 15px;
  color: #444;
  line-height: 1.65;
  flex-grow: 1;
}

/* === Εναλλακτικό highlight μέσα σε κείμενο === */
.benefit-card .highlight {
  color: #a00000;
  font-weight: bold;
}

/* === Responsive === */
@media (max-width: 1024px) {
  .benefit-card {
    padding: 28px 20px;
  }
}

@media (max-width: 768px) {
  .benefit-card {
    margin-bottom: 24px;
  }
}
.footer {
  display: flex;
  flex-wrap: wrap;
  gap: 40px;
  padding: 40px 20px;
  background-color: #0b1e3b;
  color: #bbb;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

.footer-column {
  flex: 1;
  min-width: 200px;
  max-width: 260px;
}

.footer-column h5 {
  color: #ffffff;
  font-size: 15px;
  text-transform: uppercase;
  margin-bottom: 20px;
  font-weight: 600;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  padding-bottom: 8px;
}

.footer-column ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.footer-column ul li {
  margin-bottom: 10px;
}

.footer-column ul li a {
  color: #bbb;
  text-decoration: none;
  font-size: 14px;
  display: inline-block;
  transition: color 0.3s, transform 0.3s;
}

.footer-column ul li a:hover {
  color: #ffffff;
  transform: translateX(4px);
}

/* Optional: subtle divider */
.footer::before {
  content: "";
  width: 100%;
  height: 1px;
  background: linear-gradient(to right, transparent, #ffffff33, transparent);
  margin-bottom: 30px;
}

/* Responsive */
@media (max-width: 768px) {
  .footer {
    flex-direction: column;
    gap: 30px;
    padding: 30px 15px;
  }
}
.footer-column ul li a {
  color: #bbb !important;
  text-decoration: none;
  font-size: 14px;
  display: inline-block;
  transition: color 0.3s;
}

.footer-column ul li a:hover {
  color: #fff !important;
}