/*
 Theme Name:   astra
 Theme URI:    https://example.com/astra-child/
 Description:  Child theme για το astra
 Author:       Konstantina Agraniti
 Template:     astra
 Version:      1.0.0
*/

@import url("../astra/style.css");


.row {
  display: flex;
  gap: 10px;
  margin-bottom: 10px;
}

.half {
  width: 50%;
}

.full {
  width: 100%;
}

/* Mobile */
@media (max-width: 768px) {
  .row {
    flex-direction: column;
  }

  .half {
    width: 100%;
  }
}

 /*MENU */

/* ── Fixed transparent header ── */

#masthead,

.ast-primary-header-bar {

    position: fixed !important;

    top: 0;

    left: 0;

    width: 100%;

    z-index: 9999;

    background: transparent !important;

    box-shadow: none !important;

    transition: background-color 0.45s ease, box-shadow 0.45s ease;

}

.main-header-bar {

    background: transparent !important;

}

/*@media screen and (min-width: 783px) {

    #masthead, .ast-primary-header-bar { top: 32px !important; }

}*/

/* ── Sticky state ── */

#masthead.site-scrolled,

.site-scrolled .ast-primary-header-bar,

.site-scrolled .main-header-bar {

    background-color: #e6e1dd !important;

    box-shadow: 0 2px 20px rgba(0,0,0,0.07) !important;

}

/* ── Κρύψε το κανονικό nav ── */

.main-header-bar .main-navigation,

.ast-builder-menu-1,

.ast-builder-menu {

    display: none !important;

}

/* ── Burger button ── */

.ga-burger {

    display: flex;

    flex-direction: row;

    align-items: center;

    gap: 12px;

    cursor: pointer;

    z-index: 99999;

    position: fixed;

    right: 40px;

     top: 50%;      /* ← νέο */
    transform: translateY(20%); /* ← νέο, για να είναι κεντραρισμένο κατακόρυφα με το header */
	
	

}

@media screen and (min-width: 783px) {

    .ga-burger { top: 20px; }

}

.ga-menu-label {

	  font-family: 'Times New Roman', Times, serif;
	
    font-size: 18px;

    letter-spacing: 0.15em;

    color: #2b2b2b;

    font-weight: 400;

}

.ga-lines {

    display: flex;

    flex-direction: column;

    gap: 5px;

}

.ga-lines span {

    display: block;

    width: 26px;

    height: 2px;

    background-color: #2b2b2b;

    transition: all 0.4s ease;

    transform-origin: center;

}

.ga-burger.open .ga-lines span:nth-child(1) {

    transform: translateY(7px) rotate(45deg);

}

.ga-burger.open .ga-lines span:nth-child(2) {

    opacity: 0;

}

.ga-burger.open .ga-lines span:nth-child(3) {

    transform: translateY(-7px) rotate(-45deg);

}

/* ── Fullscreen overlay ── */

.ga-overlay {

    position: fixed;

    inset: 0;

    width: 100%;

    height: 100%;

    background-color: #4d403a;
	
	 

    z-index: 9998;

    display: flex;

    align-items: center;

    justify-content: center;

    opacity: 0;

    visibility: hidden;

    transition: opacity 0.5s ease, visibility 0.5s ease;

}

.ga-overlay.open {

    opacity: 1;

    visibility: visible;

}

.ga-overlay nav {

    text-align: center;
	  

}

.ga-overlay nav a {

    display: block;

	  font-family: 'Times New Roman', Times, serif;
	
    font-size: clamp(1.4rem, 3vw, 2.2rem);

    letter-spacing: 0.06em;

    text-transform: uppercase;

    color: #ffffff;;

    text-decoration: none;

    padding: 14px 0;

    font-weight: 300;

    transition: opacity 0.3s ease;


}

.ga-overlay nav a:hover {

    opacity: 0.4;

} 
/* Κωδικας για να κρυψω το μενου του Astra */
@media screen and (max-width: 782px) {
    button.menu-toggle.main-header-menu-toggle,
    button.ast-mobile-menu-trigger-minimal,
    .main-header-menu-toggle {
        display: none !important;
        visibility: hidden !important;
        pointer-events: none !important;
    }
}

@media screen and (max-width: 782px) {
    .ga-burger {
        position: fixed;
        top: 40px;  
        right: 20px;
        transform: none;
    }
	.ga-menu-label {
        display: none !important;
    }
}

/**/
/* ── Όταν το overlay είναι ανοιχτό: λευκά social icons, MENU label και X ── */
.ga-burger.open .ga-menu-label {
    color: #ffffff !important;
}

.ga-burger.open .ga-lines span {
    background-color: #ffffff !important;
}


/* FOOTER */
.site-footer .custom-logo-link {
  display: block;
  text-align: center;
}
.site-footer .custom-logo-link img {
  display: block;
  margin: 0 auto;
}
.footer-widget-area .widget img {
  display: block;
  margin: 0 auto;
}
.footer-widget-area .widget_nav_menu ul {
  text-align: left;
}
.footer-widget-area .widget_nav_menu ul li {
  text-align: left;
}
.footer-widget-area .widget_nav_menu ul li a {
  text-align: left;
  display: block;
}
.footer-widget-area .widget-title {
  text-align: left;
}
.footer-widget-area .wp-block-social-links {
  justify-content: flex-start !important;
  gap: 8px !important;
  padding-left: 0 !important;
  margin-left: 0 !important;
}

/* Column 1: logo + tagline κοντά, όλα κεντραρισμένα κατακόρυφα */
.site-footer-primary-section-1 .footer-widget-area {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.site-footer-primary-section-1 .widget_text {
  margin-top: -45px;
}

/* Κατακόρυφη κεντράριση όλων των columns */
.ast-builder-footer-grid-columns {
  align-items: center;
}

@media (max-width: 1024px) {
  .site-footer-section-3 {
    margin-top: 1px !important;
    padding-top: 20px !important;
  }
}

/* Social icons - κάτω από Get in Touch, αριστερά */
.site-footer-primary-section-4 .wp-block-social-links {
  justify-content: flex-start !important;
  align-self: flex-start !important;
  margin-top: 12px !important;
}

.site-footer-primary-section-4 .footer-widget-area {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}

/* Ίσα padding πάνω/κάτω στο footer */
.site-primary-footer-wrap {
  padding-top: 55px !important;
  padding-bottom: 40px !important;
}


/*mobile stoixish gia kinhto */

@media (max-width: 768px) {
  .site-footer .site-footer-section,
  .site-footer .widget,
  .site-footer .widget p,
  .site-footer .widget a,
  .site-footer .widget li,
  .site-footer .widget-title,
  .site-footer .textwidget,
  .site-footer .widget_nav_menu ul,
  .site-footer .widget_nav_menu ul li,
  .site-footer .widget_nav_menu ul li a {
    text-align: center !important;
    justify-content: center !important;
  }

  .site-footer .footer-widget-area {
    align-items: center !important;
    text-align: center !important;
  }

  .site-footer .wp-block-social-links {
    justify-content: center !important;
  }
}