html, body{
  font-family:"RobotoSite", Arial, Helvetica, sans-serif !important;
  font-size:16px;
  line-height:1.5;
  font-weight:400;
  font-synthesis:none;
  font-optical-sizing:none;

}



body, p, li, a, span, div, section, header, footer,
h1, h2, h3, h4, h5, h6,
button, input, select, textarea, .form-control,
.navbar, .navbar *, .site-footer, .site-footer *{
  font-family:inherit !important;
  font-size:inherit;
  line-height:inherit;
}

h1, h2, h3 { font-weight:600; }
h4, h5, h6 { font-weight:600; }


body .text-muted {
  color: #2b2b2b!important;
}

h1.title {
    padding-bottom: 20px;
    font-size:2rem;
}

h1 {
  font-size: 2rem;
}

.node__content {
  font-size: 1em;
  margin-top: 10px;
}

.aitisi-company .title { display:block; }
.aitisi-company .subtitle { display:block; font-size:0.938em; }
.aitisi-individual .title { display:block; }
.aitisi-individual .subtitle { display:block; font-size:0.938em; }


.btn.btn-primary.btn-lg.homebtn.aitisi {
  font-size: 1.125rem;
}

.webform-multiple-table--handle { display:none !important; }


.webform-multiple-table .invalid-feedback.form-item--error-message {
padding:5px;
}



#highlighcat p{
    padding-top:20px;
display: inline-block;
width: 100%;
border-radius: 5px;
}

.phone::before {
    display: inline-block;
    content: "";
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="8" height="4" fill="white" class="bi bi-telephone-fill" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M1.885.511a1.745 1.745 0 0 1 2.61.163L6.29 2.98c.329.423.445.974.315 1.494l-.547 2.19a.678.678 0 0 0 .178.643l2.457 2.457a.678.678 0 0 0 .644.178l2.189-.547a1.745 1.745 0 0 1 1.494.315l2.306 1.794c.829.645.905 1.87.163 2.611l-1.034 1.034c-.74.74-1.846 1.065-2.877.702a18.634 18.634 0 0 1-7.01-4.42 18.634 18.634 0 0 1-4.42-7.009c-.362-1.03-.037-2.137.703-2.877L1.885.511z"/></svg>');
    background-repeat: no-repeat;
    -webkit-background-size: 1rem 1rem;
    background-size: 1rem 1rem;
    background-position: 0 0.25rem;
    width: 1.5rem;
    height: 1.2rem;

}
.address::before {
    display: inline-block;
    content: "";
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="8" height="5" fill="white" class="bi bi-geo-alt-fill" viewBox="0 0 16 16"><path d="M8 16s6-5.686 6-10A6 6 0 0 0 2 6c0 4.314 6 10 6 10zm0-7a3 3 0 1 1 0-6 3 3 0 0 1 0 6z"/></svg>');
    background-repeat: no-repeat;
    -webkit-background-size: 1rem 1rem;
    background-size: 1rem 1rem;
    background-position: 0 0.25rem;
    width: 1.5rem;
    height: 1.2rem;

}

.email::before {
    display: inline-block;
    content: "";
background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="9" height="5" fill="white" class="bi bi-envelope-fill" viewBox="0 0 16 16"><path d="M.05 3.555A2 2 0 0 1 2 2h12a2 2 0 0 1 1.95 1.555L8 8.414.05 3.555ZM0 4.697v7.104l5.803-3.558L0 4.697ZM6.761 8.83l-6.57 4.027A2 2 0 0 0 2 14h12a2 2 0 0 0 1.808-1.144l-6.57-4.027L8 9.586l-1.239-.757Zm3.436-.586L16 11.801V4.697l-5.803 3.546Z"/></svg>');
    background-repeat: no-repeat;
    -webkit-background-size: 1rem 1rem;
    background-size: 1rem 1rem;
    background-position: 0 0.25rem;
    width: 1.5rem;
    height: 1.2rem;

}

.webform-submission-contact-form .form-control {
  border:none;
}

.webform-submission-contact-form .form-control {
  border-bottom: 1px solid #e5e7ea;
  border-radius: 0rem;
  transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
  background-color: #f9fafb;
}

.webform-submission-contact-form .form-control:focus
 {
     box-shadow: none!important;
}

/* Bigger contact icons (override sizes) */
.phone::before,
.address::before,
.email::before {
  -webkit-background-size: 2rem 2rem;
  background-size: 1.4rem 1.4rem;
  width: 2.5rem;        /* icon box width */
  height: 2rem;         /* icon box height */
  vertical-align: middle;
}

.email, .phone, .address {
  display: inline-grid;
  grid-template-columns: 1.6rem auto; /* icon col / text col */
  column-gap: 1.6rem;
  align-items: center;
  margin: .25rem 0;
}
.email::before, .phone::before, .address::before {
  content: "";
width: 2.6rem;
  height: 2.6rem;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
    border-radius: 50px;
    background-color: #0099d8;
  color: #fff;
    
}

.btn:focus-visible {
  color: #fff;
}

.node__meta{display: none!important;}


#highlighcat5 a {
  color: #0b98d6;
}

#highlighcat5 a:hover,
#highlighcat5 a:focus {
  color: #087bb0;
}


#page {
  display: flex;
  flex-direction: column;
  background-color:#efefef;
 min-height: 100vh;
}

/* replace your current system stack */
body {
  color: #212529;
  background: #ffffff;
}


div#main-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color:#fff;
    padding: 60px 0 60px 0;
}

.layout-main-wrapper {
  flex: 1;
}

.fieldset-wrapper {
    padding: 10px 0px;
    border: none;
  border-radius: .3rem;
}

/* Kill the “fixed bottom” behavior globally */
[data-drupal-messages].alert-wrapper {
  position: static !important;
  bottom: auto !important;
  top: auto !important;
  left: auto !important;
  right: auto !important;
  width: auto !important;
  z-index: auto !important;
  margin: 1rem 0;
}

/* Hide Bootstrap Barrio's default "bi" SVG icons immediately */
[data-component-id="bootstrap_barrio:alert"] svg.bi { display: none !important; }


.path-frontpage #main-wrapper { 
 /* The image used */
background-color: #b2dcf3;
  /* Center and scale the image nicely */
  background-position: top right;
  background-repeat: no-repeat;
  background-size: cover;
}


#navbar-top {
    background-color: #fff;
        padding-top: 0px;
}
#navbar-main {
    background-color: #0099d8;
        padding-top: 30px;
    margin-top: -20px;
}
#navbar-main a {
    color:#fff;
}
section.region.region-header a {
    font-size: 1rem;
    color:#000;
}



.eu-cookie-compliance-message h1, .eu-cookie-compliance-message h2, .eu-cookie-compliance-message h3, .eu-cookie-compliance-message p{
    font-weight:400;
}



section.region.region-primary-menu .nav-item {
    text-transform: uppercase;
}

.navbar-nav { gap: 10px; }

.nav-link {
  display: flex!important;
}

section.row.region.region-header-form .nav-link{
    padding: 0rem 1rem;
}

section.row.region.region-top-header .img-fluid {
    max-width: 40%;
    height: auto;
    z-index: 9999;
    position: relative;
    margin-bottom:-15px;
}


section.row.region.region-top-header-form a{
color:#000;
  font-size: .8rem;
  padding-bottom: 0px;
}

.navbar-nav .nav-link { 
  position: relative;
}

.navbar-nav .nav-link.active,
.navbar-nav .show > .nav-link {
  color: #fff;
}

.navbar-nav .nav-link.active::after,
.navbar-nav .show > .nav-link::after {
  content: "";
  position: absolute;
  left: 0; right: 0; bottom: 0;
  height: 2px;
  background: currentColor;
}


a.nav-link[data-drupal-link-system-path="user/logout"] {
  display: inline-flex;
  align-items: center;
}


a.nav-link[data-drupal-link-system-path="user/logout"]::before {
  display: inline-block;
  content: "";
  background-image: url('data:image/svg+xml,<svg class="bi bi-lock" width="1em" height="1em" viewBox="0 0 16 16" fill="white" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M11.5 8h-7a1 1 0 00-1 1v5a1 1 0 001 1h7a1 1 0 001-1V9a1 1 0 00-1-1zm-7-1a2 2 0 00-2 2v5a2 2 0 002 2h7a2 2 0 002-2V9a2 2 0 00-2-2h-7zm0-3a3.5 3.5 0 117 0v3h-1V4a2.5 2.5 0 00-5 0v3h-1V4z" clip-rule="evenodd"/></svg>');
  background-repeat: no-repeat;
  -webkit-background-size: 1rem 1rem;
  background-size: 1rem 1rem;
  background-position: 0 0rem;
  width: 1.5rem;
  height: 1.2rem;
}



/* base */
.navbar-nav .nav-link {
  position: relative;
  text-decoration: none;
}

/* the underline (hidden by default) */
.navbar-nav .nav-link::after {
  content: "";
  position: absolute;
  left: 0; right: 0; bottom: 0;
  height: 2px;
  background: currentColor;
  transform: scaleX(0);
  transform-origin: left center;
  transition: transform .2s ease-in-out, opacity .2s ease-in-out;
  opacity: .9;
}

/* show on hover, keyboard focus, and when active/open */
.navbar-nav .nav-link:hover::after,
.navbar-nav .nav-link:focus-visible::after,
.navbar-nav .nav-link.active::after,
.navbar-nav .show > .nav-link::after {
  transform: scaleX(1);
  opacity: 1;
}


.navbar-toggler{ color:#fff; /* border optional: */ border-color:rgba(255,255,255,.25); }
.navbar-toggler-icon{
  background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='%23fff' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

/* Kill the button border in all navbar themes */
.navbar-toggler,
.navbar-light .navbar-toggler,
.navbar-dark .navbar-toggler {
  border: 0 !important;          /* removes the 1px border */
  border-radius: 0;               /* optional: square corners */
  box-shadow: none;               /* just in case */
  background: transparent;        /* keep background clear */
}



/* Remove the Bootstrap focus ring */
.navbar-toggler:focus,
.navbar-toggler:active {
  outline: none;
  box-shadow: none;
}

/* Optional: iOS tap highlight */
.navbar-toggler { -webkit-tap-highlight-color: transparent; }

/* Set the icon color */
.navbar-toggler { color: #fff; } /* change to your color */

/* Closed (hamburger) */
.navbar-toggler .navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='currentColor' stroke-linecap='round' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

/* Open (X) — Bootstrap removes .collapsed when open */
.navbar-toggler:not(.collapsed) .navbar-toggler-icon,
.navbar-toggler[aria-expanded='true'] .navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='currentColor' stroke-linecap='round' stroke-width='2' d='M7 7l16 16M23 7L7 23'/%3e%3c/svg%3e");
}

/* Optional: no border/ring on the button */
.navbar-toggler { border: 0; box-shadow: none; }
.navbar-toggler:focus { outline: none; box-shadow: none; }

/* Force WHITE hamburger (closed) */
.navbar .navbar-toggler-icon{
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='%23fff' stroke-linecap='round' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") !important;
}

/* Force WHITE X (open) */
.navbar .navbar-toggler:not(.collapsed) .navbar-toggler-icon,
.navbar .navbar-toggler[aria-expanded='true'] .navbar-toggler-icon{
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='%23fff' stroke-linecap='round' stroke-width='2' d='M7 7l16 16M23 7L7 23'/%3e%3c/svg%3e") !important;
}

/* Optional: make the button itself white-toned and borderless */
.navbar .navbar-toggler{ color:#fff !important; border:0; box-shadow:none; }


.sidebar_second.sidebar .block {
    background-color: #0099d8;
  border-radius: 10px;
  border:none;
}




.btn {
  white-space: normal!important;
}




#block-cea-ahk-eisodos .list-group-item {
  border: none;
   background-color: #fcfcfc;
}

#block-cea-ahk-eisodos #edit-name--description {
  display: none;
}

#block-cea-ahk-eisodos a {
    color: #fff;
    font-size:0.85rem;
    
}

#block-cea-ahk-eisodos a:hover {
    color: #fff!important;
}


#edit-group-odigies a {
    color: #0099d8;
}
#edit-group-odigies a:hover {
    color: #087bb0!important;
}

.block-user-login-block .item-list .list-group-item {
  border: none;
  background-color: #fcfcfc00;
}



/* Inputs with white background, white border, black text */
#block-cea-ahk-eisodos .user-login-form .form-control {
  background: #fff !important;
  border: 1px solid #fff;
  color: #000;
}

/* Placeholders visible on white background */
#block-cea-ahk-eisodos .user-login-form .form-control::placeholder {
  color: #666;
  opacity: 1;
  font-size:14px;
}

/* Hide labels visually but keep for accessibility */
#block-cea-ahk-eisodos .user-login-form label {
  position: absolute;
  left: -9999px;
}


/* Transparent background for the list below the form */
#block-cea-ahk-eisodos .item-list ul.list-group,
#block-cea-ahk-eisodos .item-list .list-group-item {
  background: transparent;
  border: 0;
  padding-left: 0;
}


/* Placeholder styling for Chrome (scoped to your block) */
#block-cea-ahk-eisodos .user-login-form .form-control::placeholder {
  color: #666 !important;
  opacity: 1 !important;
  font-size: 14px !important;
}

/* Chrome/WebKit prefixed placeholder */
#block-cea-ahk-eisodos .user-login-form .form-control::-webkit-input-placeholder {
  color: #666 !important;
  opacity: 1 !important;
  font-size: 14px !important;
}

/* Fix Chrome autofill so text/bg look right */
#block-cea-ahk-eisodos .user-login-form .form-control:-webkit-autofill,
#block-cea-ahk-eisodos .user-login-form .form-control:-webkit-autofill:hover,
#block-cea-ahk-eisodos .user-login-form .form-control:-webkit-autofill:focus {
  -webkit-box-shadow: 0 0 0 1000px #fff inset !important; /* white background */
  -webkit-text-fill-color: #000 !important;               /* black text */
  caret-color: #000 !important;
}


