/*
Theme Name: XING Child
Author: NEW WORK SE
Author URI: https://xing.com
Description: Description
Template: xing
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
Text Domain: xing

*/

/* Hide Consent Banner Logo */
.eMNcwX {
  display: none !important;
}

header {
  margin-bottom:10px
}

a, a:visited {
	color:#5A92FF;
}
/* Logo adjustment */ 
.site-title {
    background-size: 250px;
  	width: 300px;
	height: 50px; 
}

/* Job Posting */
.no_icon::before {
  content: none !important;
}
.single_job_listing .meta li
{color:#000;}

.single_job_listing .company {border:none;}

.application, .application a, .application a:visited {
	text-align:center;
	background-color: #774FFF;
  	font-size: 1.2rem;
  	color: #FFFFFF !important;
    font-weight: bold;
    white-space: nowrap;
    border: 2px solid transparent;
    border-radius: 18px;
}
.application a:hover {
	color:#000000 !important;
	text-decoration:none;
}

/* search.php */
.jobsearch {  
    max-width: 964px;
    margin: 0 auto;
  }

/* single.php to full width*/
.site, .site-main {
    max-width: 100%; /* Container auf volle Breite */
    margin: 0;       /* Abstand entfernen */
    padding: 0;
}

.site-content {
    max-width: 100%;
    margin: 0;
    padding: 0;
}

.entry-content {
    max-width: 100%;
}

/* Search Form */
.jobs_search_form {
background: linear-gradient(to bottom, #774FFF, #DFD2FF);
  padding: 20px;
  border-radius: 8px;
  width: 100%;
  max-width: 100%;
  margin: 0 auto;
  box-shadow: 0 6px 32px rgba(60,60,80,0.06);
  margin-bottom:20px;
  margin-top:20px;
}
.jobs_search_form form .inputs-wrapper {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  justify-content: center;
  align-items: center;
}

.jobs_search_form form .inputs-wrapper { align-items: flex-end; }

.inputs-wrapper label,
.inputs-wrapper button {
  flex: 1 1 0 ;
  display: flex;
  flex-direction: column;
  font-weight: 500;
  color: #434346;
  margin: 0;
}
input[type="search"], input[type="text"] {
  margin-top: 0.4em;
  padding: 0.7em 1em;
  border: 1px solid #ccc;
  border-radius: 6px;
  font-size: 1em;
  transition: border-color 0.2s;
  background: #fff;
}
input:focus {
  border-color: #1570EF;
  outline: none;
}
button[type="submit"] {
  background: #000000;
  color: #fff;
  font-weight: 600;
  border-radius: 8px;
  padding: 0.85em 2em;
  cursor: pointer;
  font-size: 1em;
  box-shadow: 0 2px 12px rgba(21,112,239,0.08);
  transition: background .2s;
  white-space: nowrap;

}
button[type="submit"]:hover {
  background: #F0F4FF;
	  color: #000;
}

.jobs_search_form input[name="jobtitle"],
.jobs_search_form input[name="location"] {
  flex: 0 0 35%;
  min-width: 400px;
}

@media (max-width: 600px) {
  .inputs-wrapper {
    flex-direction: column;
    gap: 0.8em;
  }
  button[type="submit"] {
    align-self: stretch;
    width: 100%;
  }
  .jobs_search_form {
    padding: 1.5em 1em;
  }
}



/* Job Listing Cards */
.job-card {
  display: flex;
  align-items: flex-start;
  gap: 16px;
  padding: 16px;
  border-radius: 12px;
  background-color: #fff;
  box-shadow: 0 2px 6px rgba(0,0,0,0.05);
  font-family: system-ui, sans-serif;
  max-width: 100%;
}

.job-logo img {
  width: 92px;
  height: 92px;
  object-fit: cover;
  border-radius: 6px;
  background-color: #f0f0f0;
}

.job-details {
  flex: 1;
}

.label-early {
  display: inline-block;
  font-size: 12px;
  background-color: #f0e8ff;
  color: #a557d6;
  border-radius: 12px;
  padding: 4px 8px;
  font-weight: 500;
  margin-bottom: 4px;
}

.job-title {
  font-size: 18px;
  font-weight: 700;
  margin: 4px 0;
  color: #000;
}
.job-title_jb a:hover{
color: #774FFF !important;	
}

.job-location,
.job-company {
  font-size: 14px;
  margin: 2px 0;
  color: #333;
}

.job-type {
  display: inline-block;
  font-size: 12px;
  background-color: #f2f2f2;
  color: #333;
  padding: 4px 8px;
  border-radius: 8px;
  margin-top: 4px;
}

.job-posted {
  font-size: 12px;
  color: #557;
  margin-top: 6px;
}

/* Local Jobtitle Linkbox */
.jobrole-city-links {
	margin-top: 20px;
}

.jobrole-city-links ul {
  list-style: none;         
  margin: 0;
  padding: 0;
  display: flex;             
  justify-content: center;   
  flex-wrap: wrap;
  gap: 10px;
}

.jobrole-city-links ul li a {
  display: block;
  background-color: #F8F9FB; 
  padding: 10px 15px;
  border-radius: 10px;        
  text-decoration: none;     
  color: #333;               
  white-space: nowrap;       /* Immer einzeilig */
  transition: background-color 0.3s;
}

.jobrole-city-links ul li a:hover {
  background-color: #ccc;    
}

/* === HTML Sitemap Grid Layout === */
.sitemap-grid {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 16px;
  margin: 0;
  padding: 0;
}

/* Each element in a "column" */
.sitemap-grid a {
  display: block;
  flex: 0 1 calc(33.333% - 12px); /* 3 columns desktop */
  border: 1px solid rgb(219, 226, 230); 
  border-radius: 6px;
  padding: 12px 16px;
  color: inherit;
  text-decoration: none;
  background-color: #fff;
  transition: border-color 0.2s ease, background-color 0.2s ease;
}

/* Hover-Effekt */
.sitemap-grid a:hover {
  border-color: #a7b0b5;
  background-color: #f9fafa;
}

/* Tablet: 2 columns */
@media (max-width: 900px) {
  .sitemap-grid a {
    flex: 0 1 calc(50% - 10px);
  }
}

/* Mobil: 1 column */
@media (max-width: 600px) {
  .sitemap-grid a {
    flex: 0 1 100%;
  }
}