:root {
  --brand-color: #00F5CC !important;
  --brand-color-dark: #00c8a4 !important;
  --text-main: #333 !important;
  --text-light: #4a4a4a !important;
}
    *{ 
    	margin: 0;
    	padding: 0; 
    	box-sizing: border-box; 
    }
    body, html { 
    	font-family: Arial, sans-serif; 
    }

    header {
      flex-wrap: wrap; /* Επιτρέπει αναδίπλωση σε πολλές γραμμές */
      height: auto; /* Αυτόματο ύψος */
      align-items: center;
      padding: 0 20px;
      min-height: 64px; /* Ελάχιστο ύψος */
      background-color: white;
      border-bottom: 1px solid #e5e5e5;
      gap: 20px;
      box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    }
    header.navbar {
      position: relative; /* Πολύ σημαντικό */
      width: 100%;
      z-index: 999;
      background-color: white;
    }

    .logo {
      font-size: 24px;
      font-weight: bold;
      color: #6c3ef4;
    }

    .menu-item {
      font-size: 14px;
      color: #333;
      padding: 6px 12px;
      border-radius: 6px;
      cursor: pointer;
    }

    .search {
      flex: 1;
      position: relative;
    }

    

    .actions {
	  display: flex;
	  gap: 10px;
	  align-items: center;
	  flex-wrap: wrap;
	}

    .actions a.btn  {
        font-size: 14px;
        padding: 8px 16px;
        border-radius: 999px;
        border: none;
        cursor: pointer;
        white-space: nowrap;
    }
    .actions a.btn:hover{
	  opacity: 0.85;
	}

  /* Primary κουμπί (ενεργό κουμπί) */
.primary {
  background-color: rgb(20, 253, 209) !important;
  color: #000;
  border: 1px solid rgb(20, 253, 209) !important;
  font-weight: bold;
  padding: 8px 18px;
  border-radius: 30px;
  box-shadow: 0 2px 6px rgba(0,0,0,0.1);
  transition: 0.3s ease-in-out;

}

.primary:hover {
  background-color: rgb(17, 230, 190);
}
.btn {
  font-size: 14px;
  padding: 8px 16px;
  border-radius: 999px;
  border: none;
  cursor: pointer;
  white-space: nowrap;
  text-decoration: none;
  transition: all 0.3s ease-in-out;
  display: inline-block;
  font-weight: 500 !important;
border: none;
}

/* Μαύρο outline κουμπί */
.outline {
  background: transparent;
  color: #000 !important;
  border: 1px solid #000;
  font-weight: 600;
  padding: 8px 16px;
  border-radius: 30px;
  transition: all 0.3s ease-in-out;
  font-weight: 500 !important;
  border: none;
}

.outline:hover {
  background-color: rgb(20, 253, 209);
  color: #000 !important;
  border-color: rgb(20, 253, 209);
  box-shadow: 0 0 10px rgba(20, 253, 209, 0.3);
}

/* Αν τα έχεις ως απλό link χωρίς κουμπί look */
.actions a {
  text-decoration: none;
}


    @media (max-width: 768px) {
      .mobile-title {
        top:0% !important;
        position: inherit !important;
      }
    }

      @media (max-width: 991.98px) {
        .actions {
          display: none !important;
        }
        
        .navbar-toggler {
          display: block !important;
        }
        
        .logoimg {
          height: 26px;
        }
      }
      //* Offcanvas menu styles */
      .offcanvas-body a.btn {
		  font-size: 16px;
		  padding: 12px 16px;
		}

    .navbar-toggler {
      border: none;
      padding: 0.25rem 0.5rem;
    }

    .navbar-toggler:focus {
      box-shadow: none;
    }


.actions a.active {
  box-shadow: inset 0 -2px 0 #6c3ef4;
}



.btn-primary {
  background-color: rgb(20, 253, 209);
  color: #000;
  border: 2px solid rgb(20, 253, 209);
  padding: 10px 20px;
  font-weight: bold;
  border-radius: 30px;
  transition: all 0.3s ease-in-out;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
}

.btn-primary:hover {
  background-color: rgb(17, 230, 190);
  color: #000;
  border-color: rgb(17, 230, 190);
  box-shadow: 0 0 12px rgba(20, 253, 209, 0.4);
}


a.custom-link {
  color: rgb(20, 253, 209);
  text-decoration: none;
  font-weight: 600;
  transition: all 0.3s ease-in-out;
}

a.custom-link:hover {
  color: #000;
  text-decoration: underline;
}

.text-dark {
  color: #343a40 !important;
}