.elementor-10343 .elementor-element.elementor-element-8251701{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:stretch;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-10343 .elementor-element.elementor-element-8251701:not(.elementor-motion-effects-element-type-background), .elementor-10343 .elementor-element.elementor-element-8251701 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-10343 .elementor-element.elementor-element-d7106ae{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--gap:40px 40px;--row-gap:40px;--column-gap:40px;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-10343 .elementor-element.elementor-element-d7106ae:not(.elementor-motion-effects-element-type-background), .elementor-10343 .elementor-element.elementor-element-d7106ae > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-6b0190b );}.elementor-10343 .elementor-element.elementor-element-d7106ae.e-con{--align-self:center;}.elementor-10343 .elementor-element.elementor-element-59e9604{--display:flex;--gap:5px 5px;--row-gap:5px;--column-gap:5px;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-10343 .elementor-element.elementor-element-2f69fc2 .elementor-heading-title{font-size:0.85rem;font-weight:600;color:#004C63;}.elementor-10343 .elementor-element.elementor-element-f00deaf{--display:flex;--gap:5px 5px;--row-gap:5px;--column-gap:5px;}.elementor-10343 .elementor-element.elementor-element-b8d2229 .elementor-heading-title{font-size:0.85rem;font-weight:600;color:#004C63;}.elementor-10343 .elementor-element.elementor-element-3075e07{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-10343 .elementor-element.elementor-element-3075e07.e-con{--align-self:center;}.elementor-10343 .elementor-element.elementor-element-7aa37aa{--e-filter-direction:row;--e-filter-white-space:nowrap;--e-filter-wrap:wrap;--e-filter-overflow-x:initial;width:100%;max-width:100%;}.elementor-10343 .elementor-element.elementor-element-a237279{--e-filter-direction:row;--e-filter-white-space:nowrap;--e-filter-wrap:wrap;--e-filter-overflow-x:initial;width:100%;max-width:100%;}.elementor-10343 .elementor-element.elementor-element-36ab05e{--display:flex;--align-items:stretch;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:0vw;--margin-bottom:0vw;--margin-left:0vw;--margin-right:0vw;--padding-top:0vw;--padding-bottom:0vw;--padding-left:0vw;--padding-right:0vw;}.elementor-widget-loop-grid .elementor-button{background-color:var( --e-global-color-accent );font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );line-height:var( --e-global-typography-accent-line-height );}.elementor-widget-loop-grid .elementor-pagination{font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-loop-grid .e-load-more-message{font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-10343 .elementor-element.elementor-element-1c7502c{--grid-columns:6;--grid-row-gap:20px;--load-more-button-align:center;--grid-column-gap:0px;}.elementor-10343 .elementor-element.elementor-element-1c7502c .elementor-button{background-color:var( --e-global-color-primary );font-size:1em;font-weight:400;text-shadow:0px 0px 10px rgba(0,0,0,0.3);fill:var( --e-global-color-secondary );color:var( --e-global-color-secondary );}.elementor-10343 .elementor-element.elementor-element-1c7502c > .elementor-widget-container{padding:0px 0px 10px 0px;}@media(min-width:768px){.elementor-10343 .elementor-element.elementor-element-d7106ae{--width:100%;}.elementor-10343 .elementor-element.elementor-element-59e9604{--width:250px;}.elementor-10343 .elementor-element.elementor-element-f00deaf{--width:250px;}.elementor-10343 .elementor-element.elementor-element-3075e07{--width:1000px;}.elementor-10343 .elementor-element.elementor-element-36ab05e{--width:1000px;}}@media(max-width:1060px) and (min-width:768px){.elementor-10343 .elementor-element.elementor-element-59e9604{--width:250px;}.elementor-10343 .elementor-element.elementor-element-3075e07{--width:100%;}.elementor-10343 .elementor-element.elementor-element-36ab05e{--width:100%;}}@media(max-width:1060px){.elementor-10343 .elementor-element.elementor-element-8251701{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-10343 .elementor-element.elementor-element-36ab05e{--padding-top:0vw;--padding-bottom:0vw;--padding-left:0vw;--padding-right:0vw;}.elementor-widget-loop-grid .elementor-pagination{font-size:var( --e-global-typography-secondary-font-size );}.elementor-widget-loop-grid .elementor-button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );}.elementor-widget-loop-grid .e-load-more-message{font-size:var( --e-global-typography-secondary-font-size );}.elementor-10343 .elementor-element.elementor-element-1c7502c{--grid-columns:4;}.elementor-10343 .elementor-element.elementor-element-1c7502c .elementor-button{font-size:1em;}}@media(max-width:767px){.elementor-10343 .elementor-element.elementor-element-d7106ae{--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-10343 .elementor-element.elementor-element-59e9604{--width:50%;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-10343 .elementor-element.elementor-element-f00deaf{--width:50%;}.elementor-10343 .elementor-element.elementor-element-36ab05e{--padding-top:0vw;--padding-bottom:0vw;--padding-left:0vw;--padding-right:0vw;}.elementor-widget-loop-grid .elementor-pagination{font-size:var( --e-global-typography-secondary-font-size );}.elementor-widget-loop-grid .elementor-button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );}.elementor-widget-loop-grid .e-load-more-message{font-size:var( --e-global-typography-secondary-font-size );}.elementor-10343 .elementor-element.elementor-element-1c7502c{--grid-columns:2;}.elementor-10343 .elementor-element.elementor-element-1c7502c .elementor-button{font-size:1.5em;}}/* Start custom CSS for container, class: .elementor-element-8251701 *//* Wrapper */
#berghs-books-output {
  max-width: 1200px;
  margin: 40px auto 80px;
}

/* Grid */
.single-books-grid {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
  gap: 40px 30px;
}

/* Enskilt kort */
.single-books-card-link {
  display: flex;
  flex-direction: column;
  background: #fff;
  padding: 18px;
  border-radius: 6px;
  box-shadow: 0 3px 10px rgba(0,0,0,0.06);
  text-decoration: none;
  color: inherit;
  transition: .15s ease;
}

.single-books-card-link:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 24px rgba(0,0,0,0.12);
}

