/* ==== SIMPLE LAYOUT BASE ==== */
/* Center normal pages; keep one consistent width */
:root{ --page:1200px; --pad:24px; }
main, .entry-content, .ct-main, .site-main{
  max-width:var(--page);
  margin:0 auto;
  padding:0 var(--pad);
  box-sizing:border-box;
}

/* Make any block set to "Full width" actually span the page width (no weird math) */
.alignfull{
  width:100% !important;
  max-width:none !important;
  margin:0 !important;
  padding:0;
}

/* ==== BLOCK C (Kontakt hero) — full-width image with centered content ==== */
#block-c{
  width:100%;
  margin:0;
  background: center / cover no-repeat;
}
#block-c .wrap{
  max-width:var(--page);
  margin:0 auto;
  padding:120px var(--pad) 60px; /* top padding clears the header */
  box-sizing:border-box;
}
#block-c .card{
  max-width:820px;
  margin:16px auto 0;
  padding:20px;
  background:#0e0b16; /* solid so text always readable */
  border:1px solid rgba(255,255,255,.14);
  border-radius:16px;
  box-shadow:0 12px 30px rgba(0,0,0,.35);
}

/* Forms keep their width and stack cleanly */
#block-c input, #block-c select, #block-c textarea{
  width:100%; height:50px; padding:0 12px; border-radius:12px; border:1px solid #332a44;
  background:#171124; color:inherit; box-sizing:border-box;
}
#block-c textarea{ min-height:120px; padding:12px; height:auto; }

html, body{ overflow-x:hidden; } /* safety */

/* Removes unwanted page bottom space */
.page .entry-content {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

/* Final fix to eliminate content area constraints on the custom block */
.acme-landing {
    /* Disables theme's max-width/margin */
    width: 100% !important; 
    max-width: 100% !important;
    margin: 0 !important;
    transform: none !important;
    padding: 0 !important;
}

/* Ensure all parent containers are clean */
.entry-content, .site-main > div {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

/* Fix for text hugging screen edges on mobile */
@media (max-width: 768px) {
    /* Set a safe, readable margin for the main text wrapper */
    .acme-landing .content-wrapper {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }
    
    /* Ensure the Hero section text is also pulled in */
    .acme-landing .hero {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }

    /* Ensure Contact and Hours sections, which often rely on padding, are also fixed */
    .acme-landing .hours,
    .acme-landing .contact {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }

    /* Important: Keep side padding zeroed out on the outer section element 
       to ensure the background remains full-bleed */
    .acme-landing section {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
}