/* ==========================================================================
   BENTO HERO LAYOUT OVERRIDES (INVERT STRATEGY)
   ========================================================================== */

/* 1. Left Window: Cards Background & Borders */
.wsdt-block-slideshowsplit .slideshowsplit-content,
.wsdt-block-slideshowsplit .slideshowsplit-stats {
  background-color: var(--color-primary);
  border-color: var(--border-on-dark);
}

/* 2. Left Window: Typography Overrides */
.wsdt-block-slideshowsplit .main-title,
.wsdt-block-slideshowsplit .description,
.wsdt-block-slideshowsplit .description strong,
.wsdt-block-slideshowsplit .stat-item strong {
  color: var(--text-on-dark);
}

.wsdt-block-slideshowsplit .stat-item span,
.wsdt-block-slideshowsplit .trust-micro-copy {
  color: var(--color-white-t-80);
}

/* Brand Highlight Underline Fix for Dark Background */
.wsdt-block-slideshowsplit .brand-highlight::after {
  background-color: var(--color-white-t-20);
}

/* 3. Left Window: Badge Override */
.wsdt-block-slideshowsplit .badge-pill {
  background-color: var(--color-white-t-20);
  color: var(--text-on-dark);
}

/* 4. Left Window: Stats Divider */
.wsdt-block-slideshowsplit .stat-divider {
  background-color: var(--border-on-dark);
}

.wsdt-block-slideshowsplit .stat-item svg {
  color: var(--text-on-dark);
}

/* 5. Left Window: Primary Button (Cyan bg, Navy text) */
.wsdt-block-slideshowsplit .wsdt-button-link {
  background-color: var(--text-on-dark);
  color: var(--text-on-light);
  border-color: var(--color-secondary);
  background-image: none; /* Αφαίρεση του slide effect του master theme για καθαρό UI */
}

.wsdt-block-slideshowsplit .wsdt-button-link:hover {
  background-color: var(--color-secondary);
  color: var(--text-on-dark) !important;
  border-color: var(--text-on-dark);
  box-shadow: var(--shadow-hover);
}

/* 6. Left Window: Secondary Button (Outline) */
.wsdt-block-slideshowsplit .btn-outline-secondary {
  border-color: var(--color-white-t-50);
  color: var(--text-on-dark);
}

.wsdt-block-slideshowsplit .btn-outline-secondary:hover {
  border-color: var(--color-secondary);
  color: var(--color-secondary);
  background-color: transparent;
}

/* 7. Right Window: Slideshow Overlay (Navy Tint) */
.wsdt-block-slideshow .wsdt-slide-content::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: var(--overlay-medium);
  z-index: 1; /* Κάτω από το caption (z-index: 20 στο master), πάνω από την εικόνα */
  pointer-events: none;
}
/* ==========================================================================
   RIGHT WINDOW: SLIDESHOW BENTO UNIFORMITY & FIXES
   ========================================================================== */

/* 1. Εφαρμογή Bento Styling (Στρογγυλοποίηση & Περίγραμμα) */
.wsdt-block-slideshow .wsdt-slideshow-wrapper {
  border-radius: var(--radius-lg);
  border: 1px solid var(--border-subtle);
  overflow: hidden; /* Απαραίτητο για να κοπούν οι γωνίες των εικόνων */
}

/* 2. Επιδιόρθωση Επικάλυψης Κειμένου με τα Βέλη (Safe Zones) */
@media all and (min-width: 1024px) {
  .wsdt-block-slideshow .wsdt-slide-caption {
    /* Τα βέλη πιάνουν περίπου 80px από τα άκρα. Δίνουμε 120px ασφάλεια. */
    padding-left: var(--space-3xl);
    padding-right: var(--space-3xl);
  }
}

/* 3. Dark Overlay για Αναγνωσιμότητα (Navy Tint) */
.wsdt-block-slideshow .wsdt-slide-content::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: var(--overlay-medium); /* Σκούρο μπλε φίλτρο 60% */
  z-index: 1; /* Κάτω από το κείμενο, πάνω από την εικόνα */
  pointer-events: none;
}
/* Text */
.wsdt-slide-text p,
.wsdt-rotator-caption p,
.wsdt-video-caption p {
  color: var(--text-on-dark);
}

.wsdt-contact-link {
  color: var(--color-primary);
}

.wsdt-region--top-header-social .wsdt-social-list svg {
  fill: var(--color-primary);
}

/* ==========================================================================
   MODERN BLOCK TITLES (H2) OVERRIDES
   ========================================================================== */