/* Omslag */
.single-books-card-link img {
  width: 100%;
  height: auto;
  display: block;
  margin-bottom: 12px;
}

/* Titel */
.book-title {
    color:#E3051C!important;
  font-size: 15px!important;
  font-weight: 600;
  margin-bottom: 6px;
}

/* Creators */
.book-creators {
  font-size: 13px;
  color: #555;
  margin: 0;
}/* End custom CSS */
/* Start custom CSS *//* --- 1. SET UP THE CARD (The Flex Container) --- */
/* This makes the whole card a vertical flex column */
.e-loop-item {
    display: flex !important;
    flex-direction: column !important;
    height: 100% !important; /* Forces card to fill the grid row height */
}

/* --- 2. THE MAGICAL SPACER (The Image Wrapper) --- */
/* This targets the widget holding the image */
.e-loop-item .elementor-widget-theme-post-featured-image {
    flex-grow: 1 !important; /* Consumes all empty vertical space */
    display: flex !important;
    flex-direction: column !important;
    margin-bottom: 0 !important; /* We control the gap manually */
}

/* This targets the inner box of the image widget */
.e-loop-item .elementor-widget-theme-post-featured-image .elementor-widget-container {
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important; /* Pushes image to the BOTTOM */
    flex-grow: 1 !important;
    height: 100% !important;
}

/* --- 3. BOCKER (Books): Natural Size --- */
.type-bocker .elementor-widget-theme-post-featured-image img {
    width: auto !important;
    max-width: 100% !important;
    height: auto !important; /* Natural height */
    max-height: 100% !important; /* Don't overflow if another book is HUGE */
    object-fit: contain !important; /* Show the full cover */
}

/* --- 4. UPPHOVSPERSONER (Authors): Square & Aligned --- */
/* Forces the image to be square based on its width */
.type-upphovspersoner .elementor-widget-theme-post-featured-image img {
    aspect-ratio: 1 / 1 !important;
    width: 100% !important;
    object-fit: cover !important; /* Crops neatly */
    object-position: center top !important; /* Focus on faces */
    border-radius: 0 !important; /* Reset radius if needed */
}

/* --- 5. TITLES (The Alignment Key) --- */
/* To guarantee titles align, they must not shrink/grow unexpectedly.
   Note: If one title is 3 lines and another is 1 line, alignment might shift 
   unless you force a min-height. */
.elementor-widget-theme-post-title {
    margin-top: 15px !important; /* Consistent gap between Image Bottom and Title */
    flex-shrink: 0 !important;   /* Prevents title from squishing */
}/* End custom CSS */