/* Make Drupal inline error text visible for any errored item */
.has-error .invalid-feedback,
.has-error .form-item--error-message,
.form-item--error .invalid-feedback,
.form-item--error .form-item--error-message {
  display: block !important;
}

.btn-close:focus {
  outline: 0;
  box-shadow: none;
}

/* Hide Webform/Drupal message titles */
[data-drupal-messages] .alert .alert-heading { 
  display: none !important;
}




.alert svg {
  max-width: 1.5rem!important;
}

/* Messages: icon beside the title only */
[data-drupal-messages] .alert { position: relative; }

[data-drupal-messages] .alert > svg {
position: absolute;
  top: 1.05rem;
  left: .75rem;
  width: 1.8rem;
  height: 1.8rem;
}

[data-drupal-messages] .alert .alert-heading {
  padding-left: 2rem;  /* space for the icon */
  margin-bottom: .25rem;
  display: inline-block;
}

/* optional: tighten spacing between title and the rest */
[data-drupal-messages] .alert .alert-heading + * {
  margin-top: .25rem;
}

[data-drupal-messages] .alert { position: relative; }
[data-drupal-messages] .alert > svg {
position: absolute;
  top: 1.05rem;
  left: .75rem;
  width: 1.8rem;
  height: 1.8rem;
}
[data-drupal-messages] .alert > div {
  padding-left: 2rem; /* create space for the icon */
  font-weight:400;
}

[data-drupal-messages] .item-list {
  font-weight:400;
}


.alert-dismissible .list-group-item {
  position: relative;
  display: block;
  padding: .75rem 1.25rem;
  margin-bottom: -1px;
  background-color: unset!important;
  border: none!important;
}


.alert-danger {
 background-color: #efefef00 !important;
  border: solid 1px #721c24 !important;
}


.alert {
  padding: 1.25rem 1.25rem!important;
  border-radius: .35rem!important;
}


.list-group-item a {
    color: #0099d8;
}
.list-group-item a:hover {
    color: #087bb0!important;
}

.file a {
    color: #0099d8;
}
.file a:hover {
    color: #087bb0!important;
}


.view-provoli-aitiseon .table td, .table th {
    border-top: none!important;
}
.view-provoli-aitiseon .table thead th {
    border-bottom: none!important; 
}

.view-provoli-aitiseon table tr th a, table tr th a:hover, table tr th a:focus {
    color: #0099d8;
    font-weight: bold;
}

.view-provoli-aitiseon table tr th a:hover{
    color: #087bb0;
    font-weight: bold;
}

/* ===== CEA: Modern table + mobile-only horizontal scroll ===== */


/* Make sure parent wrappers don't break sticky */
.view-provoli-aitiseon .views-element-container,
.view-provoli-aitiseon .view,
.view-provoli-aitiseon .view-content {
  overflow: visible !important;
  transform: none !important;
}

/* ---- Container (desktop default: NO horizontal scroll) ---- */
.view-provoli-aitiseon .table-responsive {
  overflow-x: visible;     /* no scrollbar on wide screens */
  max-width: 100%;
  position: relative;
  padding-bottom: 0;
}

/* ---- Table base styles ---- */
.view-provoli-aitiseon .views-table {
  width: 100%;
  min-width: 0;            /* allow shrinking on desktop */
  table-layout: auto;
  border-collapse: separate;
  border-spacing: 0;
  background: #fff;
  color: #1f2937;
  border-radius: 14px;
  overflow: hidden;        /* for rounded corners */
  box-shadow: 0 6px 18px rgba(16, 24, 40, 0.08);
}

/* ---- Header (sticky) ---- */
.view-provoli-aitiseon .views-table thead th {
  position: sticky;
  top: 0;
  z-index: 2;
  background: #f7fafc;
  color: #101828;
  font-weight: 700;
  padding: 14px 16px;
  border-bottom: 1px solid #e6e8eb;
  white-space: nowrap;
}

/* Sort links */
.view-provoli-aitiseon .views-table thead th a {
  color: #0099d8;
  text-decoration: none;
  font-weight: 700;
}
.view-provoli-aitiseon .views-table thead th a:hover,
.view-provoli-aitiseon .views-table thead th a:focus {
  color: #087bb0;
  text-decoration: underline;
}

/* ---- Cells ---- */
.view-provoli-aitiseon .views-table td {
  vertical-align: middle;
  border-bottom: 1px solid #eef1f4;
  white-space: normal;       /* wrap on desktop */
}

/* Row hover */
.view-provoli-aitiseon .views-table tbody tr:hover {
  background: #f2f7fb;
}

/* First/last cell spacing + right-align actions */
.view-provoli-aitiseon .views-table th:first-child,
.view-provoli-aitiseon .views-table td:first-child { padding-left: 20px; }
.view-provoli-aitiseon .views-table th:last-child,
.view-provoli-aitiseon .views-table td:last-child  { padding-right: 20px; text-align: right; }

/* Long category name truncation (desktop aesthetics) */
.view-provoli-aitiseon .views-field-webform-id {
  max-width: 520px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* Actions: subtle button */
.view-provoli-aitiseon .views-field-webform-submission-user-submission-view a {
  display: inline-block;
  padding: 8px 12px;
  border: 1px solid #0099d8;
  color: #0099d8;
  border-radius: 10px;
  text-decoration: none;
  font-weight: 600;
  line-height: 1;
}
.view-provoli-aitiseon .views-field-webform-submission-user-submission-view a:hover {
  background: #0099d8;
  color: #fff;
}


/* Keep your existing color rules mapped here */
.view-provoli-aitiseon table tr th a,
.view-provoli-aitiseon table tr th a:hover,
.view-provoli-aitiseon table tr th a:focus {
  color: #0099d8;
  font-weight: bold;
}
.view-provoli-aitiseon table tr th a:hover { color: #087bb0; }

/* ---- Mobile / Tablet: enable horizontal scroll only here ---- */
@media (max-width: 991.98px) {
  .view-provoli-aitiseon .table-responsive {
    overflow-x: auto;                 /* horizontal scroll on small screens */
    -webkit-overflow-scrolling: touch;
    padding-bottom: 6px;
    scrollbar-width: thin;            /* Firefox */
    scrollbar-color: #cbd5e1 #f8fafc; /* thumb, track */
  }
  .view-provoli-aitiseon .table-responsive::-webkit-scrollbar { height: 8px; }
  .view-provoli-aitiseon .table-responsive::-webkit-scrollbar-track { background: #f8fafc; }
  .view-provoli-aitiseon .table-responsive::-webkit-scrollbar-thumb {
    background: #cbd5e1; border-radius: 9999px;
  }

  /* Table grows to fit columns, enabling scroll */
  .view-provoli-aitiseon .views-table {
    width: max-content;
    min-width: 900px;                 /* adjust to your columns if needed */
  }

  /* Keep columns tidy for horizontal scroll */
  .view-provoli-aitiseon .views-table th,
  .view-provoli-aitiseon .views-table td {
    white-space: nowrap;
    word-break: normal;
  }

  /* Allow long category text to show fully in scrollable mode */
  .view-provoli-aitiseon .views-field-webform-id {
    max-width: none;
    overflow: visible;
    text-overflow: clip;
    white-space: nowrap;
  }
}


.webform-type-fieldset {
  background-color: #F7F7F7;
  padding: 20px;
  border-radius: .3rem;
}

.webform-submission-data{
  background-color: #EFEFEF7A;
  padding: 20px;
  border-radius: .3rem;
}


.node--type-webform .file {
  padding-left: 0px;
  display: inline-block;
  min-height: 16px;
  background-repeat: no-repeat;
  background-position: left center;
}

.node--type-webform .form-check {
  position: relative;
  display: block;
  padding-left: 1.7rem;
}

.webform-managed-file-preview-wrapper, .webform-managed-file-preview-wrapper.form-item {
  display: table;
  padding: -1.5em;
  border: none!important;
}

.webform-element-type-webform-document-file .list-group-item {
  background-color: unset;
  border: none;
}

/* Add a colon after labels of number elements in the submission display */
.webform-submission-data .webform-element-type-number > label::after {
  content: ":";
  margin-left: .25rem;
}


#edit-odigies--description {
    font-size:1rem;
}

#block-cea-ahk-cutomwebsitetitle p {
    font-size: .8rem;
  margin-top: 0;
  margin-bottom: 0em;
}




/* div whose id starts with edit-odigies-- and ends with --description */
div[id^="edit-odigies--"][id$="--description"] { font-size:1rem;}


[data-drupal-selector="edit-odigies--description"] { font-size:1rem; }

.site-footer {
    padding: 10px 20px 0px 20px!important;
}
.site-footer__bottom .region {
    margin-top: 0px;
    padding-right: 15px;
  padding-left: 15px;
}


.site-footer__bottom {
    letter-spacing: 0.2px;
     margin-top: 0px;
    border-top: none;
    border-color:none;;
}



.site-footer__bottom .content{
    padding-bottom:0px;
}


#block-cea-ahk-privacy{
      width: 50%;
      text-align: center;
}

#block-cea-ahk-lemonhub{
   float:right; width:20%; 
   font-size: 1rem;
   text-align: end;
}

#block-cea-ahk-copyrightfooter {
  float:left; width:30%;
}

#block-cea-ahk-cealogoandinfo {
  width: 100%;
  font-size: 1rem;
  margin-top: 12px;
  margin-bottom: 0px;

}


/* desktop/tablet: keep text + image inline with a small gap */
.logocea img{
  margin-left: 25px;
  max-width: 100%;
  height: auto;
  vertical-align: middle;
}



.btn-primary {
  color: #fff;
  background-color: #0099d8!important;
  border-color: #0099d8!important;
}
.btn-primary:hover {
  color: #fff;
  background-color: #0aa4da!important;
  border-color: #0aa4da!important;
}


.hometext{

}

.hometext p{
font-size:0.938rem;
}

.hometext h4 {
  line-height: 1.4;
  font-size:3.8rem;
}

.hometext .ahkplushome{
     font-size:3.9rem;
     color:#0099d8;
     font-weight:bold;
}

.hometext h5 {
    padding-top:0px;
  font-size: 2rem;
  max-width:650px;
}

.hometextsub{
    padding-top:20px;
    font-size:0.938rem;
    max-width:500px;
}


/* Container + layout (50/50 with 30px gap; stack on mobile) */
#homebuttons {
  width: 460px;
  max-width: 75%;
  padding-top: 40px;
  padding-bottom: 75px;
}

#homebuttons .hb-row {
  display: flex;
  gap: 25px;
  align-items: stretch;
}

/* Buttons: keep layout; add more top space for the icon */
#homebuttons .hb-row .btn{
  flex: 1 1 0; 
  min-width: 200px;
  display: flex; flex-direction: column; align-items: center; justify-content: start;
  text-align: center; line-height: 1.25;
  padding: 70px 14px 14px; /* more space on top for the SVG */
  white-space: normal !important; overflow-wrap: anywhere; word-break: break-word;
  box-sizing: border-box; position: relative;
  border-radius: 10px;
  font-size: 0.938rem;
  font-weight: 400;
}

/* Circle outline (always shown) */
#homebuttons .hb-row .btn::before {
  content: "";
  position: absolute;
  top: 12px; left: 50%;
  transform: translateX(-50%);
  width: 50px; height: 50px;
  border: 2px solid #fff;   /* white line */
  border-radius: 50%;       /* makes it a circle */
  background: transparent;  /* no fill */
  box-sizing: border-box;
}


/* Icon inside circle */
#homebuttons .hb-row .btn::after {
  content: "";
  position: absolute;
  top: 11px; left: 50%;
  transform: translate(-50%,0);
  width: 54px; height: 54px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 50% 50%; /* icon smaller inside the circle */
}