/* 1. Στιβαρή τυπογραφία για τους τίτλους */
.wsdt-block h2 {
  color: var(--color-primary);
  font-weight: 800;
  letter-spacing: -0.5px;
  position: relative;
  margin-bottom: var(--space-md);
}

footer .wsdt-block h2 {
  color: var(--text-on-dark);
}

/* 2. Μοντέρνα γραμμή υπογράμμισης (Line + Dot effect) */
.wsdt-block h2::after {
  content: "";
  display: block;
  width: 80px; /* Αυξάνουμε ελαφρώς το συνολικό πλάτος */
  height: 4px;
  margin-top: var(--space-sm);
  border-radius: var(--radius-pill);
  /* Γραμμικό gradient που σχεδιάζει: 80% Γραμμή -> 10% Κενό -> 10% Τελεία */
  background: linear-gradient(
    to right,
    var(--color-secondary) 0%,
    var(--color-secondary) 75%,
    transparent 75%,
    transparent 85%,
    var(--color-secondary) 85%,
    var(--color-secondary) 100%
  );
}

/* 3. Κεντράρισμα της νέας γραμμής στα κεντρικά blocks (όπως το Welcome) */
.wsdt-block-welcome h2::after,
.welcome-title::after,
.full-solutions-title::after,
.block-type-cta-block h2::after {
  margin-left: auto;
  margin-right: auto;
}
/* ==========================================================================
   GLOBAL BUTTON STANDARDIZATION (PILL & GLOW)
   ========================================================================== */

/* 1. Primary Buttons - Global Base */
.wsdt-btn,
.websdt-btn,
.btn-primary,
.button--primary,
.wsdt-slide-link,
.wsdt-button-link,
.websdt-btn-primary,
.link-cta,
.form-actions .button.form-submit,
#user-login-form .form-submit {
  background-image: none !important; /* Απενεργοποίηση παλιού effect */
  background-color: var(--color-primary);
  color: var(--text-on-dark);
  border: 2px solid var(--color-primary);
  border-radius: var(--radius-pill);
  padding: 12px 32px;
  font-weight: 700;
  transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
  box-shadow: 0 4px 6px rgba(0, 45, 98, 0.1);
}

.wsdt-btn:hover,
.websdt-btn:hover,
.btn-primary:hover,
.button--primary:hover,
.wsdt-slide-link:hover,
.wsdt-button-link:hover,
.websdt-btn-primary:hover,
.link-cta:hover,
.form-actions .button.form-submit:hover,
#user-login-form .form-submit:hover {
  background-position: initial;
  background-color: var(--color-secondary);
  border-color: var(--color-secondary);
  color: var(--color-primary) !important;
  transform: translateY(-5px);
  box-shadow: 0 10px 20px rgba(0, 193, 212, 0.3);
}

/* 2. Secondary / Outline Buttons - Global Base */
.websdt-btn-secondary,
.btn-outline-secondary {
  border: 2px solid var(--color-primary);
  color: var(--color-primary);
  border-radius: var(--radius-pill);
  background-color: transparent;
  padding: 12px 32px;
  font-weight: 700;
  transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}

.websdt-btn-secondary:hover,
.btn-outline-secondary:hover {
  background-color: var(--color-secondary);
  border-color: var(--color-secondary);
  color: var(--color-primary);
  transform: translateY(-5px);
  box-shadow: 0 10px 20px rgba(0, 193, 212, 0.3);
}

/* 3. Dark Context Exceptions (Slideshow, CTA, Page Hero, Custom Dark Blocks) */
.wsdt-slide-caption .wsdt-slide-link,
.block-type-cta-block .wsdt-btn,
.block-type-cta-block .wsdt-button-link,
.wsdt-page-hero .wsdt-button-link,
#block-websdt-theme-spexcom-custom-block .wsdt-button-link {
  background-color: var(--color-secondary);
  border-color: var(--color-secondary);
  color: var(--color-primary);
}

.wsdt-slide-caption .wsdt-slide-link:hover,
.block-type-cta-block .wsdt-btn:hover,
.block-type-cta-block .wsdt-button-link:hover,
.wsdt-page-hero .wsdt-button-link:hover,
#block-websdt-theme-spexcom-custom-block .wsdt-button-link:hover {
  background-color: var(--text-on-dark);
  border-color: var(--text-on-dark);
  color: var(--color-primary) !important;
  box-shadow: 0 10px 20px rgba(255, 255, 255, 0.2);
}
/* ==========================================================================
   FRONT PAGE SERVICES BLOCK OVERRIDES
   ========================================================================== */

