/* OHS Footer — layout/theme for [ohs_footer]. Colours = kit palette vars,
   spacing = --ohs-space-* tokens, type = kit (labels are <h6> = Eyebrow role).
   Horizontal gutter = --ohs-page-x (shared with the header). */

.ohs2-footer {
  display:grid;
  grid-template-columns:1fr 1fr 1fr;   /* equal thirds => brand wordmark is page-centered */
  grid-template-areas:
    "links  brand  info"
    "social brand  info";
  background:var(--e-global-color-clr_white);
  color:var(--e-global-color-text);
  padding:0 var(--ohs-page-x);   /* horizontal gutter only; vertical padding lives on the zones
                                    so the dividers span the FULL footer height */
}

/* zones */
.ohs2-foot-links { grid-area:links;  display:flex; gap:var(--ohs-space-3xl); padding:var(--ohs-space-2xl) var(--ohs-space-xl) 0 0; }
.ohs2-foot-social{ grid-area:social; display:flex; gap:var(--ohs-space-sm); align-items:flex-end; padding:0 var(--ohs-space-xl) var(--ohs-space-2xl) 0; }
.ohs2-foot-brand { grid-area:brand;  display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center;
                   border-left:1px solid var(--e-global-color-text); padding:var(--ohs-space-2xl) var(--ohs-space-xl); }
.ohs2-foot-info  { grid-area:info;   text-align:right; display:flex; flex-direction:column; gap:var(--ohs-space-lg);
                   border-left:1px solid var(--e-global-color-text); padding:var(--ohs-space-2xl) 0 var(--ohs-space-2xl) var(--ohs-space-xl); }

/* labels (<h6> already = Eyebrow role from the kit) */
.ohs2-foot-label { margin:0 0 var(--ohs-space-md); }

/* link columns (from WP menus) */
.ohs2-foot-list { list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:var(--ohs-space-xs); line-height:1.3; }
.ohs2-foot-list li { margin:0; }
.ohs2-foot-list a, .ohs2-foot-social a { color:var(--e-global-color-text); text-decoration:none; }
.ohs2-foot-list a:hover, .ohs2-foot-social a:hover { color:var(--e-global-color-primary); }

/* opening hours / address — tighter line spacing */
.ohs2-foot-lines { display:flex; flex-direction:column; gap:var(--ohs-space-2xs); line-height:1.3; }

/* social icons (provided SVGs) — fixed, consistent size */
.ohs2-foot-social a { line-height:0; }
.ohs2-foot-social svg { width:24px; height:24px; }

.ohs2-foot-logo svg { width:280px; height:auto; display:block; }
.ohs2-foot-logo svg path { fill:var(--e-global-color-text); }
.ohs2-foot-copy { margin:var(--ohs-space-sm) 0 0; font-size:var(--e-global-typography-accent-font-size); }

/* ---- Mobile (matches mobile comp): single column, INFO|KONTAKT in a bordered
   2-col box with a centre divider, ADDRESS only (hours hidden), centered. ---- */
@media (max-width:1024px){
  .ohs2-footer {
    grid-template-columns:1fr;
    grid-template-areas:"links" "info" "social" "brand";
    gap:var(--ohs-space-2xl);
    padding:0 0 var(--ohs-space-2xl);   /* no top padding/line; sides 0 so the rule reaches the edges */
    text-align:center;
  }
  /* columns box: full-width BOTTOM rule only; centre divider spans the full box */
  .ohs2-foot-links {
    display:grid; grid-template-columns:1fr 1fr; gap:0; padding:0; text-align:left;
    border-bottom:1px solid var(--e-global-color-text);
  }
  .ohs2-foot-links .ohs2-foot-col { padding:var(--ohs-space-2xl) var(--ohs-space-md); }  /* big space above/below labels */
  .ohs2-foot-links .ohs2-foot-col:first-child { padding-left:var(--ohs-space-2xl); }   /* more inset for INFO */
  .ohs2-foot-links .ohs2-foot-col:last-child  { padding-left:var(--ohs-space-xl); }    /* a bit for KONTAKT */
  .ohs2-foot-links .ohs2-foot-col + .ohs2-foot-col { border-left:1px solid var(--e-global-color-text); }

  /* centered zones keep their content inset from the edges */
  .ohs2-foot-brand, .ohs2-foot-info, .ohs2-foot-social { border-left:0; padding:0 var(--ohs-space-md); }
  .ohs2-foot-info  { text-align:center; align-items:center; gap:var(--ohs-space-lg); }
  .ohs2-foot-hours { display:none; }            /* mobile shows STUDIO ADRESSE only */
  .ohs2-foot-social{ justify-content:center; align-items:center; gap:var(--ohs-space-md); }
  .ohs2-foot-logo svg { width:230px; }
}