/* ==========================================================================
   BALANCED E-COMMERCE INNER HERO (Subtle Contrast & Hierarchy)
   ========================================================================== */

/* Γονικό Wrapper */
.wsdt-page-hero {
  position: relative;
  /* Μικρό padding (Above the Fold) */
  padding: var(--space-md) 0 var(--space-sm) 0;
  /* Διακριτικό, ανοιχτό γκρι φόντο για οριοθέτηση */
  background-color: var(--bg-gray-lighter);
  /* Λεπτή γραμμή στο κάτω μέρος για ορισμό της περιοχής */
  border-bottom: var(--border-width-sm) solid var(--border-subtle);
  text-align: left;
}

/* Container: Ευθυγράμμιση αριστερά */
.wsdt-page-hero .wsdt-container {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: var(--space-xs); /* Ελάχιστο κενό μεταξύ breadcrumb και τίτλου */
}

/* 2. PAGE TITLE STYLING */
.wsdt-page-hero .wsdt-page-title {
  color: var(--text-title); /* standard σκούρο title color */
  margin: 0;
  font-size: var(--h2-size); /* Ελαφρώς μικρότερο */
  font-weight: var(--h-font-weight);
  letter-spacing: var(--letter-spacing-sm);
}

/* ==========================================================================
   CLEANUP OLD OVERLAYS
   ========================================================================== */
.wsdt-page-hero-overlay {
  display: none !important;
}