/*
 Theme Name: Divi Child
 Theme URI: https://www.elegantthemes.com/gallery/divi/
 Description: Divi Child Theme
 Author: Elegant Themes
 Author URI: https://www.elegantthemes.com
 Template: Divi
 Version: 1.0.0
*/
 
/* =Theme customization starts here
------------------------------------------------------- */


.header-poetsenon, .hero-internal{
	font-family: "Poetsen One", sans-serif;
}

.text-default{
	line-height: 24px !important;
}

/* Title block: keeps Divi alignment (left/center) working normally */
.header-poetsenon .et_pb_text_inner h2{
  position: relative;
  display: inline-block;      /* key: Divi can center it via text-align */
  padding-left: 34px;         /* icon width + gap */
  padding-right: 34px;
}

/* Decorations pinned to the block (not to a specific line) */
.header-poetsenon .et_pb_text_inner h2::before,
.header-poetsenon .et_pb_text_inner h2::after{
  content: "";
  position: absolute;
  width: 24.1px;
  height: 22.012px;
  background: url("/wp-content/uploads/2026/01/header-decoration.png") center / contain no-repeat;
  pointer-events: none;

  /* Anchor to first line visually (works well with your font-size/line-height) */
  top: 0.55em;
  transform: translateY(-50%);
}

/* Left */
.header-poetsenon .et_pb_text_inner h2::before{
  left: 0;
}

/* Right (mirrored) */
.header-poetsenon .et_pb_text_inner h2::after{
  right: 0;
  transform: translateY(-50%) scaleX(-1);
}

/*--- Title-center ---*/
.et_pb_module.et_pb_text.et_pb_text_3.header-poetsenon.title-center.et_pb_text_align_left.et_pb_bg_layout_light {
    text-align: center;
}

.weekly-card{
  --tile-h: 240px;
  --radius: 18px;
  --overlap: 70px; /* controls how much the diagonal pieces overlap */

  display: flex;
  align-items: stretch;
  border-radius: var(--radius);
  overflow: hidden; /* keeps rounded corners clean */
}

/* Each tile */
.weekly-tile{
  position: relative;
  flex: 1 1 0;
  min-width: 0;
  display: block;
}

/* Image fill */
.weekly-tile img{
  width: 100%;
  height: var(--tile-h);
  object-fit: cover;
  display: block;
}

/* Dark gradient for readability */
.weekly-tile::before{
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0,0,0,.65), rgba(0,0,0,0) 60%);
  pointer-events: none;
}

/* Text overlay */
.weekly-overlay{
  position: absolute;
  left: 16px;
  right: 16px;
  bottom: 14px;
  color: #fff;
  text-shadow: 0 2px 10px rgba(0,0,0,.55);
}

.weekly-title{
  font-weight: 700;
  font-style: italic;
  line-height: 1.05;
}

.weekly-price{
  margin-top: 8px;
  font-weight: 800;
}

/* Diagonal cuts + overlap to avoid white gap */
.weekly-left{
  clip-path: polygon(0 0, 86% 0, 70% 100%, 0 100%);
  margin-right: calc(var(--overlap) * -1);
  z-index: 2;
}

.weekly-right{
  clip-path: polygon(30% 0, 100% 0, 100% 100%, 14% 100%);
  margin-left: calc(var(--overlap) * -1);
  z-index: 1;
}

/* Days label */
.weekly-days{
  margin-top: 14px;
  text-align: center;
  color: #fff;
  font-weight: 700;
}

/* Mobile: stack cleanly */
@media (max-width: 767px){
  .weekly-card{
    display: grid;
    grid-template-columns: 1fr;
  }
  .weekly-left,
  .weekly-right{
    clip-path: none;
    margin: 0;
  }
  .weekly-tile img{
    height: 220px;
  }
}