/* Individual icon (white) */
#homebuttons .hb-row .aitisi-company::after {
  background-image: url("data:image/svg+xml;utf8,\
<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'>\
<path fill='%23fff' d='M354.07,158.485l-213.094,70.516c-0.641,0.219-1.188,0.547-1.813,0.797c-0.922,0.391-1.859,0.734-2.719,1.219\
c-0.766,0.406-1.438,0.922-2.156,1.406c-0.719,0.5-1.469,0.969-2.141,1.531c-0.688,0.594-1.297,1.25-1.938,1.891\
c-0.578,0.594-1.172,1.172-1.703,1.813c-0.547,0.688-1.016,1.438-1.5,2.156c-0.469,0.734-0.969,1.422-1.375,2.188\
c-0.391,0.75-0.688,1.547-1.016,2.328c-0.344,0.813-0.703,1.625-0.969,2.484c-0.25,0.828-0.391,1.719-0.578,2.594\
c-0.156,0.828-0.359,1.656-0.453,2.516c-0.094,0.984-0.047,1.984-0.047,2.969c0.016,0.672-0.094,1.297-0.031,1.984\
c0.016,0.141,0.063,0.266,0.078,0.422c0.094,0.859,0.313,1.719,0.484,2.578c0.188,0.969,0.344,1.938,0.625,2.844\
c0.047,0.125,0.047,0.266,0.094,0.375c0.406,1.234,0.938,2.406,1.484,3.547c0.156,0.313,0.328,0.625,0.5,0.938\
c0.688,1.266,1.469,2.453,2.328,3.594c0.328,0.406,0.688,0.766,1.031,1.156c0.719,0.828,1.469,1.609,2.281,2.328\
c0.422,0.375,0.859,0.75,1.297,1.094c0.844,0.656,1.719,1.266,2.625,1.813c0.469,0.281,0.906,0.578,1.391,0.844\
c1.203,0.625,2.469,1.188,3.766,1.656c0.203,0.063,0.375,0.172,0.578,0.234c1.547,0.5,3.125,0.813,4.75,1.031\
c0.391,0.063,0.797,0.078,1.203,0.109c0.781,0.078,1.594,0.188,2.391,0.188c0.5,0,0.984-0.094,1.484-0.109\
c0.266-0.031,0.5,0.016,0.75,0.016c11.188-0.938,20.891,2.547,29.688,10.641c5.797,5.344,10.594,12.156,14.328,19.234h-10.656\
c-11.938,0-21.594,9.672-21.594,21.609v66.5c0,11.922,9.656,21.594,21.594,21.594h19.141c0,2.281,0,5.063,0,8.203\
c-4.328,0-7.828,3.516-7.828,7.844s3.5,7.844,7.828,7.844c0,2.578,0,5.203,0,7.828c-4.328,0-7.828,3.516-7.828,7.828\
c0,4.328,3.5,7.844,7.828,7.844c0,7.016,0,13.078,0,16.859c0,15.672,9.406,17.234,25.078,17.234c0,0,3.141,9.406,32.906,9.406\
c29.781,0,32.906-9.406,32.906-9.406c15.672,0,25.063-1.563,25.063-17.234c0-3.813,0-9.922,0-17.016\
c3.578-0.734,6.281-3.906,6.281-7.688s-2.703-6.953-6.281-7.672c0-2.719,0-5.469,0-8.141c3.578-0.734,6.281-3.906,6.281-7.688\
c0-3.797-2.703-6.953-6.281-7.672c0-3.234,0-6.047,0-8.375h20.719c11.938,0,21.594-9.672,21.594-21.594v-66.5\
c0-11.938-9.656-21.609-21.594-21.609h-9.453c5.656-12.547,13.969-23.469,25.188-29.578c13.078-7.141,17.906-23.531,10.766-36.625\
s-23.547-17.906-36.609-10.781c-30.719,16.75-48.203,46.906-56.531,76.984H253.82c-5.703-18.375-15.75-37.688-29.953-52.984\
l147.172-48.688c14.156-4.688,21.828-19.953,17.141-34.109C383.508,161.47,368.227,153.798,354.07,158.485z'/>\
<path fill='%23fff' d='M149.445,194.892c2.813,0,5.672-0.438,8.484-1.359l213.109-70.531c14.156-4.688,21.828-19.938,17.141-34.109\
c-4.672-14.156-19.938-21.828-34.109-17.141l-213.094,70.516c-14.172,4.688-21.844,19.938-17.156,34.094\
C127.57,187.704,138.117,194.892,149.445,194.892z'/>\
<path fill='%23fff' d='M167.305,103.36c2.813,0,5.672-0.453,8.484-1.375l149.188-49.359c14.141-4.688,21.828-19.953,17.141-34.109\
S322.18-3.312,308.008,1.376L158.836,50.735c-14.172,4.688-21.844,19.953-17.156,34.094C145.43,96.173,155.977,103.36,167.305,103.36\
z'/>\
</svg>");
}

/* Company icon (white) */
#homebuttons .hb-row .aitisi-individual::after {
  background-image: url("data:image/svg+xml;utf8,\
<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'>\
<g fill='none' fill-rule='evenodd'>\
<path d='M0 0h32v32H0z'/>\
<path fill='white' d='M16 17c.552 0 1 .448 1 1v10c0 .552-.448 1-1 1s-1-.448-1-1V18c0-.552.448-1 1-1zm6 0c.552 0 1 .448 1 1 0 3.596 1.737 6.899 4.607 8.953.449.321.553.946.231 1.395-.321.449-.946.553-1.395.231C23.053 26.154 21 22.248 21 18c0-.552.448-1 1-1zM10 17c.552 0 1 .448 1 1 0 4.244-2.049 8.145-5.432 10.571-.449.322-1.074.219-1.395-.23-.322-.449-.219-1.074.23-1.395C7.272 24.891 9.005 21.591 9.005 18c0-.552.448-1 .995-1zM28 2c2.209 0 4 1.791 4 4v6c0 2.209-1.791 4-4 4H4c-2.209 0-4-1.791-4-4V6c0-2.209 1.791-4 4-4zm-1 8H5c-.552 0-1 .448-1 1s.448 1 1 1h22c.552 0 1-.448 1-1s-.448-1-1-1z'/>\
</g>\
</svg>");
}



#edit-submit {
  padding: .7rem .9rem!important;
  font-size: 1rem;
  line-height: 1.5;
  border-radius: .25rem;
}

#block-cea-ahk-eisodos .btn-primary {
  color: #0082b0;
  background-color: #ffc20e !important;
  border: none !important;
  padding: .4rem .7rem !important;
  text-transform: uppercase;
  font-weight:500;
}

.form-submit {
  padding: .7rem .9rem!important;
  font-size: 1rem;
  line-height: 1.5;
  border-radius: .25rem;
}

.form-submit::before {
  display: inline-block;
  content: "";
  background-image: none;
  background-repeat: no-repeat;
  -webkit-background-size: 1rem 1rem;
  background-size: 1rem 1rem;
  background-position: 0 0.25rem;
  width: auto;
  height: auto;
}

a.nav-link--::before {
    background-position: 0 0.15rem;
    width: 1.5rem;
    height: 1.2rem;
}

a.nav-link--contact::before {
    background-position: 0 0.2rem;
    width: 1.5rem;
    height: 1.2rem;
}

a.nav-link--user::before {
    background-position: 0 0.15rem;
    width: 1.5rem;
    height: 1.2rem;
}



#edit-actions-submit{
  padding: .7rem .9rem !important;
  font-size: 1rem;
  line-height: 1.5;
  border-radius: .25rem;
}

.decline-button.eu-cookie-compliance-default-button.button.button--small.button--primary {
  background-color: #fff;
  border: none;
  font-weight: 500;
  box-shadow: none;
  background-image: unset;
}



.registrationinfo .details-description{
    font-size:16px;
}

.cea-individual-summary {           
  font-size: 1.5rem;
  font-weight: 400;
  margin: .5rem 0;
}

.cea-company-summary {           
  font-size: 1.5rem;
  font-weight: 400;
  margin: .5rem 0;
}

#highlighinfo p{
  background-color:#b2dcf3;
  padding:20px;
display:inline-block;
border-radius: .3rem;
}


.othertitle{
   padding-top: 15px;  
}

.greentext {
  padding: 0px;
}

 .iconDetails {
    float: left;
    height: 60px;
    width: 60px; 
    margin-right: 20px;
} 
.iconDetails2 {
   
    height: 90px;
    width: 90px; 
} 

.iconDetails3 {
   
    height: 90px;
    width: 90px; 
} 

.container2 {
    width:100%;
    height:auto;
    margin-top:30px;
}




.dropbtn::before {
    display: inline-block;
    content: "";
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" fill="white" class="bi bi-file-earmark-text" viewBox="0 0 17 17"><path d="M5.5 7a.5.5 0 0 0 0 1h5a.5.5 0 0 0 0-1h-5zM5 9.5a.5.5 0 0 1 .5-.5h5a.5.5 0 0 1 0 1h-5a.5.5 0 0 1-.5-.5zm0 2a.5.5 0 0 1 .5-.5h2a.5.5 0 0 1 0 1h-2a.5.5 0 0 1-.5-.5z"/><path d="M9.5 0H4a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V4.5L9.5 0zm0 1v2A1.5 1.5 0 0 0 11 4.5h2V14a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1h5.5z"/></svg>');
    background-repeat: no-repeat;
    -webkit-background-size: 1rem 1rem;
    background-size: 1rem 1rem;
    background-position: 0 0.37rem;
    width: 1.5rem;
    height: 1.3rem;
}
/* Make the two blocks sit side-by-side and right-aligned */
.form-inline.navbar-form.justify-content-end,
.region.region-header-form {
  display: flex;
  align-items: center;
  gap: 12px; /* space between the dropdown and account menu */
}


a.nav-link--faq::before{
content: "";
  display: inline-block;
    width: 1.7rem;
    height: 1.4rem;
  background-repeat: no-repeat;
  background-size: 25px 22px;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><g fill="%23fff" stroke="%23fff" stroke-width="0.4" stroke-linecap="round" stroke-linejoin="round" paint-order="stroke fill"><path d="M9.46,8.72c-.15,0-.27.12-.27.27v1.89c0,.75-.61,1.37-1.37,1.37h-2.95c-.15,0-.27.12-.27.27v.54s-.65-.65-.65-.65c-.04-.1-.14-.16-.25-.16h-1.78c-.75,0-1.37-.61-1.37-1.37v-4.21c0-.75.61-1.37,1.37-1.37h2.76c.15,0,.27-.12.27-.27s-.12-.27-.27-.27H1.91c-1.06,0-1.91.86-1.91,1.91v4.21c0,1.06.86,1.91,1.91,1.91h1.64l1.12,1.12c.05.05.12.08.19.08.04,0,.07,0,.1-.02.1-.04.17-.14.17-.25v-.93h2.68c1.06,0,1.91-.86,1.91-1.91v-1.89c0-.15-.12-.27-.27-.27Z"/><path d="M10.03,0h-.69c-2.19,0-3.97,1.78-3.97,3.97s1.78,3.97,3.97,3.97h.69c.34,0,.68-.04,1.01-.13l1.02,1.02c.05.05.12.08.19.08.04,0,.07,0,.1-.02.1-.04.17-.14.17-.25v-1.58c.43-.35.79-.79,1.04-1.29.29-.56.43-1.17.43-1.8,0-2.19-1.78-3.97-3.97-3.97ZM12.09,6.71c-.07.05-.11.13-.11.22v1.06l-.67-.67c-.05-.05-.12-.08-.19-.08-.03,0-.05,0-.08.01-.33.1-.66.15-1.01.15h-.69c-1.89,0-3.43-1.54-3.43-3.43s1.54-3.43,3.43-3.43h.69c1.89,0,3.43,1.54,3.43,3.43,0,1.09-.5,2.08-1.37,2.74Z"/><path d="M10.91,2.99c-.04-.57-.5-1.03-1.07-1.07-.32-.02-.63.09-.87.31-.23.22-.37.53-.37.85,0,.15.12.27.27.27s.27-.12.27-.27c0-.17.07-.33.19-.45.13-.12.29-.17.46-.16.3.02.54.26.57.57.02.3-.18.57-.48.64-.24.05-.41.26-.41.51v.66c0,.15.12.27.27.27s.27-.12.27-.27v-.64c.55-.13.92-.64.88-1.21Z"/><path d="M9.95,5.72c-.05-.05-.12-.08-.19-.08s-.14.03-.19.08c-.05.05-.08.12-.08.19s.03.14.08.19c.05.05.12.08.19.08s.14-.03.19-.08c.05-.05.08-.12.08-.19s-.03-.14-.08-.19Z"/><path d="M7.52,8.48H1.75c-.15,0-.27.12-.27.27s.12.27.27.27h5.77c.15,0,.27-.12.27-.27s-.12-.27-.27-.27Z"/><path d="M7.71,10.09c-.05-.05-.12-.08-.19-.08s-.14.03-.19.08c-.05.05-.08.12-.08.19s.03.14.08.19c.05.05.12.08.19.08s.14-.03.19-.08c.05-.05.08-.12.08-.19s-.03-.14-.08-.19Z"/><path d="M6.44,10.01H1.75c-.15,0-.27.12-.27.27s.12.27.27.27h4.69c.15,0,.27-.12.27-.27s-.12-.27-.27-.27Z"/><path d="M5.74,6.95H1.75c-.15,0-.27.12-.27.27s.12.27.27.27h3.99c.15,0,.27-.12.27-.27s-.12-.27-.27-.27Z"/></g></svg>');
}


/* Remove extra space from the <p> wrapping the button (can't change HTML) */
#block-cea-ahk-aitiseiskatigoriaa .content p {
  margin: 0;
}

/* Remove extra space from the <p> wrapping the button (can't change HTML) */
#block-cea-ahk-aitiseiskatigoriab .content p {
  margin: 0;
}

/* Position the dropdown properly */
#block-cea-ahk-aitiseiskatigoriaa .dropdown {
  position: relative;
  margin-top:-5px;
}

/* Position the dropdown properly */
#block-cea-ahk-aitiseiskatigoriab .dropdown {
  position: relative;
  margin-top:-5px;
}

/* Button styling (background #0099d8) */
#block-cea-ahk-aitiseiskatigoriaa .dropbtn {
  background: #0099d8;
  color: #fff;
  border: 0;
 padding: 8px 10px;
  cursor: pointer;
}

/* Button styling (background #0099d8) */
#block-cea-ahk-aitiseiskatigoriab .dropbtn {
  background: #0099d8;
  color: #fff;
  border: 0;
 padding: 8px 10px;
  cursor: pointer;
}

/* Dropdown panel background + links */
#block-cea-ahk-aitiseiskatigoriaa .dropdown-content {
  /* (Keep the first selector in case of minor id typos; second is the real one) */
  background: #0099d8;
  position: absolute;
  top: 100%;
  min-width: 220px;
  border-radius: 8px;
  padding: 6px 0;
  box-shadow: 0 8px 24px rgba(0,0,0,.12);
  display: none;       /* default hidden; show on hover below */
  z-index: 1000;
}


/* Dropdown panel background + links */
#block-cea-ahk-aitiseiskatigoriab .dropdown-content {
  /* (Keep the first selector in case of minor id typos; second is the real one) */
  background: #0099d8;
  position: absolute;
  top: 100%;
  min-width: 220px;
  border-radius: 8px;
  padding: 6px 0;
  box-shadow: 0 8px 24px rgba(0,0,0,.12);
  display: none;       /* default hidden; show on hover below */
  z-index: 1000;
}

#block-cea-ahk-aitiseiskatigoriaa .dropdown-content a {
  display: block;
  padding: 8px 14px;
  color: #fff;
  text-decoration: none;    /* no underline */
  white-space: nowrap;
}

#block-cea-ahk-aitiseiskatigoriab .dropdown-content a {
  display: block;
  padding: 8px 14px;
  color: #fff;
  text-decoration: none;    /* no underline */
  white-space: nowrap;
}