/* 1. Τίτλοι Υπηρεσιών (Στιβαρότητα & Αντίθεση) */
.wsdt-block-front-services .front-page-services-item-left h3 a {
  color: var(--color-primary);
  font-weight: 800;
  letter-spacing: -0.5px;
  text-decoration: none;
  transition: color var(--transition-base);
}

.wsdt-block-front-services .front-page-services-item-left h3 a:hover {
  color: var(--color-secondary);
}

/* 2. Κουμπί Υπηρεσιών - Μοντέρνος Επανασχεδιασμός */
.wsdt-block-front-services .wsdt-button-link {
  background-image: none; /* Αφαίρεση του παλιού slide animation */
  background-color: var(--color-primary);
  color: var(--text-on-dark);
  border: 2px solid var(--color-primary);
  border-radius: var(--radius-pill); /* Στρογγυλεμένες άκρες (Pill) */
  padding: 12px 32px;
  font-weight: 700;
  letter-spacing: 0.5px;
  width: fit-content;
  margin-top: var(--space-md);
  /* Ρύθμιση για πιο smooth κίνηση στο hover */
  transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
  box-shadow: 0 4px 6px rgba(0, 45, 98, 0.1);
}

/* 3. Νέο Hover Animation: Lift & Glow */
.wsdt-block-front-services .wsdt-button-link:hover {
  background-position: initial; /* Ακύρωση παλιού εφέ */
  background-color: var(--color-secondary);
  border-color: var(--color-secondary);
  color: var(--color-primary) !important;
  transform: translateY(-5px); /* Ανύψωση κουμπιού */
  box-shadow: 0 10px 20px rgba(0, 193, 212, 0.3); /* Απαλή Cyan σκιά / Glow */
}
/* ==========================================================================
   GLOBAL CUSTOM BLOCK (FULL-BLEED DARK SEPARATOR)
   ========================================================================== */

#block-websdt-theme-spexcom-custom-block {
  background-color: var(--color-primary);

  /* Full-Bleed Hack: Εφαρμογή αποκλειστικά σε αυτό το block */
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  padding-left: calc(50vw - 50%);
  padding-right: calc(50vw - 50%);

  /* Εσωτερικά περιθώρια (Safe Zones) */
  padding-top: var(--space-2xl);
  padding-bottom: var(--space-2xl);

  /* Εξωτερικό περιθώριο κάτω για να μην κολλάει στο επόμενο block */
  margin-bottom: var(--block-margin);
}

/* 1. Τυπογραφία (Κείμενα & Λίστες) - Λευκό */
#block-websdt-theme-spexcom-custom-block,
#block-websdt-theme-spexcom-custom-block p,
#block-websdt-theme-spexcom-custom-block .full-solutions-list li {
  color: var(--text-on-dark);
}

/* Τα bullets της λίστας να είναι Cyan */
#block-websdt-theme-spexcom-custom-block .full-solutions-list li::before {
  color: var(--color-secondary);
}

/* 2. Τίτλοι (h2, h3) & Strong - Cyan */
#block-websdt-theme-spexcom-custom-block h2,
#block-websdt-theme-spexcom-custom-block h3,
#block-websdt-theme-spexcom-custom-block strong {
  color: var(--color-secondary);
}

/* 3. Προσαρμογή της μοντέρνας γραμμής του H2 για το σκούρο φόντο */
#block-websdt-theme-spexcom-custom-block h2::after {
  background: linear-gradient(
    to right,
    var(--text-on-dark) 0%,
    var(--text-on-dark) 75%,
    transparent 75%,
    transparent 85%,
    var(--color-secondary) 85%,
    var(--color-secondary) 100%
  );
}

/* ==========================================================================
   WHY US CARDS: ALTERNATING BORDERS & ICONS
   ========================================================================== */

/* 1. Βασική ρύθμιση καρτών (Προσθήκη thin border και accent top border) */
.block-type-why-us > div {
  border: 1px solid var(--border-light);
  border-top-width: 4px; /* Το επάνω border θα είναι το χρωματικό μας accent */
  transition: transform var(--transition-base),
    box-shadow var(--transition-base), border-color var(--transition-base);
}

/* 2. Μεγέθυνση εικονιδίων */
.block-type-why-us .why_us-icon {
  margin-bottom: var(--space-md);
}

.block-type-why-us .why_us-icon svg {
  width: 42px;
  height: 42px;
  transition: transform var(--transition-base);
}

