/* Απόκρυψη τίτλου μόνο στη Home */
.page-id-69 .entry-title,
.page-id-428 .entry-title
{
  display: none;
}

}
/* 1) κρύψε οτιδήποτε υπάρχει *μέσα* στο site-info (links, spans, text nodes) */
body footer.site-footer .site-info > * {
  display: none !important;
}

/* 2) "σιγάσε" τυχόν σκέτο κείμενο και επαναφέρουμε μέγεθος για το pseudo element */
body footer.site-footer .site-info {
  color: transparent !important;
  font-size: 0 !important;
  text-align: center !important;
  padding: 15px 0 !important;
  line-height: 1.2 !important;
}

/* 3) Βάλε το δικό σου copyright (block-level) */
body footer.site-footer .site-info::after {
  content: "© 2025 GReat Greek Products and Services - All rights reserved.";
  display: block !important;
  color: #ffffff !important;
  font-size: 14px !important;
  letter-spacing: 0.3px !important;
}

}

/* 1) Απενεργοποίηση όλων των links στους native gallery blocks / classic galleries */
.blocks-gallery-grid a,
.wp-block-gallery .blocks-gallery-item a,
.wp-block-gallery a,
.gallery a,
.wp-block-image a,
.gallery-item a {
  pointer-events: none !important;
  cursor: default !important;
  text-decoration: none !important;
}

/* 2) Καμία μετατροπή / zoom / transition στις εικόνες */
.blocks-gallery-grid img,
.wp-block-gallery img,
.gallery img,
.wp-block-image img {
  transition: none !important;
  transform: none !important;
  -webkit-transform: none !important;
}

