/*
 Theme Name: SFPLJ OJNSA
 Theme URI: https://u-digital.nl
 Author: U.B.V
 Version: 1.0.0

 Template: twentytwentyfive
 Text Domain: sfplj-ojnsa
*/


/* Import parent theme styles */
@import url("../twentytwentyfive/style.css");

.content-container, .text-container{
    margin-block-start: 0 !important;
}

footer{
    margin-block-start: 0 !important
} 
/* --- Card grid ---------------------------------------------------------- */
.sfplj-cardgrid .wp-block-columns{
  gap: 32px;                 /* real gap */
  align-items: stretch;      /* equal height cols */
}

/* Neutralize Gutenberg's column margins just in this grid */
.sfplj-cardgrid .wp-block-columns > .wp-block-column{
  margin-block-start: 0 !important;
  margin-block-end: 0 !important;
}

/* Card as a flex column so the CTA can stick to the bottom */
.sfplj-cardgrid .sfplj-card{
  display: flex;
  flex-direction: column;
  height: 100%;
}

/* Header row: center title+badge as one unit */
.sfplj-cardgrid .sfplj-card-head{
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    min-height: 40px;
    width: 100%;

    max-width: unset !important;
    margin-left: unset !important; 
    margin-right: unset !important; 
}

/* Additional Design for card grid head */
.sfplj-cardgrid .sfplj-card-head .wp-block-columns {
  width: 100%;
  align-items: center !important;
}

.sfplj-cardgrid  .sfplj-card-head .wp-block-columns .wp-block-image img {
  height: 80px;
  width: auto;
  object-fit: contain !important;
}

/* Badge sizing so both sides look identical */
.sfplj-cardgrid .sfplj-badge{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  /*min-width: 54px;*/
  padding: 8px 10px;
  border-radius: 8px;
  text-align: center;
  margin-bottom: 10px !important;
}

/* Description grows to fill middle */
.sfplj-cardgrid .sfplj-card-desc{
  flex: 1 1 auto;
}

/* CTA at the bottom */
.sfplj-cardgrid .sfplj-card-cta{
  margin-top: auto;
  max-width: unset !important;
    margin-left: unset !important; 
    margin-right: unset !important; 
}

/* Danger box additional image */
.is-style-sfplj-danger-box .image-area {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 20px;
}

.is-style-sfplj-danger-box .image-area .wp-block-image:last-child {
  margin-block-start: 0;
}

.is-style-sfplj-danger-box .image-area img {
  width: auto;
  height: 150px;
}