/* Εφέ μεγέθυνσης στο εικονίδιο όταν κάνεις hover στην κάρτα */
.block-type-why-us > div:hover .why_us-icon svg {
  transform: scale(1.15);
}

/* 3. Κάρτες 1 & 3 (Μονές): Cyan Accent */
.block-type-why-us > div:nth-of-type(odd) {
  border-top-color: var(--color-secondary);
}
.block-type-why-us > div:nth-of-type(odd) .why_us-icon svg {
  color: var(--color-secondary);
}
.block-type-why-us > div h3 {
  color: var(--color-primary);
}
.block-type-why-us > div:nth-of-type(odd):hover {
  border-color: var(--color-secondary);
}

/* 4. Κάρτα 2 (Ζυγή): Navy Accent */
.block-type-why-us > div:nth-of-type(even) {
  border-top-color: var(--color-primary);
}
.block-type-why-us > div:nth-of-type(even) .why_us-icon svg {
  color: var(--color-primary);
}
.block-type-why-us > div:nth-of-type(even):hover {
  border-color: var(--color-primary);
}

/* ==========================================================================
   CTA BLOCK REFRESH (Premium Dark Context)
   ========================================================================== */

/* 1. Νέο Μοντέρνο Φόντο & Στρογγυλοποίηση */
.block-type-cta-block {
  background-color: var(--color-primary);
  background-image: var(
    --gradient-primary
  ) !important; /* Εφαρμογή του νέου Navy gradient */
  border-radius: var(--radius-lg);
  border: 1px solid var(--border-on-dark);
}

/* 2. Διόρθωση Τυπογραφίας για μέγιστη αντίθεση */
.block-type-cta-block h2 {
  color: var(--text-on-dark) !important;
}
.block-type-cta-block h3 {
  color: var(--text-on-dark) !important;
}
.block-type-cta-block h4 {
  color: var(--color-secondary);
  font-size: var(--h3-size);
  margin-bottom: var(--space-xs);
  font-weight: 800;
}

.block-type-cta-block p {
  color: var(--color-white-t-80);
}

.block-type-cta-block strong {
  color: var(--text-on-dark);
}

/* 3. Διόρθωση Δευτερεύοντος Κουμπιού (Τηλέφωνο) στο Σκούρο Φόντο */
.block-type-cta-block .btn-outline-secondary {
  border-color: var(--color-white-t-50);
  color: var(--text-on-dark);
}

.block-type-cta-block .btn-outline-secondary:hover {
  border-color: var(--color-secondary);
  background-color: var(--color-secondary);
  color: var(--color-primary) !important;
}
/* ==========================================================================
   CASE STUDY GALLERIES (AFTER & BEFORE) - UNIFIED FIX
   ========================================================================== */

/* 1. Grid Layout (3 Στήλες) */
.field--name-field-casestudy-gallery,
.field--name-field-case-study-gallery-before,
.field--name-field-service-gallery {
  display: grid;
  gap: var(--grid-gap);
  grid-template-columns: 1fr;
  padding: var(--space-md) 0;
}

@media all and (min-width: 768px) {
  .field--name-field-casestudy-gallery,
  .field--name-field-case-study-gallery-before,
  .field--name-field-service-gallery {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media all and (min-width: 1024px) {
  .field--name-field-casestudy-gallery,
  .field--name-field-case-study-gallery-before,
  .field--name-field-service-gallery {
    grid-template-columns: repeat(3, 1fr);
  }
}

/* 2. Κλείδωμα του "Κουτιού" σε ορθογώνιο 4/3 (Αυτό λύνει το πρόβλημα ύψους) */
.field--name-field-casestudy-gallery > div,
.field--name-field-case-study-gallery-before > div,
.field--name-field-service-gallery > div {
  position: relative;
  background-color: var(--bg-gray-lighter);
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-card-idle);
  overflow: hidden;
  aspect-ratio: 4/3; /* Το κλειδί για να είναι όλες ίσες */
  display: block;
}

/* 3. Υποχρεωτικό γέμισμα 100% για τα εσωτερικά tags */
.field--name-field-casestudy-gallery > div a,
.field--name-field-case-study-gallery-before > div a,
.field--name-field-casestudy-gallery > div picture,
.field--name-field-case-study-gallery-before > div picture,
.field--name-field-service-gallery > div a,
.field--name-field-service-gallery > div picture {
  display: block;
  width: 100%;
  height: 100%;
}

/* 4. Συμπεριφορά Φωτογραφίας (Cover) & Animation */
.field--name-field-casestudy-gallery > div img,
.field--name-field-case-study-gallery-before > div img,
.field--name-field-service-gallery > div img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center;
  display: block;
  transition: transform var(--transition-medium);
}