#block-cea-ahk-aitiseiskatigoriaa .dropdown-content a:hover {
  background: rgba(255,255,255,.15);
  text-decoration: none;    /* keep underline off on hover */
}

#block-cea-ahk-aitiseiskatigoriab .dropdown-content a:hover {
  background: rgba(255,255,255,.15);
  text-decoration: none;    /* keep underline off on hover */
}

/* Show dropdown on hover */
#block-cea-ahk-aitiseiskatigoriaa .dropdown:hover .dropdown-content {
  display: block;
}

/* Show dropdown on hover */
#block-cea-ahk-aitiseiskatigoriab .dropdown:hover .dropdown-content {
  display: block;
}

/* Keep the account menu visually aligned and tidy */
#block-cea-ahk-account-menu .nav.flex-row .nav-link {
  padding: 8px 10px;
  text-decoration: none;    /* remove underline */
}
#block-cea-ahk-account-menu .nav.flex-row .nav-link:hover {
  text-decoration: none;    /* no underline on hover */
}

/* Make THIS row behave like a tight flex row */
section.row.region.region-header-form {
  display: flex !important;
  align-items: center !important;
  flex-wrap: nowrap !important;
  gap: 5px !important;
  --bs-gutter-x: 0;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

/* Kill `.row > * { width:100% }` only here */
section.row.region.region-header-form > * {
  flex: 0 0 auto !important;
  flex-basis: auto !important;
  flex-shrink: 1 !important;
  width: auto !important;
  max-width: none !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  margin-top: 0 !important;
}

/* Flatten wrappers so the button sits inline with the account menu */
#block-cea-ahk-aitiseiskatigoriaa .content,
#block-cea-ahk-aitiseiskatigoriaa .field,
#block-cea-ahk-aitiseiskatigoriaa .text-formatted,
#block-cea-ahk-aitiseiskatigoriaa .clearfix {
  display: contents !important;
}

/* Flatten wrappers so the button sits inline with the account menu */
#block-cea-ahk-aitiseiskatigoriab .content,
#block-cea-ahk-aitiseiskatigoriab .field,
#block-cea-ahk-aitiseiskatigoriab .text-formatted,
#block-cea-ahk-aitiseiskatigoriab .clearfix {
  display: contents !important;
}

/* Keep the dropdown itself inline */
#block-cea-ahk-aitiseiskatigoriaa .dropdown {
  display: inline-block !important;
  position: relative !important;
}

/* Keep the dropdown itself inline */
#block-cea-ahk-aitiseiskatigoriab .dropdown {
  display: inline-block !important;
  position: relative !important;
}

/* Account menu list should not expand */
#block-cea-ahk-account-menu .nav.flex-row {
  margin: 0 !important;
  flex: 0 0 auto !important;
  width: auto !important;
}





.catas{
    color:#0099d8;
    font-size: 16px!important;
}
.catbs{
  color:#ffc20e;  
 font-size: 16px!important;
}

.titlecustom {
  text-align: center;
  background-color: #b2dcf3;
  padding: 15px 15px 15px 15px;
  display: flex;
    border-radius: .3rem;
    font-size:1.3rem;
    font-weight:500;
}

 .grant-table {
    width: 100%;
    border-collapse: collapse;
    font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  }
  .grant-table caption {
    text-align: left;
    font-weight: 600;
    margin-bottom: .5rem;
  }
  .grant-table th, .grant-table td {
    border: 1px solid #e5e7eb;
    padding: .75rem 1rem;
      vertical-align: middle !important;      /* ← force vertical middle */
text-align:center;
  }
  .grant-table th {
    background: #f9fafb;
    text-align: center;
    font-weight: 600;
  }
  
  .grant-table {
  border-collapse: separate;   /* not collapse */
  border-spacing: 0;
     border-radius: .3rem;
  overflow: hidden;            /* clip corners */
  border: 1px solid #e5e7eb;   /* outer border */
}
.grant-table th,
.grant-table td {
  border: 1px solid #e5e7eb;   /* inner grid lines */
}


/* Node 13: two columns, left info / right form */
article.node--type-webform[data-history-node-id="13"] .node__content {
  display: grid;
  grid-template-columns: 42% 58%;
  column-gap: 48px;   /* gap between columns */
  row-gap: 24px;
  align-items: start;
}

/* Make sure each piece fills its column */
article.node--type-webform[data-history-node-id="13"] .field--name-body,
article.node--type-webform[data-history-node-id="13"] .field--name-field-webform {
  width: 100%;
}

/* Form box styling (optional; you already use .contact-form) */
article.node--type-webform[data-history-node-id="13"] form.contact-form {
  padding: 0px;
  border-radius: 5px;
  background-color: unset;
}



.forminfofield label {
  font-size: 1.2rem;
  font-weight: 500;
}

.forminfofield p {
  font-size: 1rem;
  margin-bottom:30px;
}

.webform-submission-form label {
  font-weight: 500;
}

.description a {
  color: #0099d8;
}
.description a:hover {
  color: #087bb0;
}





/* Stack on small screens */
@media (max-width: 992px) {
  article.node--type-webform[data-history-node-id="13"] .node__content {
    grid-template-columns: 100%;
    column-gap: 0;
    row-gap: 24px;
  }
  
}




/* === BARRIO MENU: HOVER OPEN + TEXT-WIDTH UNDERLINES + LEFT ARROWS === */

/* Hide submenus by default; Bootstrap shows them with .show */

.navbar-nav .dropdown.show > .dropdown-menu { display: flex; }

/* Desktop only: open on hover; keep parent underline visible while open */
@media (min-width: 992px) and (hover: hover) {
  .navbar-nav .dropdown:hover > .dropdown-menu { display: flex; }
  .navbar-nav .dropdown:hover > .nav-link::after,
  .navbar-nav .dropdown:focus-within > .nav-link::after {
    transform: scaleX(1);
    opacity: 1;
  }
}

/* Ensure the dropdown LI is the positioning context; neutralize Bootstrap caret */
.navbar-nav .nav-item.dropdown { position: relative; }
.navbar-nav .dropdown-toggle::after { border: 0 !important; margin: 0 !important; }

/* Submenu panel styling + hover-gap fix */
.navbar-nav .dropdown-menu {
  background-color: #0099d8;
  border: 0;
  margin-top: 0 !important;      /* closes tiny hover gap */
  padding: .25rem 0;
  top: 100%; left: 0;
  z-index: 1000;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);

  /* When visible (via rules above), stack items and don't stretch them */
  flex-direction: column;         /* applies when display:flex */
  align-items: flex-start;
}

/* Submenu items: shrink to their own text so underline matches text width */
.navbar-nav .dropdown-menu .dropdown-item {
  position: relative;
  display: inline-block !important;   /* shrink-wrap width */
  white-space: nowrap;
  color: #fff;
  background: transparent !important;
  border: 0 !important;
  text-decoration: none;
  padding: .25rem .75rem;             /* keep comfy hit area */
}


.navbar-nav .dropdown-menu .dropdown-item:hover::after,
.navbar-nav .dropdown-menu .dropdown-item:focus-visible::after,
.navbar-nav .dropdown-menu .dropdown-item.active::after {
  transform: scaleX(1);
  opacity: 1;
}

/* Keep Bootstrap from adding gray hover bg in submenu */
.navbar-nav .dropdown-menu .dropdown-item:hover,
.navbar-nav .dropdown-menu .dropdown-item:focus {
  color: #fff;
  background: rgba(255, 255, 255, .15)!important;
    text-decoration: none;
}

/* Parent arrow on the LEFT: down when closed, up when open */
.navbar-nav .dropdown > .nav-link {
  position: relative;
  padding-left: 1.25rem;              /* room for the arrow */
}

/* Space for the icon */
.navbar-nav .dropdown > a.nav-link {
  position: relative;
  padding-left: 1.75rem; /* room for the icon on the left */
}

/* Chevron icon on the left (inherits link color) */
.navbar-nav .dropdown > a.nav-link::before {
  content: "";
  position: absolute;
  left: .25rem;
  top: 50%;
  width: 12px;
  height: 12px;
  transform: translateY(-50%) rotate(0deg); /* ▼ closed */
  transition: transform .2s ease-in-out;
  pointer-events: none;
  opacity: .9;

  /* Use SVG as a mask so the icon uses currentColor */
  background-color: currentColor;
  -webkit-mask: url('data:image/svg+xml;utf8,\
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">\
<path d="M3.204 5.5a.75.75 0 0 1 1.06 0L8 9.236l3.736-3.736a.75.75 0 0 1 1.06 1.06L8.53 10.828a.75.75 0 0 1-1.06 0L3.204 6.56a.75.75 0 0 1 0-1.06z"/>\
</svg>') no-repeat center / 100% 100%;
          mask: url('data:image/svg+xml;utf8,\
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">\
<path d="M3.204 5.5a.75.75 0 0 1 1.06 0L8 9.236l3.736-3.736a.75.75 0 0 1 1.06 1.06L8.53 10.828a.75.75 0 0 1-1.06 0L3.204 6.56a.75.75 0 0 1 0-1.06z"/>\
</svg>') no-repeat center / 100% 100%;
}

/* Flip UP when open — covers mobile (aria-expanded) and desktop (.show) */
.navbar-nav .dropdown > a.nav-link[aria-expanded="true"]::before,
.navbar-nav .dropdown.show > a.nav-link::before {
  transform: translateY(-50%) rotate(180deg); /* ▲ open */
}


/* Optional: nested submenus (fly-out to the right). Remove if not used. */
.navbar-nav .dropdown-menu .dropdown-toggle + .dropdown-menu {
  top: 0;
  left: 100%;
  margin-left: .1rem;
}



.navbar-nav .dropdown-menu .dropdown-item a{
    text-decoration: none;
}

.dropdown-menu.show {
  display: flex!important;
}

.navbar-nav {
  gap: 15px;
}


  .led-specs h2 { margin: .5rem 0 .25rem; font-size: 1.125rem; }
  .led-specs h3 { margin: .75rem 0 .25rem; font-size: 1rem; }
  .led-specs ul { margin: 0 0 .5rem 1.25rem; padding: 0; list-style: disc; }
  .led-specs li { margin: .25rem 0; }
  .led-specs li::marker { color: #0099d8; } /* bullet color */
  
  
#highlighinfo a {
    color: #0099d8;
}

#highlighinfo a:hover {
    color: #087bb0;
}
  
.infoarea a {
    color: #0099d8;
}
.infoarea a:hover {
    color: #087bb0;
}
  
.clink {
    color: #0099d8;
    font-weight:600;
}
.clink:hover {
    color: #087bb0;
}
  
.form-check-input:checked {
  background-color: #0099d8;
  border-color: #0099d8;
}

#custombuttons {
    padding-top:30px;
}

.btn-primary:focus {
  box-shadow: none!important;
}
/* Hide the old widget if present */
.webform-submission-views-dropbutton .dropbutton-wrapper { display: none !important; }

/* Segmented control */
.cea-segmented {
  display: inline-flex;
  border: 1px solid #e1e5ea;
  border-radius: 12px;
  background: #f8f9fb;
  padding: 2px;
  box-shadow: 0 1px 2px rgba(0,0,0,.04);
  gap: 0;
}
.cea-segmented__radio {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}
.cea-segmented__label {
  cursor: pointer;
  padding: 8px 14px;
  font-size: 14px;
  line-height: 1.2;
  color: #344054;
  border-radius: 10px;
  transition: background .15s ease, color .15s ease, box-shadow .15s ease;
}
.cea-segmented__label:hover { background: #eef2f6; }
.cea-segmented__radio:checked + .cea-segmented__label {
  background: #0099d8;
  color: #fff;
  box-shadow: 0 1px 0 rgba(0,0,0,.05) inset;
}

.webform-dropbutton label {
  margin-bottom: 0px;
}


@media (max-width: 480px) {
  .cea-segmented { width: 100%; display: grid; grid-template-columns: 1fr 1fr; }
  .cea-segmented__label { text-align: center; }
}


 .ac-split-title {
font-weight: 600;
  font-size: 18px;
  line-height: 1.4;
  margin: 0 0 .5rem 0;
  }

  .ac-split-table {
    width: 100%;
    border-collapse: collapse;
    font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  }
  
  
  .ac-split-table th, .ac-split-table td {
    border: 1px solid #e5e7eb;
    padding: .75rem 1rem;
     vertical-align: middle !important;      /* ← force vertical middle */

  }
  .ac-split-table th {
    background: #f3f4f6;
    text-align: center;
    font-weight: 700;
  }
  .ac-split-table td { text-align: left; }

  /* Center some desktop columns horizontally (Κλάση, Μέγιστος, Συνολικός) */
  .ac-split-table--desktop td:first-child,
  .ac-split-table--desktop td:nth-child(5),
  .ac-split-table--desktop td:nth-child(6) { text-align: center; }

  /* Show desktop table by default, hide mobile */
  .ac-split-table--desktop { display: table; }
  .ac-split-table--mobile  { display: none; }


.ac-split-table {
  border-collapse: separate;   /* not collapse */
  border-spacing: 0;
     border-radius: .3rem;
  overflow: hidden;            /* clip corners */
  border: 1px solid #e5e7eb;   /* outer border */
}
.ac-split-table th,
.ac-split-table td {
  border: 1px solid #e5e7eb;   /* inner grid lines */
}


/*home page was use it ?*/
.page-node-1 .alert-dismissible{
    display: none!important;
}
/*contact page was use it ?*/
.page-node-13 .alert-dismissible{
    display: none!important;
}


#accordion .card-header {
  background-color: #e9ecef;
  border-bottom: none;
}

.card .btn-link {
  font-weight: 600;
  color: #212529;
  background-color: transparent;
  text-decoration: none;
  text-align:left;
}

.card .btn-link:hover {
  text-decoration: underline;
}

#accordion .card-body {
  background-color: #F3FBFF;;
  padding-left: 35px;
}

