/*
Theme Name: A Table for Art Editable v2.9
Theme URI: https://a-table-for-art.de
Description: Child theme fixes for the A Table for Art Webflow migration.
Author: A Table for Art
Version: 2.9
Template: a-table-for-art-theme-v0.3
Text Domain: a-table-for-art-editable
*/


/* v0.6 — mobile alignment fixes based on the original Webflow mobile layout */
html, body {
  max-width: 100%;
  overflow-x: hidden;
}

@media screen and (max-width: 479px) {
  /* Keep Webflow's one-column upcoming-editions layout, but remove the
     desktop-only left padding that makes the titles wrap on narrower phones. */
  #w-node-aa43ce84-75b8-5aa9-d537-42822c1281f8-02414eac,
  .quick-stack-3 {
    grid-template-columns: 1fr !important;
    width: 100%;
  }

  .quick-stack-3 .cell-2,
  .quick-stack-3 .cell-3,
  .quick-stack-3 .cell-4 {
    width: 100%;
    padding-left: 0 !important;
    text-align: center;
    align-items: center;
    justify-content: center;
  }

  .quick-stack-3 .heading-3 {
    width: 100%;
    max-width: none;
    margin-left: auto;
    margin-right: auto;
    white-space: nowrap;
  }

  .quick-stack-3 .paragraph-2,
  .quick-stack-3 .paragraph-3,
  .quick-stack-3 .paragraph-4 {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
  }

  /* Guard against theme/customizer viewport overflow while keeping the
     original Webflow proportions. */
  .section,
  .container,
  .home-content-wrap,
  .w-layout-layout,
  .w-layout-grid,
  .w-row {
    max-width: 100%;
  }

  img {
    max-width: 100%;
  }
}

/* v0.7 — mobile three-image gallery: show only the center image */
@media screen and (max-width: 479px) {
  .quick-stack-2 {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  .quick-stack-2 > .w-layout-cell:first-child,
  .quick-stack-2 > .w-layout-cell:last-child {
    display: none !important;
  }

  .quick-stack-2 > .w-layout-cell:nth-child(2) {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 auto !important;
    padding: 0 !important;
  }

  .quick-stack-2 > .w-layout-cell:nth-child(2) img {
    display: block !important;
    width: auto !important;
    max-width: 100% !important;
    height: auto !important;
    margin: 0 auto !important;
    object-fit: contain !important;
  }
}


/* v0.9 — Webflow branding removed as a fallback */
.webflow-link { display: none !important; }


/* v1.0 — company-page image fixes */
.intro-header.cc-subpage.firmenheader {
  background-position: 50% 55% !important;
  background-repeat: repeat !important;
  background-size: cover !important;
}

/* v1.6 — dynamically expandable review grid */
.atfa-editions-grid { align-items: start; }
.atfa-edition-card { min-width: 0; }
.atfa-edition-card .project-cover-pic { width: 100%; height: auto; display: block; object-fit: cover; }
.atfa-edition-placeholder { aspect-ratio: 4 / 3; background: #f3f0ed; }
@media screen and (max-width: 767px) {
  .atfa-editions-grid { grid-template-columns: 1fr !important; }
}

/* v1.8 — Edition gallery: genuinely equal-sized tiles */
.atfa-edition-gallery {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  grid-auto-rows: 1fr !important;
  gap: 20px !important;
  align-items: stretch !important;
}

.atfa-edition-gallery > .atfa-edition-gallery-image {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  aspect-ratio: 4 / 5 !important;
  object-fit: cover !important;
  object-position: center center !important;
  margin: 0 !important;
  max-width: none !important;
}

@supports not (aspect-ratio: 4 / 5) {
  .atfa-edition-gallery > .atfa-edition-gallery-image {
    height: 520px !important;
  }
}

@media screen and (max-width: 767px) {
  .atfa-edition-gallery {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px !important;
  }
}

@media screen and (max-width: 479px) {
  .atfa-edition-gallery {
    grid-template-columns: 1fr !important;
    gap: 16px !important;
  }
}

/* v2.0 native WordPress menu */
.atfa-native-menu{display:flex;align-items:center;gap:0;list-style:none;margin:0;padding:0;}
.atfa-native-menu li{margin:0;padding:0;}
.navigation-items .atfa-native-menu .navigation-item{display:block;}
@media screen and (max-width: 991px){.atfa-native-menu{display:block;}}
.atfa-legal-editable{padding:60px 20px;}
.atfa-legal-editable .w-container{max-width:1100px;margin:0 auto;}


/* v2.3: make native WordPress menu visually match the original Webflow navigation */
.navigation-items .atfa-native-menu {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 38px !important;
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}
.navigation-items .atfa-native-menu > li {
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
}
.navigation-items .atfa-native-menu > li > a {
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
  text-decoration: none !important;
  white-space: nowrap !important;
}
@media screen and (max-width: 991px) {
  .navigation-items .atfa-native-menu {
    display: block !important;
  }
  .navigation-items .atfa-native-menu > li > a {
    display: block !important;
  }
}


/* v2.9 — unify CTA button typography across the whole site */
.primary-button,
.secondary-button,
.button,
.button-2,
.button-3,
.button-4,
.w-button {
  font-size: 13px !important;
  line-height: 1.2 !important;
  text-transform: uppercase !important;
  letter-spacing: 2px !important;
  font-weight: 400 !important;
}

.primary-button *,
.secondary-button *,
.button *,
.button-2 *,
.button-3 *,
.button-4 *,
.w-button * {
  font-size: inherit !important;
  line-height: inherit !important;
  text-transform: inherit !important;
  letter-spacing: inherit !important;
  font-weight: inherit !important;
}