/* 3) Απόκρυψη captions / titles κάτω από εικόνες */
.wp-block-gallery figcaption,
.blocks-gallery-item figcaption,
.gallery-caption,
.wp-caption-text,
.wp-block-image figcaption {
  display: none !important;
}
/* --- MOBILE OPTIMIZATION FOR STOREFRONT --- */
@media (max-width: 768px) {

  /* 1️⃣ Μικρότερα Headings */
  h1, h2, h3 {
    font-size: 1.3rem !important;
    line-height: 1.1;
  }
  h2.woocommerce-loop-product__title {
    font-size: 1.1rem !important;
  }

  /* 2️⃣ Δύο προϊόντα ανά σειρά */
  ul.products {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  ul.products li.product {
    width: 48% !important;
    margin-right: 0 !important;
    margin-bottom: 1.2em;
  }

  /* 3️⃣ Μείωση αποστάσεων (paddings, margins) */
  .site-main, .content-area, .woocommerce, .storefront-sorting, .woocommerce-result-count {
    padding: 10px !important;
    margin: 0 auto !important;
  }

  /* 4️⃣ Μείωση κενού γύρω από τίτλους sections */
  .woocommerce-products-header, .storefront-product-section {
    margin-bottom: 1.5em !important;
  }

  /* 5️⃣ Μείωση μεγέθους κειμένου και τιμών προϊόντων */
  .woocommerce ul.products li.product .price,
  .woocommerce ul.products li.product .woocommerce-loop-product__title {
    font-size: 0.95rem !important;
  }
}
/* Μείωση κενού κάτω από το header σε όλες τις συσκευές */
header.site-header {
  margin-bottom: 0.5em !important; /* μικρότερο κενό, π.χ. από 4.2em σε 2em */
}

/* Προαιρετικά: λίγο μικρότερο κενό πριν το footer */
footer.site-footer {
  margin-top: 0.2em !important;
}
/* Για mobile: αναγκαστική μείωση του κενού κάτω από το header */
@media (max-width: 768px) {
  header.site-header {
    margin-bottom: 0.2em !important;
  }
}
/* Footer widgets: μικρότερο bottom margin (σε όλες τις συσκευές) */
.site-footer .widget,
.site-footer .widget_block,
.footer-widgets .widget,
.footer-widgets .widget_block {
  margin: 0 0 1.3em !important; /* δοκίμασε 1.2em ή 1em αν θες πιο σφιχτά */
}

/* Στο τελευταίο widget κάθε στήλης μηδένισε το κενό */
.site-footer .widget:last-child,
.site-footer .widget_block:last-child,
.footer-widgets .widget:last-child,
.footer-widgets .widget_block:last-child {
  margin-bottom: 1 !important;
}

/* Μόνο για separators στην αρχική */
.home hr.wp-block-separator.is-style-wide {
  margin-top: var(--wp--preset--spacing--40) !important;
  margin-bottom: var(--wp--preset--spacing--40) !important;
}
/* === Recommended products: 2 ανά σειρά στο mobile === */
@media (max-width: 768px) {
  /* Το wrapper των WooCommerce Blocks */
  .wc-block-product-template__responsive.columns-4 {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px !important; /* απόσταση ανάμεσα στα προϊόντα */
  }

  /* Κάθε κάρτα προϊόντος */
  .wc-block-product-template__responsive.columns-4 .wc-block-product {
    width: auto !important;
    margin: 0 !important;
  }
}
@media (max-width: 768px) {
  /* μηδενίζουμε τα default margins/paddings του UL */
  .home .wc-block-product-template__responsive.columns-4 {
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    list-style: none !important;
    width: 100% !important;
    box-sizing: border-box;
  }

  /* προαιρετικά: κεντράρουμε τις κάρτες στο grid */
  .home .wc-block-product-template__responsive.columns-4 {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px !important;
    justify-items: center; /* ή "stretch" αν θες να ακουμπάνε πλήρως */
  }

  /* ώστε κάθε προϊόν να μην έχει δικά του περιθώρια */
  .home .wc-block-product-template__responsive.columns-4 .wc-block-product {
    margin: 0 !important;
  }
}
/* Μισό πλαϊνό κενό (gutter) σε όλες τις mobile σελίδες */
@media (max-width: 568px) {
  .col-full {
    margin-left: 0.7em !important;
    margin-right: 0.7em !important;
  }
}
/* === OUR STORY (page-id-1) — Columns & gutters fix === */

/* 1) Γενικό gap στις στήλες (desktop & tablet) */
body.page-id-1 .wp-block-columns {
  gap: 18px !important;
  margin: 1em 0 !important;
  align-items: flex-start !important;
}

/* 2) Mobile gutters για όλη τη σελίδα */
@media (max-width: 768px) {
  body.page-id-1 .col-full {
    margin-left: 1.1em !important;
    margin-right: 1.1em !important;
  }
}

/* 3) Gutenberg alignwide/alignfull “τραβάνε” αρνητικά margins στο Storefront.
      Μηδενίζουμε αριστερά/δεξιά ΜΟΝΟ σε αυτή τη σελίδα & ΜΟΝΟ στο mobile. */
@media (max-width: 768px) {
  body.page-id-1 .entry-content .alignwide,
  body.page-id-1 .entry-content .alignfull,
  body.page-id-1 .entry-content .wp-block-columns,
  body.page-id-1 .entry-content .wp-block-image,
  body.page-id-1 .entry-content .wp-block-media-text {
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    box-sizing: border-box;
  }
}

/* 4) Κάνε τα Columns να “στοιβάζονται” καθαρά στο mobile (όχι flex με περίεργα widths) */
@media (max-width: 768px) {
  body.page-id-1 .wp-block-columns {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 16px !important;
  }
  body.page-id-1 .wp-block-columns .wp-block-column {
    margin: 0 !important;
    padding: 0 !important;
  }
  /* Αν το block έχει ρητά .is-not-stacked-on-mobile, αγνόησέ το: */
  body.page-id-1 .wp-block-columns.is-not-stacked-on-mobile {
    display: flex !important;
    flex-wrap: wrap !important;
  }
}

/* 5) Εικόνες μέσα σε columns να μην “ξεχειλώνουν” */
@media (max-width: 768px) {
  body.page-id-1 .wp-block-columns img {
    max-width: 100% !important;
    height: auto !important;
    display: block;
  }
}

/* 6) Λίγο πιο “μαζεμένη” τυπογραφία στο mobile (μόνο στο Our Story) */
@media (max-width: 768px) {
  body.page-id-1 h2 {
    font-size: 1.35rem !important;
    line-height: 1 !important;
    margin: 0.8em 0 0.6em !important;
  }
  body.page-id-1 p {
    line-height: 1.6 !important;
    margin: 0 0 0.9em !important;
  }
}

/* 7) Separators να μην ανοίγουν μεγάλα κενά */
body.page-id-1 hr.wp-block-separator {
  margin-top: 0.8em !important;
  margin-bottom: 0.8em !important;
}
/* === CONTACT US (page-id-428) — Mobile gutter fix === */

/* Επαναφορά πλαϊνών περιθωρίων στο mobile */
@media (max-width: 768px) {
  body.page-id-428 .col-full,
  body.page-id-428 .entry-content,
  body.page-id-428 .wp-block-group,
  body.page-id-428 .wp-block-columns,
  body.page-id-428 .wp-block-contact-form-7 {
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    box-sizing: border-box;
  }

  /* Αν έχει columns (π.χ. για στοιχεία/φόρμα), στοίχιση κανονικά */
  body.page-id-428 .wp-block-columns {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 12px !important;
  }
  body.page-id-428 .wp-block-columns .wp-block-column {
    margin: 0 !important;
    padding: 0 !important;
  }

  /* Φόρμα επικοινωνίας — να μην κολλάει στα άκρα */
  body.page-id-428 form,
  body.page-id-428 .wpcf7 {
    width: 100% !important;
    max-width: 100% !important;
  }
}
@media (max-width: 768px) {
  body.page-id-428 .site-main,
  body.page-id-428 .content-area {
    padding-top: 0px !important;
		padding-bottom: 0px !important; /* κρατάμε κάτω όπως είναι */
  }
}
/* Handheld / mobile menu padding & spacing */
@media (max-width: 768px) {
  /* πλαϊνά περιθώρια στο container του menu όταν είναι ανοιχτό */
  .handheld-navigation,
  .main-navigation.toggled {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }
 /* καθάρισε default margins του UL */
  .handheld-navigation ul.menu,
  .main-navigation.toggled ul.menu {
    margin: 0 !important;
  }

  /* padding στα links του 1ου επιπέδου */
  .handheld-navigation ul.menu > li > a,
  .main-navigation.toggled ul.menu > li > a {
    display: block;
    padding: 8px 0 !important;  /* κάθετο κενό */
  }
/* Home: μικρότερο quote μόνο στο mobile */
@media (max-width: 768px) {
  /* πιάνουμε ΟΛΑ τα επίπεδα του quote */
  body.home .entry-content .wp-block-quote,
  body.home .entry-content .wp-block-quote blockquote,
  body.home .entry-content .wp-block-quote p,
  body.home .entry-content blockquote,
  body.home .entry-content blockquote p {
    font-size: 1.2rem !important;
    line-height: 1.35 !important;
  }

  /* λίγο “μαζεμένο” πλάτος & κενά */
  body.home .entry-content .wp-block-quote {
    max-width: 90% !important;
    margin: 0.8em auto !important;
  }
}
/* Handheld Footer Bar — compact χωρίς να σπάει το search */
@media (max-width: 768px) {
  /* μικρότερο κάθετο padding αντί για fixed height */
  .storefront-handheld-footer-bar {
    padding: 4px 0 !important;
  }

  /* links πιο «σφιχτά» */
  .storefront-handheld-footer-bar ul li a {
    padding: 8px 0 !important;
    line-height: 1 !important;
    font-size: 0.7rem !important; /* μικρό label */
  }

  /* μικρότερα icons */
  .storefront-handheld-footer-bar ul li a:before {
    transform: scale(0.7);
    display: block;
    margin: 0 auto 2px;
  }

  /* αποφυγή τεράστιας λευκής μπάρας όταν ανοίγει το search */
  .storefront-handheld-footer-bar .site-search {
    max-height: 40px;     /* περιορίζει το ύψος του input */
    overflow: hidden;     /* κόβει έξτρα “άπλωμα” */
    padding: 4px 8px !important;
  }
}