.btn {
  text-align: left;
  white-space: unset;
}

.card .btn-link:focus {
  text-decoration: none;
}


#block-cea-ahk-eisodos--2 .js-form-required.form-required {
  display: none;
}

#block-cea-ahk-eisodos--2 #edit-name--2--description
{
  display: none;
}

#block-cea-ahk-eisodos--2 a {
    color: #fff;
    font-size:0.85rem;
    
}

#block-cea-ahk-eisodos--2 .btn-primary {
  color: #0082b0;
  background-color: #ffc20e !important;
  border: none !important;
  padding: .4rem .7rem !important;
  text-transform: uppercase;
  font-weight: 500;
}

#block-cea-ahk-eisodos--2 .invalid-feedback {
  display: none;
  width: 100%;
  margin-top: .25rem;
  font-size: 80%;
  color: #fff;
}

/* hide until ready */
#block-cea-ahk-eisodos:not(.ready) > .content,
#block-cea-ahk-eisodos--2:not(.ready) > .content {
  visibility: hidden;
}

/* the grid injected inside the actions wrapper (both #edit-actions and #edit-actions--2) */
#block-cea-ahk-eisodos   [id^="edit-actions"] .login-grid,
#block-cea-ahk-eisodos--2 [id^="edit-actions"] .login-grid {
  display: grid;
  grid-template-columns: 1fr auto; /* left = two links (stacked), right = button */
  grid-template-rows: auto auto;   /* top link / bottom link */
  column-gap: 1rem;
  row-gap: .1rem;
  align-items: center;
}

/* place items */
#block-cea-ahk-eisodos   [id^="edit-actions"] .lg-link-top,
#block-cea-ahk-eisodos--2 [id^="edit-actions"] .lg-link-top {
  grid-column: 1; grid-row: 1;
}
#block-cea-ahk-eisodos   [id^="edit-actions"] .lg-link-bottom,
#block-cea-ahk-eisodos--2 [id^="edit-actions"] .lg-link-bottom {
  grid-column: 1; grid-row: 2;
}
#block-cea-ahk-eisodos   [id^="edit-actions"] .lg-btn,
#block-cea-ahk-eisodos--2 [id^="edit-actions"] .lg-btn {
  grid-column: 2;
  grid-row: 1 / span 2;  /* span both rows */
  align-self: center;    /* vertically centered between the two texts */
}

/* keep the actual button tidy */
#block-cea-ahk-eisodos   [id^="edit-actions"] .lg-btn .form-submit,
#block-cea-ahk-eisodos--2 [id^="edit-actions"] .lg-btn .form-submit {
  white-space: nowrap;
}

/* responsive: stack with button between the two links */
@media (max-width: 520px) {
  #block-cea-ahk-eisodos   [id^="edit-actions"] .login-grid,
  #block-cea-ahk-eisodos--2 [id^="edit-actions"] .login-grid {
    grid-template-columns: 1fr;
    grid-template-rows: auto auto auto;
  }
  #block-cea-ahk-eisodos   [id^="edit-actions"] .lg-btn,
  #block-cea-ahk-eisodos--2 [id^="edit-actions"] .lg-btn {
    grid-column: 1;
    grid-row: 2;
    justify-self: center;
  }
}


/* === FULL-WIDTH BACKGROUND for this area (edge-to-edge) === */

.featured-bottom{
  background:#b2dcf3;      /* your requested bg */
  padding-bottom:50px;
}
.featured-bottom > aside.container { position:relative; z-index:1; }

/* === Inside your block === */
#block-cea-ahk-category-selection .content .category-section{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:48px;
  flex-wrap:wrap;
  padding:32px 0;
}

#block-cea-ahk-category-selection .category{
  display:flex;
  flex-direction:row;
  gap:16px;
  align-items:flex-start;
  max-width:560px;
  flex:1 1 420px;
  align-items: center;
}

/* Bubble as a link — whole area clickable */
#block-cea-ahk-category-selection .category__bubble{
  --bubble: #00a3e0;              /* A default; B overrides below */
  display:block;
  position:relative;
  text-decoration:none;
  color:#fff;                      /* link text color */
  background:var(--bubble);
  border-radius:16px;
 padding:18px 20px 0px 35px;     /* space for badge */
  font-weight:600;
  line-height:1.35;
  box-shadow:0 6px 0 rgba(0,0,0,.10);
  cursor:pointer;                  /* pointer anywhere on bubble */
  min-height: 120px;
  align-content: center;
}

/* Big left notch, same color as bubble */
#block-cea-ahk-category-selection .category__bubble::after{
  content: "";
  position: absolute;
  top: -29px;
  left: 151px;
  width: 55px;
  height: 36px;
  clip-path: polygon(50% 0, 100% 100%, 0 100%);
  background: #00a3e0;
}

/* Round badge (renamed to avoid Bootstrap .badge) */
#block-cea-ahk-category-selection .category--a .cat-badge{
  position:absolute;
  left:-20px; top:3%; transform:translateY(-50%);
  width:52px; height:52px; border-radius:50%;
  display:grid; place-items:center;
  font-weight:900; font-size:22px;
  background:#fff;
 color: #00a3e0;                    /* text uses bubble’s color */
  border:4px solid currentColor;     /* colored ring */
}

/* Round badge (renamed to avoid Bootstrap .badge) */
#block-cea-ahk-category-selection .category--b .cat-badge{
  position:absolute;
  left:-20px; top:3%; transform:translateY(-50%);
  width:52px; height:52px; border-radius:50%;
  display:grid; place-items:center;
  font-weight:900; font-size:22px;
  background:#fff;
 color:#f9c623;                    /* text uses bubble’s color */
  border:4px solid currentColor;     /* colored ring */
}


/* Hover/focus feedback on the WHOLE bubble */
#block-cea-ahk-category-selection .category__bubble:hover,
#block-cea-ahk-category-selection .category__bubble:focus-visible{
  filter:brightness(1.06);
  text-decoration:none;
  outline:2px solid rgba(255,255,255,.25);
  outline-offset:3px;
}



/* Category B coloring */
#block-cea-ahk-category-selection .category--b .category__bubble{
  background:#f9c623; color:#2f2f2f;
}
#block-cea-ahk-category-selection .category--b .category__bubble::after{
  background:#f9c623;
}

/* Bubble text */
#block-cea-ahk-category-selection .category .text{ 
    display:block; 
    text-align:left;
    max-width:210px;
    font-size:15px;
}



/* Icon to the right of bubble */
#block-cea-ahk-category-selection .category__icon img{
  width:240px; max-width:25vw; height:auto; display:block;
}

/* Divider between A and B */
#block-cea-ahk-category-selection .divider{
  width:1px; height:220px; background:#00a3e0; opacity:.9;
}

/* Link under bubble */
#block-cea-ahk-category-selection .category__link{
    display:block;
  color:#1177aa; font-weight:500; text-decoration:none;
  text-align: center;
  font-size: 18px;

}

#block-cea-ahk-category-selection .category__link:hover{ text-decoration:underline; }

/* === Responsive === */
@media (max-width: 992px){
  #block-cea-ahk-category-selection .category-section{
    justify-content:center;
    gap:36px;
  }
  #block-cea-ahk-category-selection .divider{
    width:60%; height:1px;
  }
}
@media (max-width: 560px){
  #block-cea-ahk-category-selection .category__bubble{
    padding:18px 20px 0px 35px; 
  }
  #block-cea-ahk-category-selection .cat-badge{
    left:-18px; width:46px; height:46px; border-width:3px; font-size:16px;
  }
  #block-cea-ahk-category-selection .category__bubble::after{
     top: -29px;
  left: 151px;
  width: 55px;
  height: 36px;
  clip-path: polygon(50% 0, 100% 100%, 0 100%);
  }
  #block-cea-ahk-category-selection .category__icon img{ width:96px; }
}

.acategory {
  max-width: 300px;
}
.bcategory {
  max-width: 300px;
}





/* === Inside your block === */
.category-section.sxediopage {
  display: flex;
  align-items: center;
  justify-content: start;
  gap: 75px;
  flex-wrap: wrap;
  padding: 40px 0px 0px 40px;
}

.category-section.sxediopage .category{
  display:flex;
  flex-direction:row;
  gap:16px;
  align-items:flex-start;
  max-width:460px;
  flex:1 1 420px;
  align-items: center;
}

/* Bubble as a link — whole area clickable */
.category-section.sxediopage .category__bubble{
  --bubble: #00a3e0;              /* A default; B overrides below */
  display:block;
  position:relative;
  text-decoration:none;
  color:#fff;                      /* link text color */
  background:var(--bubble);
  border-radius:30px;
 padding:18px 20px 0px 35px;     /* space for badge */
  font-weight:600;
  line-height:1.35;
  box-shadow:0 6px 0 rgba(0,0,0,.10);
  cursor:pointer;                  /* pointer anywhere on bubble */
  align-content:center;
}


/* Round badge (renamed to avoid Bootstrap .badge) */
.category-section.sxediopage .category--a .cat-badge {
  position: absolute;
  left: -34px;
  top: 50%;
  transform: translateY(-50%);
  width: 52px;
  height: 52px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  font-weight: 900;
  font-size: 22px;
  background: #fff;
  color: #00a3e0;
  border: 4px solid currentColor;
}

/* Round badge (renamed to avoid Bootstrap .badge) */
.category-section.sxediopage .category--b .cat-badge{
  position:absolute;
    left: -34px;
  top: 50%;
  transform: translateY(-50%);
  width: 52px;
  height: 52px;
  border-radius:50%;
  display:grid; place-items:center;
  font-weight:900; font-size:22px;
  background:#fff;
 color:#f9c623;                    /* text uses bubble’s color */
  border:4px solid currentColor;     /* colored ring */
}


/* Hover/focus feedback on the WHOLE bubble */
.category-section.sxediopage .category__bubble:hover,
.category-section.sxediopage .category__bubble:focus-visible{
  filter:brightness(1.06);
  text-decoration:none;
  outline:2px solid rgba(255,255,255,.25);
  outline-offset:3px;
}



/* Category B coloring */
.category-section.sxediopage .category--b .category__bubble{
  background:#f9c623; color:#2f2f2f;
}


/* Bubble text */
.category-section.sxediopage .category .text {
  display: block;
  text-align: left;
  max-width: 400px;
  font-size: 18px;
}

.category-section.sxediopagea {
  display: flex;
  align-items: center;
  justify-content: start;
  gap: 75px;
  flex-wrap: wrap;
  padding: 40px 0px 30px 40px;
}

.category-section.sxediopageb {
  display: flex;
  align-items: center;
  justify-content: start;
  gap: 75px;
  flex-wrap: wrap;
  padding: 40px 0px 30px 40px;
}


.category-section.sxediopagea .category--b .category__bubble{
  background:#00a3e0; color:#fff;
}
.category-section.sxediopageb .category--a .category__bubble{
  background:#f9c623; color:#2f2f2f;
}

.category-section.sxediopagea .category--b .cat-badge{
  position:absolute;
    left: -34px;
  top: 50%;
  transform: translateY(-50%);
  width: 52px;
  height: 52px;
  border-radius:50%;
  display:grid; place-items:center;
  font-weight:900; font-size:22px;
  background:#fff;
 color:#00a3e0;                    /* text uses bubble’s color */
  border:4px solid currentColor;     /* colored ring */
}

.category-section.sxediopageb .category--a .cat-badge{
  position:absolute;
    left: -34px;
  top: 50%;
  transform: translateY(-50%);
  width: 52px;
  height: 52px;
  border-radius:50%;
  display:grid; place-items:center;
  font-weight:900; font-size:22px;
  background:#fff;
 color:#f9c623;                    /* text uses bubble’s color */
  border:4px solid currentColor;     /* colored ring */
}


/* Bubble text */
.category-section.sxediopagea .category .text {
  display: block;
  text-align: left;
  max-width: 400px;
  font-size: 18px;
}

/* Bubble text */
.category-section.sxediopageb .category .text {
  display: block;
  text-align: left;
  max-width: 400px;
  font-size: 18px;
}

/* ===== Modern FAQ Accordion (targets your #accordion markup) ===== */

#accordion {
  --faq-accent: #00a3e0;      /* brand blue (matches your bubbles) */
  --faq-bg: #ffffff;
  --faq-text: #0b2a3a;
  --faq-subtle: rgba(0,0,0,.06);
}

/* Reset Bootstrap card chrome */
#accordion .card {
  background: transparent;
  border: 0;
  border-radius: 16px;
  margin: 10px 0;
  overflow: visible;
}

/* Header container */
#accordion .card-header {
  padding: 0;
  margin: 0;
  border: 0;
  background: transparent;
}

/* Full-width clickable button */
#accordion .card-header .btn.btn-link {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  width: 100%;
  border-radius: 8px;
  padding: 16px 20px;
  background: var(--faq-bg);
  color: var(--faq-text);
  text-align: left;
  text-decoration: none !important;
  box-shadow: 0 2px 0 var(--faq-subtle);
  position: relative;
  transition: box-shadow .2s ease, transform .06s ease, background .2s ease;
  font-weight: 800;                /* bold titles */
}

/* Left accent bar */
#accordion .card-header .btn.btn-link::before {
  content: "";
  position: absolute;
  left: 0; top: 0; bottom: 0;
  width: 6px;
  border-radius: 16px 0 0 16px;
  background: transparent;
  transition: background .2s ease;
}

/* Chevron icon (pure SVG, no fonts) */
#accordion .card-header .btn.btn-link::after {
  content: "";
  flex: 0 0 20px;
  width: 20px; height: 20px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 16px 16px;
  transition: transform .2s ease, opacity .2s ease;
  opacity: .7;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="%230b2a3a" viewBox="0 0 16 16"><path d="M1.646 5.646a.5.5 0 0 1 .708 0L8 11.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z"/></svg>');
}

