:root {
  --elkem-red: #dc241d;
  --elkem-red-darker: #9a1914;
  --elkem-red-muted: rgba(220, 36, 29, 0.3);
  /*--elkem-red-toned-down: #efedee;*/
  --atomic-primary: var(--elkem-red);
  --atomic-primary-light: var(--elkem-red);
  --atomic-ring-primary: var(--elkem-red-muted);
  --tw-gradient-from: var(--elkem-red-muted);
  --tw-gradient-to: var(--elkem-red);


  --facet-width: 1fr;
  --main-width: 4fr;
  --result-width: 5fr;
  --sidebar-width: 2fr;
  --sidebar-hidden-spacer: 0fr;

  --margins: var(--atomic-layout-spacing-x);
}

body {
  margin: 0;
}

/* main area */

.tabs {
  display: flex;
  padding: 1.25rem 0;
  gap: 12px;
  grid-area: atomic-section-tabs;
}  


atomic-layout-section[section="pagination"] {
  * {
    margin: auto;
    padding: 3rem;
  }  
}  

.sidebar {
  grid-area: atomic-section-sidebar;
}  

/* search box */

atomic-search-box {
  margin: 0 0 0;
}

atomic-search-box::part(input) {
  /* max-width: 842px; */
  width: unset !important;
}
@media (max-width: 1023px){
  atomic-search-box {
    width: 100%;
  }
}
atomic-search-layout atomic-layout-section[section='search'] {
  width: 100% !important;
  grid-template-areas:
  'atomic-section-search .';
  display: grid;
  grid-gap: 0.825rem;
  grid-template-columns: var(--result-width) var(--sidebar-width);

  max-width: unset;
  max-width: unset !important;
  margin: 1.625rem 0 3rem;
  justify-self: center;
}
@media (max-width: 1023px) {
  atomic-search-layout atomic-layout-section[section='search'] {
    grid-template-columns: var(--result-width) var(--sidebar-hidden-spacer);
  }
}


/* layout  */

atomic-search-layout {
  height: auto;
  max-width: 2700px;
  margin: 0 auto;
}

atomic-search-interface {
  margin: 0 0 1.275rem; 
}

atomic-search-layout {
  grid-template-columns: var(--margins) var(--facet-width) var(--main-width) var(--margins) !important;
}

@media (max-width: 1023px){
  atomic-search-layout {
    grid-template-columns:0fr  auto !important;
  }
}

atomic-search-layout atomic-layout-section[section='results'] {
  grid-area: atomic-section-results;
}  
atomic-search-layout atomic-layout-section[section='main'] {
  grid-template-areas: 
  'atomic-section-tabs atomic-section-sidebar'
  'atomic-section-status atomic-section-sidebar'
  'atomic-section-results atomic-section-sidebar'
  'atomic-section-pagination .';
  display: grid;
  grid-gap: 0.825rem;
  grid-template-columns: var(--result-width) var(--sidebar-width);
}  
@media (max-width: 1023px) {
  atomic-search-layout atomic-layout-section[section='main'] {
    grid-template-columns: var(--result-width) var(--sidebar-hidden-spacer);
  }
}

.atomic-notifications {
  margin-bottom: 1rem;
}