/* 5. Hover Zoom Effect */
.field--name-field-casestudy-gallery > div:hover img,
.field--name-field-case-study-gallery-before > div:hover img,
.field--name-field-service-gallery > div:hover img {
  transform: scale(1.05);
}

/* ==========================================================================
   FRONT PAGE SERVICES (ZIG-ZAG) IMAGE FIX
   ========================================================================== */

/* 1. Αλλαγή στοίχισης από stretch σε center για να μην παραμορφώνονται τα ύψη */
@media all and (min-width: 1024px) {
  .wsdt-block-front-services .views-row {
    align-items: center !important;
  }
}

/* 2. Σταθερός όγκος για το περιτύλιγμα της εικόνας (4/3) και μεταφορά των εφέ */
.front-page-services-item-right .field-content {
  width: 100%;
  aspect-ratio: 4/3; /* Αν θέλεις τετράγωνο, άλλαξέ το σε 1/1 */
  border-radius: var(--radius-md);
  overflow: hidden;
  box-shadow: var(--shadow-card-idle);
  transition: var(--interaction-transition);
  display: block; /* Διόρθωση δομής */
}

/* 3. Το Hover Effect μεταφέρεται στο container */
.front-page-services-item-right:hover .field-content {
  box-shadow: var(--interaction-shadow);
  transform: translateY(var(--interaction-lift));
}

/* 4. Υποχρεωτικό γέμισμα για τα εσωτερικά tags του Drupal */
.front-page-services-item-right picture,
.front-page-services-item-right img {
  display: block;
  width: 100% !important;
  height: 100% !important;
}

/* 5. Το object-fit: cover κόβει τα περισσεύματα, και ακυρώνουμε τα παλιά εφέ από το img */
.front-page-services-item-right img {
  object-fit: cover !important;
  object-position: center;
  border-radius: 0 !important;
  box-shadow: none !important;
  transform: none !important;
}

/* ==========================================================================
   PAGE: CONTACT STYLING REFRESH (Spexcom Identity)
   ========================================================================== */

/* 1. Layout Adjustments */
.wsdt-page-contact .wsdt-contact-layout {
  gap: var(--space-2xl); /* Μεγαλύτερο κενό μεταξύ των στηλών */
}

/* 2. Left Block: Contact Info (Dark Navy Theme) */
#block-websdt-theme-spexcom-content-contact {
  background-color: var(--color-primary);
  color: var(--text-on-dark);
  padding: var(--space-xl);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-soft);
  border: 1px solid var(--border-on-dark);
  position: relative;
  overflow: hidden;
}

/* Decorative Top Line (Cyan Gradient) */
#block-websdt-theme-spexcom-content-contact::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 4px;
  background: linear-gradient(90deg, var(--color-secondary), transparent);
}

/* Typography Overrides for Dark Background */
#block-websdt-theme-spexcom-content-contact h2 {
  color: var(--text-on-dark);
  border-bottom: 1px solid var(--color-white-t-20);
  padding-bottom: var(--space-md);
  margin-bottom: var(--space-lg);
}

#block-websdt-theme-spexcom-content-contact h2::after {
  background: var(--color-secondary); /* Cyan underline */
  margin-left: 0; /* Left align underline */
}

/* Contact Items Layout */
#block-websdt-theme-spexcom-content-contact .wsdt-contact-item {
  display: flex;
  align-items: flex-start;
  gap: var(--space-md);
  margin-bottom: var(--space-lg);
  padding-bottom: var(--space-md);
  border-bottom: 1px solid var(--border-on-dark);
}

#block-websdt-theme-spexcom-content-contact .wsdt-contact-item:last-child {
  border-bottom: none;
  margin-bottom: 0;
  padding-bottom: 0;
}

/* Icon Styling (Circle with Cyan Glow) */
#block-websdt-theme-spexcom-content-contact .wsdt-icon {
  width: 42px;
  height: 42px;
  background-color: rgba(0, 193, 212, 0.1); /* Transparent Cyan */
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--color-secondary);
  flex-shrink: 0;
  transition: transform var(--transition-base);
}

#block-websdt-theme-spexcom-content-contact
  .wsdt-contact-item:hover
  .wsdt-icon {
  transform: scale(1.1);
  background-color: var(--color-secondary);
  color: var(--color-primary);
}