/* Hover & focus states */
#accordion .card-header .btn.btn-link:hover {
  background: #f7fbfe;
  box-shadow: 0 3px 0 var(--faq-subtle);
}
#accordion .card-header .btn.btn-link:focus-visible {
  outline: 2px solid var(--faq-accent);
  outline-offset: 3px;
}

/* Expanded (not collapsed) = accent on, chevron rotates up */
#accordion .card-header .btn.btn-link:not(.collapsed) {
  box-shadow: 0 4px 0 var(--faq-subtle);
}
#accordion .card-header .btn.btn-link:not(.collapsed)::before {
  background: var(--faq-accent);
}
#accordion .card-header .btn.btn-link:not(.collapsed)::after {
  transform: rotate(180deg);
  opacity: 1;
}

/* Body panel: attaches to header with rounded corners */
#accordion .collapse .card-body,
#accordion .collapsing .card-body {
  background: var(--faq-bg);
  color: #123;
  border-radius: 0 0 16px 16px;
  border-top: 1px solid rgba(0,0,0,.05);
  padding: 16px 20px 20px;
  box-shadow: 0 4px 0 var(--faq-subtle);
  margin-left: 6px;
  margin-right: 6px;
}

/* Remove extra gaps Bootstrap may inject */
#accordion .collapse,
#accordion .collapsing {
  border: 0;
}

/* Make long lines comfortable to read */
#accordion .card-body {
  line-height: 1.6;
}


.page-node-3 #main-wrapper {
  background-color: #b2dcf3;
}



/* Responsive tweaks */
@media (max-width: 600px) {
  #accordion .card-header .btn.btn-link {
    padding: 14px 16px;
    border-radius: 14px;
  }
  #accordion .card-header .btn.btn-link::before { width: 5px; }
  #accordion .collapse .card-body,
  #accordion .collapsing .card-body {
    border-radius: 0 0 14px 14px;
    padding: 14px 16px 16px;
  }
}



table.sticky-header thead {
  position: unset;
  z-index: 500;
  top: var(--drupal-displace-offset-top, 0);
}


  /* Mobile cards */
  @media (max-width: 640px) {
    .ac-split-table--desktop { display: none; }
    .ac-split-table--mobile  { display: table; }
    .ac-split-table--mobile thead { display: none; }

    .ac-split-table--mobile tr {
      display: block;
      margin-bottom: 1rem;
      border: 1px solid #e5e7eb;
      border-radius: .75rem;
      overflow: hidden;
    }
    .ac-split-table--mobile td {
      display: flex;
      align-items: center;      /* vertical middle in cards */
      gap: .5rem;
      border: none;
      border-bottom: 1px solid #e5e7eb;
      padding: .75rem 1rem;
    }
    .ac-split-table--mobile td:last-child { border-bottom: none; }
    .ac-split-table--mobile td::before {
      content: attr(data-label);
      font-weight: 600;
      flex: 0 0 46%;
      max-width: 46%;
      padding-right: 1rem;
    }
  }






/* ===== Wrapper & Title (Company + Individual) ===== */
.field--name-company-profile-profiles,
.field--name-individual-profile-profiles {
  margin-block: 1.5rem;
}
.field--name-company-profile-profiles > .field__label,
.field--name-individual-profile-profiles > .field__label {
  font-size: 1.25rem;
  font-weight: 700;
  letter-spacing: 0.2px;
  margin-bottom: .75rem;
}

/* ===== Card ===== */
.field--name-company-profile-profiles .profile,
.field--name-individual-profile-profiles .profile {
  background: #fff;
  border: 1px solid #e6e8eb;
  border-radius: 14px;
  padding: 20px;
  box-shadow: 0 2px 10px rgba(0,0,0,.04);
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 16px 20px;
}

/* ===== Field Tile ===== */
.field--name-company-profile-profiles .profile .field,
.field--name-individual-profile-profiles .profile .field {
  background: #f9fafb;
  border: 1px solid #eef1f4;
  border-radius: 12px;
  padding: 12px 14px;
  min-height: 72px;
  display: flex;
  flex-direction: column;
}

/* ===== Label & Value ===== */
.field--name-company-profile-profiles .profile .field .field__label,
.field--name-individual-profile-profiles .profile .field .field__label {
  font-size: .78rem;
  font-weight: 600;
  text-transform: none;
  color: #5b6573;
  margin: 0 0 6px;
}
.field--name-company-profile-profiles .profile .field .field__item,
.field--name-individual-profile-profiles .profile .field .field__item {
  font-size: .98rem;
  font-weight: 600;
  color: #101828;
  line-height: 1.35;
  word-break: break-word;
}

/* ===== Files as subtle buttons ===== */
.field--name-company-profile-profiles .profile .field--type-file .field__item a,
.field--name-individual-profile-profiles .profile .field--type-file .field__item a {
  display: inline-block;
  padding: 6px 10px;
  border: 1px solid #d0d7de;
  border-radius: 8px;
  text-decoration: none;
  font-weight: 400;
}
.field--name-company-profile-profiles .profile .field--type-file .field__item a:hover,
.field--name-individual-profile-profiles .profile .field--type-file .field__item a:hover,
.field--name-company-profile-profiles .profile .field--type-file .field__item a:focus,
.field--name-individual-profile-profiles .profile .field--type-file .field__item a:focus {
  background: #f2f4f7;
  outline: none;
}

/* ===== Section headings we inject (both blocks) ===== */
.field--name-company-profile-profiles .profile .cea-group-title,
.field--name-individual-profile-profiles .profile .cea-group-title {
  grid-column: 1 / -1;
  font-size: 1.05rem;
  font-weight: 700;
  margin: 6px 0 2px;
  padding: 6px 2px;
}


.webform-multiple-table td.webform-multiple-table--operations-two {
  width: 30px!important;
    padding: .75rem!important;
  border-left: 1px solid #e9ecef;
}

#edit-account {
  border: 1px solid #e5e7eb;
  border-radius: 12px;
  padding: 12px 16px 14px;
  background-color:#f9fafb;
  box-shadow: 0 2px 10px rgba(0,0,0,.04);
}

#edit-field-account-type-wrapper .fieldset-wrapper{
      border: 1px solid #e5e7eb;
  border-radius: 12px;
  padding: 12px 16px 14px;
  background-color:#f9fafb;
  box-shadow: 0 2px 10px rgba(0,0,0,.04);
}

.webform-multiple-table tr td  {
  border:none;
}

.webform-multiple-table th  {
  border:none!important;
}

.webform-multiple-table tr  {
  border:none;
}


.webform-multiple-table tr td:has(.webform-document-file) {
    border-left: 2px solid #fff;
    border-right: solid #fff 2px;
}


th.cea_ac_lines-table--old_photo.webform-multiple-table--old_photo {
    border-left: solid #fff 2px !important;
    border-right: solid #fff 2px !important;
}

.webform-multiple-table table {
  margin-bottom: 20px;
}

/* Webform ops: show icons AND stack them vertically */
.webform-multiple-table--operations input.image-button[type="image"],
.webform-multiple-table--operations-two input.image-button[type="image"] {
  display: block;                 /* stack */
  width: 15px !important;         /* beat .form-control width:100% */
  height: 15px;
  padding: 0 !important;
  margin: 0 auto 6px;             /* center + spacing */
  border: 0;
  background: transparent !important;
  box-shadow: none !important;
}

/* remove extra gap after the last icon */
.webform-multiple-table--operations input.image-button[type="image"]:last-of-type,
.webform-multiple-table--operations-two input.image-button[type="image"]:last-of-type {
  margin-bottom: 0;
}

/* kill the global pseudo-element that can cover the icons in this cell */
.webform-multiple-table--operations .form-submit::before,
.webform-multiple-table--operations-two .form-submit::before {
  display: none !important;
  content: none !important;
}


.js-form-item.js-form-type-webform-document-file.form-type-webform-document-file.js-form-item-offer-files.form-item-offer-files.has-error.mb-3 {
  border: solid 1px #dde0e2;
  padding: 10px;
  border-radius: 5px;
}

.js-form-item.js-form-type-webform-document-file.form-type-webform-document-file.js-form-item-offer-files.form-item-offer-files {
  border: solid 1px #dde0e2;
  padding: 10px;
  border-radius: 5px;
}

/* === GLOBAL — Webform results/preview styling (all forms) === */
.webform-submission-data {
  --card-bg: #fff;
  --card-bd: #e6e8eb;
  --card-shadow: 0 6px 18px rgba(16, 24, 40, 0.06);
  --muted: #5b6573;
  --accent: #0099d8;
  --chip-bd: #d0d7de;

  background: #f7f8fa;
  padding: 18px;
  border-radius: 14px;
}

/* Fieldsets → cards */
.webform-submission-data fieldset.webform-container {
  border: 1px solid var(--card-bd) !important;
  background: var(--card-bg);
  border-radius: 14px;
  box-shadow: var(--card-shadow);
  padding: 14px 30px 10px;
  margin-bottom: 16px;
}

/* Legend bar */
.webform-submission-data fieldset.webform-container > legend {
  border: 0; margin: 0; padding: 0 0 8px 0;
}
.webform-submission-data .fieldset-legend {
  display: inline-block;
  font-weight: 700;
  font-size: 1.05rem;
  color: #101828;
  padding-left: 10px;
  border-left: 4px solid var(--accent);
}

/* Inside fieldset */
.webform-submission-data .fieldset-wrapper {
  display: grid;
  gap: 12px;
}

/* Generic item: label left, value right */
.webform-submission-data .webform-element {
  background: #f9fafb;
  border: 1px solid #eef1f4;
  border-radius: 12px;
  padding: 12px 14px;

  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap; /* wrap on small screens */
}

/* Label column */
.webform-submission-data .webform-element > label {
  margin: 0;
  font-weight: 700;
  color: #111827;
}

/* Value column: anything after the label */
.webform-submission-data .webform-element > label ~ * {
  flex: 1 1 auto;
  min-width: 180px;
}

/* Paragraph/value tweaks */
.webform-submission-data .webform-element p { margin: 0; line-height: 1.5; }
.webform-submission-data .webform-element strong { font-weight: 600; }

/* File links → chips (global) */
.webform-submission-data .file a {
  display: inline-block;
  padding: 6px 10px;
  border: 1px solid var(--chip-bd);
  border-radius: 8px;
  text-decoration: none;
  color: var(--accent);
  font-weight: 500;
  line-height: 1;
}

/* File lists (e.g., Offer files) → row of chips */
.webform-submission-data .webform-element-type-webform-document-file .item-list .list-group {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 0; padding: 0;
}
.webform-submission-data .webform-element-type-webform-document-file .list-group-item {
  list-style: none;
  margin: 0; padding: 0;
  border: 0; background: transparent;
}

/* === COMPOSITES (ALL FORMS) — render like B_A cards === */

/* Composite list as a card grid */
.webform-submission-data .webform-element-type-webform-custom-composite .list-group {
  display: grid;
  gap: 12px;
  padding: 0;
  margin: 0;
}

/* Each composite row as a card */
.webform-submission-data .webform-element-type-webform-custom-composite .list-group-item {
  list-style: none;
  margin: 0;
  padding: 12px 14px;
  background: #fff;
  border: 1px solid var(--card-bd);
  border-radius: 12px;
  box-shadow: 0 2px 10px rgba(16, 24, 40, 0.05);
}

/* Two-column label/value inside composite cards */
.webform-submission-data .webform-element-type-webform-custom-composite .list-group-item b {
  display: inline-block;
  min-width: 200px;            /* default label width */
  color: var(--muted);
  font-weight: 600;
  vertical-align: top;
}

/* Keep file wrappers on the same line as the label */
.webform-submission-data .webform-element-type-webform-custom-composite .list-group-item b + div,
.webform-submission-data .webform-element-type-webform-custom-composite .list-group-item b + span.file {
  display: inline-block;
  vertical-align: top;
}

/* Remove the extra <br> often printed after file wrappers */
.webform-submission-data .webform-element-type-webform-custom-composite .list-group-item b + div + br,
.webform-submission-data .webform-element-type-webform-custom-composite .list-group-item b + span.file + br {
  display: none;
}

/* File links inside composite → chips */
.webform-submission-data .webform-element-type-webform-custom-composite .file a {
  display: inline-block;
  padding: 6px 10px;
  border: 1px solid var(--chip-bd);
  border-radius: 8px;
  text-decoration: none;
  color: var(--accent);
  font-weight: 500;
  line-height: 1;
}

/* === B_A-specific fine-tuning (optional) === */

/* Narrower label column for AC list in B_A */
#category_b_a--cea_ac_lines .list-group-item b {
  min-width: 85px;
}

/* Align label + file div nicely for B_A AC items */
#category_b_a--cea_ac_lines .list-group-item b,
#category_b_a--cea_ac_lines .list-group-item b + div {
  display: inline-block;
  vertical-align: middle;
}

/* Offer files in B_A → chip row (already global, but keep explicit) */
#category_b_a--offer_files .list-group {
  display: flex; flex-wrap: wrap; gap: 8px;
}
#category_b_a--offer_files .list-group-item {
  border: 0; padding: 0; background: transparent;
}

/* Declaration pill in B_A */
#category_b_a--declaration { display: flex; align-items: center; gap: 10px; }
#category_b_a--declaration label { margin: 0; }
#category_b_a--declaration label + * {
  display: inline-block;
  padding: 4px 10px;
  border-radius: 999px;
  background: #e6f7fd;
  color: #065d7a;
  font-weight: 600;
}

/* Global link hover */
.webform-submission-data a:hover,
.webform-submission-data a:focus {
  color: #087bb0;
}


details.webform-submission-information { display:none !important; }


/* === GLOBAL — Webform submission (add/edit) styling === */
.webform-submission-form {
  --card-bg: #fff;
  --card-bd: #e6e8eb;
  --card-shadow: 0 6px 18px rgba(16, 24, 40, 0.06);
  --muted: #5b6573;
  --accent: #0099d8;
  --chip-bd: #d0d7de;

  background: #f7f8fa;
  padding: 18px;
  border-radius: 14px;
}

/* Fieldsets → soft cards */
.webform-submission-form fieldset.webform-type-fieldset {
  border: 1px solid var(--card-bd) !important;
  background: var(--card-bg);
  border-radius: 14px;
  box-shadow: var(--card-shadow);
  padding: 14px 30px 10px;
  margin-bottom: 16px;
}
.webform-submission-form fieldset.webform-type-fieldset > legend {
  border: 0; margin: 0; padding: 0 0 8px;
}
.webform-submission-form .fieldset-legend {
  display: inline-block;
  font-weight: 700;
  font-size: 1.05rem;
  color: #101828;
  padding-left: 10px;
  border-left: 4px solid var(--accent);
}
.webform-submission-form .fieldset-wrapper {
  display: grid;
  gap: 12px;
}

/* Each form item → light card row with flex layout (desktop) */
.webform-submission-form .js-form-item {
  background: #f9fafb;
  border: 1px solid #eef1f4;
  border-radius: 12px;
  padding: 12px 14px;
}

.form-type-webform-custom-composite .js-form-item {
  background: #f9fafb;
  border: 1px solid #eef1f4;
  border-radius: 12px;
  padding: 0px;
}

.webform-submission-form .form-select {
  display: block;
  width: 100%;
  padding: .375rem 2.25rem .375rem .75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: #fff;
  background-image: var(--bs-form-select-bg-img),var(--bs-form-select-bg-icon,none);
  background-repeat: no-repeat;
  background-position: right .75rem center;
  background-size: 16px 12px;
  border-radius: var(--bs-border-radius);
  transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.form-type-webform-custom-composite .form-select {
border:none;
}

/* Label column */
.webform-submission-form .js-form-item > label {
  font-weight: 700;
  color: #111827;
}

.webform-element-description{
    margin-top:5px;
}

/* Value column (anything after label) */
.webform-submission-form .js-form-item > label ~ * {
  flex: 1 1 auto;
}

/* Help text */
.webform-submission-form .js-form-item .description {
  color: var(--muted);
  margin-top: .25rem;
}

.webform-managed-file-preview-wrapper.webform-document-file-preview-wrapper.js-form-item {
  padding-bottom: 0px;
  margin-bottom: 0px !important;
}

.webform-managed-file-preview-wrapper.webform-document-file-preview-wrapper.js-form-item {
  background: unset;
  border: none;
}

/* Inputs/buttons look & spacing */
.webform-submission-form input.form-control,
.webform-submission-form select.form-select,
.webform-submission-form textarea.form-control {
  font-size: 1rem;
}

/* File inputs → chip & inline upload button */
.webform-submission-form .webform-document-file .form-managed-file,
.webform-submission-form .webform-document-file .webform-document-file {
  display: flex;
  align-items: center;
  gap: 10px;
}
.webform-submission-form .js-form-file.form-file {
  max-width: 420px;
}
.webform-submission-form .file a {
  display: inline-block;
  padding: 6px 10px;
  border: 1px solid var(--chip-bd);
  border-radius: 8px;
  text-decoration: none;
  color: var(--accent);
  font-weight: 500;
  line-height: 1;
}

/* Error states — always visible and clean */
.webform-submission-form .is-invalid,
.webform-submission-form .error {
  border-color: #dc3545 !important;
}
.webform-submission-form .invalid-feedback,
.webform-submission-form .form-item--error-message {
  display: block !important;
  margin-top: .35rem;
}

/* Checkbox/radios — align nicely (Bootstrap Barrio) */
.webform-submission-form .form-check {
  padding-left: 2rem;
}
.webform-submission-form .form-check-input:checked {
  background-color: var(--accent);
  border-color: var(--accent);
}

/* Wizard progress tracker */
.webform-submission-form .webform-progress {
  margin: 10px 0 16px;
}

.progress-marker::before {
padding-bottom: 0px;
}


/* Action buttons */
.webform-submission-form .form-actions .btn.btn-primary {
  background-color: var(--accent) !important;
  border-color: var(--accent) !important;
}
.webform-submission-form .form-actions .btn.btn-primary:hover,
.webform-submission-form .form-actions .btn.btn-primary:focus {
  filter: brightness(1.06);
}



/* Number inputs — remove spinners */
.webform-submission-form input[type="number"]::-webkit-outer-spin-button,
.webform-submission-form input[type="number"]::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
.webform-submission-form input[type="number"] { -moz-appearance: textfield; }

/* Links hover */
.webform-submission-form a:hover,
.webform-submission-form a:focus {
  color: #087bb0;
  text-decoration: underline;
}

.form-type-webform-document-file .button {
  font-size:.8rem;  
  padding:5px!important;
}

.form-type-webform-document-file{
padding:10px!important;    
}

/* Responsive: stack label/value */
@media (max-width: 640px) {
  .webform-submission-form .js-form-item > label { flex: 0 0 100%; }
  .webform-submission-form .js-form-item > label ~ * { flex: 1 1 100%; }
}

/* (Optional) Composite rows inside forms that render as list-group (not table) */
.webform-submission-form .webform-element-type-webform-custom-composite .list-group {
  display: grid;
  gap: 12px; padding: 0; margin: 0;
}
.webform-submission-form .webform-element-type-webform-custom-composite .list-group-item {
  list-style: none; margin: 0; padding: 12px 14px;
  background: #fff; border: 1px solid var(--card-bd);
  border-radius: 12px; box-shadow: 0 2px 10px rgba(16,24,40,.05);
}
.webform-submission-form .webform-element-type-webform-custom-composite .list-group-item b {
  display: inline-block; min-width: 200px; color: var(--muted); font-weight: 600; vertical-align: top;
}
.webform-submission-form .webform-element-type-webform-custom-composite .list-group-item b + div,
.webform-submission-form .webform-element-type-webform-custom-composite .list-group-item b + span.file {
  display: inline-block; vertical-align: top;
}
.webform-submission-form .webform-element-type-webform-custom-composite .list-group-item b + div + br,
.webform-submission-form .webform-element-type-webform-custom-composite .list-group-item b + span.file + br {
  display: none;
}


/* Responsive: stack label/value on small screens */
@media (max-width: 640px) {
  .webform-submission-data .webform-element > label { flex: 0 0 100%; }
  .webform-submission-data .webform-element > label ~ * { flex: 1 1 100%; }
  .webform-submission-data .webform-element-type-webform-custom-composite .list-group-item b { min-width: 140px; }
}

/* If you want a class-based approach instead, you can hide after JS tags them */
.field--name-company-profile-profiles .profile .field[data-hidden-by="cea"] {
  display: none;
}

body.path-user .field--label-above .field__item {
  padding: 0px;
  border-radius: 1rem;
  background: unset;
  width: 100%;
  margin: 0.25rem 0;
}


/* Group titles inside the profile card */
.field--name-company-profile-profiles .profile .cea-group-title {
  grid-column: 1 / -1;
  font-size: 1.05rem;
  font-weight: 700;
  color: #111827;
  margin: 6px 0 2px;
  padding: 6px 2px;
}


.cea-group { margin: 14px 0 18px; }
.cea-group-heading {
  font-size: 1.05rem;
  font-weight: 700;
  margin: 0 0 8px;
  line-height: 1.2;
}
.cea-group-body {
  border: 1px solid #e5e7eb;
  border-radius: 12px;
  padding: 12px 16px 14px;
  background-color:#f9fafb;
  box-shadow: 0 2px 10px rgba(0,0,0,.04);
}

.page-user-login #user-login-form {
      border: 1px solid #e5e7eb;
  border-radius: 12px;
  padding: 12px 16px 14px;
  background-color:#f9fafb;
  box-shadow: 0 2px 10px rgba(0,0,0,.04);
}


.page-user-password #user-pass {
 border: 1px solid #e5e7eb;
  border-radius: 12px;
  padding: 12px 16px 14px;
  background-color:#f9fafb;
  box-shadow: 0 2px 10px rgba(0,0,0,.04);
}

.profile-company-profile-edit-form
{
     border: 1px solid #e5e7eb;
  border-radius: 12px;
  padding: 12px 16px 14px;
  background-color:#f9fafb;
  box-shadow: 0 2px 10px rgba(0,0,0,.04);
}



.profile-individual-profile-edit-form{
         border: 1px solid #e5e7eb;
  border-radius: 12px;
  padding: 12px 16px 14px;
  background-color:#f9fafb;
  box-shadow: 0 2px 10px rgba(0,0,0,.04);
}

/* === AC composite preview table (built by JS) === */
#category_b_a--cea_ac_lines.cea-tableified .item-list > table {
  width: 100% !important;
  border-collapse: collapse !important;
  border: 1px solid #e6e8eb !important;
  background: #fff !important;
  border-radius: 12px !important;
  box-shadow: 0 2px 10px rgba(16,24,40,.05) !important;
  overflow: hidden; /* keep rounded corners */
}
#category_b_a--cea_ac_lines.cea-tableified thead th {
  text-align: left !important;
  padding: 8px 10px !important;
  background: #f9fafb !important;
  color: #111827 !important;
  font-weight: 700 !important;
  border-bottom: 1px solid #eef1f4 !important;
}
#category_b_a--cea_ac_lines.cea-tableified tbody td {
  padding: 8px 10px !important;
  border-bottom: 1px solid #eef1f4 !important;
  vertical-align: top !important;
}


/* Links in the file column → chip style */
#category_b_a--cea_ac_lines.cea-tableified td a {
  display: inline-block !important;
  padding: 6px 10px !important;
  border: 1px solid #d0d7de !important;
  border-radius: 8px !important;
  text-decoration: none !important;
  color: #0099d8 !important;
  font-weight: 600 !important;
  line-height: 1 !important;
}


#category_b_a--cea_ac_lines.cea-tableified tbody tr {
  border-bottom: 1px solid #ccc;
  padding: 0.1em 0.6em;
  background: #fff;
}

/* === Mobile: stack rows back to cards === */
@media (max-width: 640px) {
  #category_b_a--cea_ac_lines.cea-tableified thead { display: none !important; }

  #category_b_a--cea_ac_lines.cea-tableified table,
  #category_b_a--cea_ac_lines.cea-tableified tbody,
  #category_b_a--cea_ac_lines.cea-tableified tr,
  #category_b_a--cea_ac_lines.cea-tableified td {
    display: block !important;
    width: 100% !important;
  }

  #category_b_a--cea_ac_lines.cea-tableified tr {
    border: 1px solid #e6e8eb !important;
    border-radius: 12px !important;
    background: #fff !important;
    box-shadow: 0 2px 10px rgba(16,24,40,.05) !important;
    padding: 8px 12px !important;
    margin: 0 0 12px !important;
  }

  #category_b_a--cea_ac_lines.cea-tableified td {
    border: 0 !important;
    border-bottom: 1px solid #eef1f4 !important;
    padding: 8px 0 !important;
    position: relative !important;
  }
  #category_b_a--cea_ac_lines.cea-tableified td:last-child {
    border-bottom: 0 !important;
    padding-bottom: 0 !important;
  }

  /* Mobile labels for each cell */
  #category_b_a--cea_ac_lines.cea-tableified td::before {
    display: block !important;
    margin: 0 0 4px !important;
    color: #5b6573 !important;
    font-weight: 700 !important;
    content: attr(data-label);
  }
}

/* Tile */
.js-form-type-item.mb-3.has-pill,
.js-form-type-item.mb-3:has(> .field-value) {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  padding: 14px 16px;
  background: #fff;
  border: 1px solid #e6e8eb;
  border-radius: 14px;
  box-shadow: 0 2px 10px rgba(0,0,0,.04);
  margin-bottom: 14px;
}

/* Label */
.js-form-type-item.mb-3 > h4.label {
  margin: 0;
  font-size: 1.05rem;
  font-weight: 700;
  letter-spacing: .2px;
  color: #111827;
  flex: 1;
}

/* Pill */
.js-form-type-item.mb-3 .field-value {
  margin-left: auto;
  padding: 6px 10px;
  border: 1px solid #e6e8eb;
  border-radius: 999px;
  background: #f9fafb;
  font-size: .95rem;
  line-height: 1.2;
  color: #374151;
  white-space: nowrap;
}

/* Modern details card */
details.cea-modern-details {
  background: #fff;
  border: 1px solid #e6e8eb;
  border-radius: 14px;
  box-shadow: 0 2px 10px rgba(0,0,0,.04);
  margin-bottom: 16px;
  overflow: hidden; /* rounds the summary top corners */
}

/* Summary bar */
details.cea-modern-details > summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 14px 16px;
  cursor: pointer;
  list-style: none; /* Firefox */
  font-weight: 700;
  color: #111827;
  user-select: none;
}

/* Hide native marker (WebKit/Blink) */
details.cea-modern-details > summary::-webkit-details-marker { display: none; }

/* Custom caret */
details.cea-modern-details > summary::after {
  content: "";
  width: 10px;
  height: 10px;
  border-right: 2px solid currentColor;
  border-bottom: 2px solid currentColor;
  transform: rotate(-45deg);
  transition: transform .2s ease;
  flex: none;
  opacity: .8;
}

details.cea-modern-details[open] > summary::after {
  transform: rotate(45deg);
}

/* Divider line under summary */
details.cea-modern-details[open] > summary {
  border-bottom: 1px solid #eef0f3;
}

/* Body */
details.cea-modern-details > .details-wrapper {
  padding: 12px 16px 16px;
  color: #374151;
}

/* Subtext */
details.cea-modern-details .details-description {
  display: block;
  font-size: .95rem;
  line-height: 1.5;
  color: #4b5563;
}

/* Links inside */
details.cea-modern-details a {
  text-decoration: underline;
  text-underline-offset: 2px;
}

/* Simple open/close animation */
details.cea-modern-details > .details-wrapper {
  opacity: 0;
  transform: translateY(-4px);
  transition: opacity .18s ease, transform .18s ease;
}
details.cea-modern-details[open] > .details-wrapper {
  opacity: 1;
  transform: translateY(0);
}