/* Text & Links */
#block-websdt-theme-spexcom-content-contact .wsdt-text,
#block-websdt-theme-spexcom-content-contact a {
  color: var(--color-white-t-90);
  font-size: var(--font-size-base);
  line-height: 1.6;
  align-self: center;
}

#block-websdt-theme-spexcom-content-contact strong {
  color: var(--text-on-dark);
  font-size: var(--h3-size);
  display: block;
  margin-bottom: var(--space-xs);
}

#block-websdt-theme-spexcom-content-contact a:hover {
  color: var(--color-secondary);
}

/* 3. Right Block: Contact Form (Clean Light Theme) */
.wsdt-page-contact #block-websdt-theme-spexcom-periehomenokentrikisselidas {
  background-color: var(--surface-bg);
  padding: var(--space-xl);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-card-idle);
  border: 1px solid var(--border-light);
  border-top: 4px solid var(--color-secondary); /* Cyan Top Accent */
}

/* Form Labels */
#block-websdt-theme-spexcom-periehomenokentrikisselidas label {
  color: var(--color-primary);
  font-weight: 700;
  text-transform: uppercase;
  font-size: 0.85rem;
  letter-spacing: 0.5px;
}

/* Inputs & Textarea Styling */
#block-websdt-theme-spexcom-periehomenokentrikisselidas input[type="text"],
#block-websdt-theme-spexcom-periehomenokentrikisselidas input[type="email"],
#block-websdt-theme-spexcom-periehomenokentrikisselidas textarea {
  background-color: var(--bg-gray-light);
  border: 1px solid transparent;
  padding: var(--space-md);
  border-radius: var(--radius-sm);
  transition: all 0.3s ease;
}

#block-websdt-theme-spexcom-periehomenokentrikisselidas input:focus,
#block-websdt-theme-spexcom-periehomenokentrikisselidas textarea:focus {
  background-color: var(--surface-bg);
  border-color: var(--color-secondary);
  box-shadow: 0 0 0 4px rgba(0, 193, 212, 0.1);
  outline: none;
}

/* Form Actions (Buttons) */
#block-websdt-theme-spexcom-periehomenokentrikisselidas .form-actions {
  display: flex;
  gap: var(--space-md);
  margin-top: var(--space-lg);
}

/* ==========================================================================
   FIX: CHECKBOX ALIGNMENT (Contact Form)
   ========================================================================== */
#block-websdt-theme-spexcom-periehomenokentrikisselidas .form-type-checkbox {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: var(--space-sm);
}

#block-websdt-theme-spexcom-periehomenokentrikisselidas input[type="checkbox"] {
  width: auto; /* Override 100% width from nodes.css */
  max-width: none;
  margin-right: 0;
  flex-shrink: 0;
  box-shadow: none;
}

#block-websdt-theme-spexcom-periehomenokentrikisselidas
  .form-type-checkbox
  label {
  width: auto;
  margin-bottom: 0;
  text-transform: none; /* Reset uppercase */
  font-weight: 400; /* Reset bold */
  font-size: var(--font-size-base);
  letter-spacing: normal;
  color: var(--text-body);
  cursor: pointer;
}

/* ==========================================================================
   FIX: ACTION BUTTONS MOBILE LAYOUT (Global)
   ========================================================================== */
@media (max-width: 991.98px) {
  body .action-wrapper {
    display: flex !important;
    flex-direction: column !important;
    gap: var(--space-md) !important; /* Εξασφαλίζει κενό ανάμεσα στα κουμπιά */
    width: 100% !important;
  }

  body .action-wrapper .wsdt-button-link,
  body .action-wrapper .btn-outline-secondary,
  body .action-wrapper a {
    width: 100% !important;
    justify-content: center !important;
    margin: 0 !important; /* Αφαίρεση τυχόν margins που προκαλούν overlapping */
  }
}
.websdt-cookie-content h3 {
  margin: 0 0 var(--space-xs);
  font-family: var(--h-font-family);
  font-size: var(--h3-size);
  color: var(--color-primary);
}
/* Cookie Specific Button Overrides */
.websdt-cookie-banner .websdt-btn {
  background-image: none;
  background-color: var(--color-primary);
  color: var(--text-on-dark);
  border: 1px solid var(--color-secondary);
}

.websdt-cookie-banner .websdt-btn:hover {
  background-color: var(--color-secondary);
  color: var(--text-on-dark) !important;
  border-color: var(--color-secondary);
}