/* Respect reduced motion */
@media (prefers-reduced-motion: reduce) {
  details.cea-modern-details > .details-wrapper,
  details.cea-modern-details > summary::after {
    transition: none;
  }
}


/* EDIT FORM — AC lines table: mobile stack (AJAX-safe selectors) */
@media (max-width: 640px) {
  /* target the table by stable attribute (handles --2, --3, …) */
  table[data-drupal-selector^="edit-cea-ac-lines-items"] thead { 
    display: none !important; 
  }

  table[data-drupal-selector^="edit-cea-ac-lines-items"],
  table[data-drupal-selector^="edit-cea-ac-lines-items"] tbody,
  table[data-drupal-selector^="edit-cea-ac-lines-items"] tr,
  table[data-drupal-selector^="edit-cea-ac-lines-items"] td {
    display: block !important;
    width: 100% !important;
  }

  table[data-drupal-selector^="edit-cea-ac-lines-items"] tr {
    border: 1px solid #e6e8eb !important;
    border-radius: 12px !important;
    background: #fff !important;
    box-shadow: 0 2px 10px rgba(16,24,40,.05) !important;
    padding: 8px 12px !important;
    margin: 0 0 12px !important;
  }

  table[data-drupal-selector^="edit-cea-ac-lines-items"] td {
    border: 0 !important;
    border-bottom: 1px solid #eef1f4 !important;
    padding: 8px 0 !important;
    position: relative !important;
    white-space: normal !important;
    word-break: break-word !important;
    overflow-wrap: anywhere !important;
  }
  table[data-drupal-selector^="edit-cea-ac-lines-items"] td:last-child {
    border-bottom: 0 !important;
    padding-bottom: 0 !important;
  }

  /* auto labels */
  table[data-drupal-selector^="edit-cea-ac-lines-items"] td::before {
    display: block !important;
    margin: 0 0 4px !important;
    color: #5b6573 !important;
    font-weight: 700 !important;
    content: "";
  }
  table[data-drupal-selector^="edit-cea-ac-lines-items"] td:nth-child(1)::before { content: "Α/Α"; }
  table[data-drupal-selector^="edit-cea-ac-lines-items"] td:nth-child(2)::before { content: "Μάρκα"; }
  table[data-drupal-selector^="edit-cea-ac-lines-items"] td:nth-child(3)::before { content: "Σειρά"; }
  table[data-drupal-selector^="edit-cea-ac-lines-items"] td:nth-child(4)::before { content: "Μοντέλο"; }
  table[data-drupal-selector^="edit-cea-ac-lines-items"] td:nth-child(5)::before { content: "Φωτογραφία παλιάς μονάδας"; }

  /* make file links wrap nicely */
  table[data-drupal-selector^="edit-cea-ac-lines-items"] td a {
    display: inline-block !important;
    max-width: 100% !important;
    white-space: normal !important;
    word-break: break-word !important;
    overflow-wrap: anywhere !important;
  }

  /* ops (+/−) area */
  table[data-drupal-selector^="edit-cea-ac-lines-items"] td.webform-multiple-table--operations,
  table[data-drupal-selector^="edit-cea-ac-lines-items"] td.webform-multiple-table--operations-two {
    display: flex !important;
    align-items: center;
    gap: 10px;
  }
  table[data-drupal-selector^="edit-cea-ac-lines-items"] td.webform-multiple-table--operations input.image-button[type="image"],
  table[data-drupal-selector^="edit-cea-ac-lines-items"] td.webform-multiple-table--operations-two input.image-button[type="image"] {
    width: 22px !important;
    height: 22px;
    margin: 0 !important;
    padding: 0 !important;
  }

  /* also relax the Bootstrap wrapper on mobile; match id with suffixes */
  [id^="edit-cea-ac-lines"] .table-responsive { 
    overflow-x: visible !important; 
  }
  .table > :not(caption) > * > * {
  padding: .5rem .5rem;
  color: var(--bs-table-color-state,var(--bs-table-color-type,var(--bs-table-color)));
  background-color: #fff;
  border-bottom-width: var(--bs-border-width);
  box-shadow: unset;
}

.webform-submission-form .fieldset-wrapper {
  display: grid;
  gap: 12px;
  padding: 0px;
  border: none;
}

}

.site-footer {
  background: #3e3e3e;
}



/* Optional: also flip during desktop hover-open */
@media (min-width: 991.98px) and (hover: hover) {
  .navbar-nav .dropdown:hover > a.nav-link::before {
    transform: translateY(-50%) rotate(180deg);
  }
  .navbar-nav .dropdown > a.nav-link {
    pointer-events: none; /* no navigation on click */
  }
  .navbar-nav .dropdown-menu > .dropdown:hover > .dropdown-menu { display: flex; }
}


@media (min-width: 991.98px) {
  .navbar-expand-lg .navbar-collapse {
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
  }
  
#CollapsingNavbar { display: flex; align-items: center; }
#CollapsingNavbar .region-primary-menu { margin-right: auto; }
}


/* mobile (<768px): stack */
@media (max-width: 767.98px) {
    
#sidebar_second {
  flex: 0 0 40%;
  max-width: 40%;
}
}

/* desktop (<1440px): stack */
@media (max-width: 1440px) {
#homebuttons { 
    width: 460px;
max-width: 85%;     
padding-top: 40px;
 padding-bottom:20px;
}


}


/* desktop (<1199px): stack */
@media (max-width: 1199px) {
    
    .category-section.sxediopage .category {
  display: flex;
  flex-direction: row;
  gap: 16px;
  align-items: flex-start;
  max-width: 390px;
  flex: 1 1 420px;
  align-items: center;
}

.category-section.sxediopage .category__bubble {
    min-height: 120px;
}

#homebuttons { 
    width: 350px;
max-width: 100%;     
padding-top: 40px;
 padding-bottom:20px;
}
#sidebar_second {
  flex: 0 0 40%;
  max-width: 40%;
}

.hometext{
      padding-top:0px;
max-width:550px;
}

#block-cea-ahk-category-selection .divider {
  width: 1px;
  height: 220px;
  background: #00a3e0;
  opacity: .9;
}
.hometext h4 {
  line-height: 1.4;
  font-size: 2.5rem;
}
.hometext .ahkplushome {
  font-size: 2.8rem;
  color: #0099d8;
  font-weight: bold;
}
.hometext h5 {
  padding-top: 0px;
  font-size: 1.3rem;
  max-width: 650px;
}
#block-cea-ahk-category-selection .category {
  display: flex;
  flex-direction: column-reverse;
  gap: 16px;
  align-items: flex-start;
  max-width: 560px;
  flex: 1 1 220px;
  align-items: center;
}
.acategory {
  max-width: 300px;
  padding-top: 50px;
}
.bcategory {
  max-width: 300px;
  padding-top: 50px;
}
#block-cea-ahk-category-selection .content .category-section {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 48px;
  flex-wrap: wrap;
  padding: 32px 0;
}

#block-cea-ahk-privacy{
      width: 45%;
      text-align: center;
}

#block-cea-ahk-lemonhub{
   float:right; width:25%; 
   font-size: 1rem;
   text-align: end;
}

#block-cea-ahk-copyrightfooter {
  float:left; width:30%;
}

}

/* desktop (<1199px): stack */
@media (max-width: 1024px) {
#homebuttons { 
    width: 350px;
max-width: 100%;     
padding-top: 40px;
 padding-bottom:0px;
}


}



/* mobile (<991px): stack */

@media (max-width: 991.98px) {
    
    .category-section.sxediopagea {
  display: flex;
  align-items: center;
  justify-content: start;
  gap: 25px;
  flex-wrap: wrap;
  padding: 40px 0px 30px 40px;
}

 .category-section.sxediopageb {
  display: flex;
  align-items: center;
  justify-content: start;
  gap: 25px;
  flex-wrap: wrap;
  padding: 40px 0px 30px 40px;
}
    
    
      #sidebar_second {
   flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
    .hometext{
    padding-top:0px;
max-width:550px;
}

section.row.region.region-top-header .img-fluid {
  max-width: 50%;
  height: auto;
  z-index: 9999;
  position: relative;
  margin-bottom: 10px;
}

.flexbuttons .aitisib{
    margin-top:10px;
}

.row.region.region-top-header-form {
  display: none;
}
.navbar > .container {
  justify-content: end!important;
}
.navbar-nav {
  gap: 0px;
}
.form-inline.navbar-form.justify-content-end {
  border-top: solid #f0f8ff36 1px;
  margin-top: 30px;
}
#navbar-main {
  background-color: #0099d8;
  padding-top: 10px;
  margin-top: -39px;
}
section.row.region.region-header-form .nav-link {
  padding: .8rem 1rem;
}
#block-cea-ahk-privacy{
    float:left; width:100%;
    text-align: start;
     margin-bottom: -10px;
}

#block-cea-ahk-lemonhub{
   float:right; width:100%; 
   font-size: 1rem;
   margin-top: 12px;
   text-align: start;
}
#block-cea-ahk-copyrightfooter {
  width:100%;
     text-align: start;
}


#homebuttons { 
    width: 500px; 
    max-width: 100%; 
    margin-left: 0px;
  margin-top: 10px;
  margin-bottom: 0px;
}

#block-cea-ahk-cealogoandinfo {
  width: 100%;
  font-size: 1rem;
  margin-top: 12px;

}
.logocea img {
  vertical-align: middle;
  border-style: none;
}
#block-cea-ahk-eisodos {
  display: none;
}
.path-frontpage #main-wrapper { 
 /* The image used */
background-color: #b2dcf3;

  /* Center and scale the image nicely */
  background-position: top center;
  background-repeat: no-repeat;
  background-size: cover;
}
  /* Position the dropdown properly */
#block-cea-ahk-aitiseiskatigoriaa .dropdown {
  position: relative;
  margin-top:0px!important;
}
  /* Position the dropdown properly */
#block-cea-ahk-aitiseiskatigoriab .dropdown {
  position: relative;
  margin-top:0px!important;
}
}

/* mobile (<768px): stack */
@media (max-width: 767.98px) {
    
      #block-cea-ahk-category-selection .category {
    display: flex;
    flex-direction: row;
    gap: 16px;
    align-items: flex-start;
    max-width: 560px;
    flex: 1 1 420px;
    align-items: center;
  }
  
    #block-cea-ahk-category-selection .divider {
    width: 1px;
    height: 0px;
    background: #00a3e0;
    opacity: 0;
  }
      #sidebar_second {
  display:none;
  }
    
    section.row.region.region-top-header .img-fluid {
  max-width: 65%;
  height: auto;
  z-index: 9999;
  position: relative;
  margin-bottom: 10px;
}
    
    .path-frontpage #main-wrapper { 
 /* The image used */
background-color: #b2dcf3;

  /* Center and scale the image nicely */
  background-position: top left;
  background-repeat: no-repeat;
  background-size: cover;
}

#homebuttons .hb-row {
    flex-direction: column;
    align-items: center;   /* centers the buttons horizontally */
    gap: 20px;
max-width:230px;
  }

    .logocea img{
    display: block;
    margin: 8px 0 0;   /* space above the image */
  }
  
  #homebuttons { 
  margin-top: 40px;
    margin-bottom: 20px;
    width: 500px;
    max-width: 100%;
    padding: 0 20px;
    display: flex;
    flex-direction: column;
    text-align: center;
    align-items: center;
}

 .hometext{
max-width:100%;
}

.hometextsub{
    padding-top:20px;
    font-size:0.9rem;
    max-width:500px;
    text-align:center;
}
.webform-submission-form .form-actions {
  align-self: flex-end;
  display: flex;
  gap: 10px;
  flex-direction:column;
}

}

@media (max-width: 640px) {
    
    .category-section.sxediopage {
    gap: 5px;
}
    
     .hometext {
    max-width: 100%;
    text-align: center;
  }
  
    .category--b{
        padding-top:40px;
    }
    
      #block-cea-ahk-category-selection .content .category-section {
    display: flex;
    align-items: start;
    justify-content: space-between;
    gap: 0px;
    flex-wrap: wrap;
    padding: 32px 0;
    flex-direction: row;
    align-content: center;
  }
  
    #block-cea-ahk-category-selection .category__icon img {
  width: 240px;
  max-width: 70vw;
  height: auto;
  display: block;
}
    
      #block-cea-ahk-category-selection .category {
    display: flex;
    flex-direction: column-reverse;
    gap: 16px;
    align-items: flex-start;
    max-width: 560px;
    flex: 1 1 420px;
    align-items: center;
  }
    
  .grant-table thead { display: none; }

  .grant-table tr {
    display: block;
    margin-bottom: 1rem;
    border: 1px solid #e5e7eb;
    border-radius: .75rem;
    overflow: hidden;
  }

  .grant-table td {
    display: flex;                    /* use flex instead of grid */
    align-items: flex-start;
    gap: .5rem;
    border: none;
    border-bottom: 1px solid #e5e7eb;
    padding: .75rem 1rem;
  }
  .grant-table td:last-child { border-bottom: none; }

  .grant-table td::before {
    content: attr(data-label);
    font-weight: 600;
    flex: 0 0 46%;                    /* left column width */
    max-width: 46%;
    padding-right: 1rem;
  }
  /* right side (cell value) will naturally take the remaining ~54% */
}



/* ===== Compact spacing for small screens ===== */
@media (max-width: 478px) {
    
    .category-section.sxediopage .category__bubble {
        min-height: 140px;
    }
    
  section.row.region.region-top-header .img-fluid {
  max-width: 85%;
  height: auto;
  z-index: 9999;
  position: relative;
  margin-bottom: 12px;
}

}
/* ===== Compact spacing for small screens ===== */
@media (max-width: 360px) {
  section.row.region.region-top-header .img-fluid {
  max-width: 90%;
  height: auto;
  z-index: 9999;
  position: relative;
  margin-bottom: 12px;
}
}