.elementor-10332 .elementor-element.elementor-element-740835e2{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:stretch;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:060px;--padding-bottom:40px;--padding-left:0px;--padding-right:0px;}.elementor-10332 .elementor-element.elementor-element-77710d8e{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-widget-theme-post-featured-image .widget-image-caption{color:var( --e-global-color-text );font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );}.elementor-10332 .elementor-element.elementor-element-cedf189{--display:flex;}.elementor-widget-theme-post-title .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-10332 .elementor-element.elementor-element-abfadae .elementor-heading-title{font-size:1.6em;font-weight:600;color:#02A9C5;}.elementor-10332 .elementor-element.elementor-element-1b4938f{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-10332 .elementor-element.elementor-element-987853d{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-theme-post-content{color:var( --e-global-color-text );font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );}.elementor-10332 .elementor-element.elementor-element-879476b{color:var( --e-global-color-primary );font-weight:400;}.elementor-10332 .elementor-element.elementor-element-5cbc802d{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:10px 10px;--row-gap:10px;--column-gap:10px;}.elementor-10332 .elementor-element.elementor-element-5cbc802d:not(.elementor-motion-effects-element-type-background), .elementor-10332 .elementor-element.elementor-element-5cbc802d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-10332 .elementor-element.elementor-element-5ec3cd47{--display:flex;}.elementor-10332 .elementor-element.elementor-element-2e3a119f{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:10px 10px;--row-gap:10px;--column-gap:10px;}.elementor-10332 .elementor-element.elementor-element-2e3a119f:not(.elementor-motion-effects-element-type-background), .elementor-10332 .elementor-element.elementor-element-2e3a119f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F2F8FB;}.elementor-10332 .elementor-element.elementor-element-14d08889{--display:flex;}@media(min-width:768px){.elementor-10332 .elementor-element.elementor-element-740835e2{--width:86%;}.elementor-10332 .elementor-element.elementor-element-77710d8e{--width:45%;}.elementor-10332 .elementor-element.elementor-element-cedf189{--width:55%;}}@media(max-width:1060px){.elementor-10332 .elementor-element.elementor-element-740835e2{--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-widget-theme-post-featured-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-theme-post-title .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-widget-theme-post-content{font-size:var( --e-global-typography-text-font-size );}}@media(max-width:767px){.elementor-widget-theme-post-featured-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-theme-post-title .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-widget-theme-post-content{font-size:var( --e-global-typography-text-font-size );}}/* Start custom CSS for shortcode, class: .elementor-element-c7eb06a */.opal-credits-container {
    font-family: inherit;
    font-size: 16px;
    line-height: 1.5;
    color: #008C95; 
}

.credits-main-group {
    display: flex;
    flex-direction: row; 
    gap: 30px; /* Avstånd mellan "Av" och namnen */
    margin-bottom: 5px; /* Litet avstånd ner till ev. översättaren */
}

/* "Av"-etiketten */
.credits-label {
    font-weight: normal;
    min-width: 20px; 
    color: inherit;
}

.credits-list {
    display: flex;
    flex-direction: column;
}

/* Författarnamn / Illustratörnamn */
.opal-credits-container a {
    color: #02A9C5;
    text-decoration: underline;
    text-decoration-thickness: 1px;
    font-weight: 600; 
}

.opal-credits-container a:hover {
    color: #5FBFD4;
}

/* Rollen (t.ex. författare) */
.credit-role {
    font-weight: 400;
    font-style: italic;
    opacity: 0.9;
}

/* Översättare-sektionen (Textfältet i boken) */
.credits-translators {
    padding-left: 50px; 
    color: inherit;
}

.credits-translators p {
    margin: 0;
    padding: 0;
    display: inline;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-739d59f */.elementor-10332 .elementor-element.elementor-element-739d59f .opal-meta-grid,
.opal-meta-grid {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)) !important;
    gap: 5px 20px !important;
    
    width: 100% !important;
    box-sizing: border-box !important;
}

.elementor-10332 .elementor-element.elementor-element-739d59f .meta-cell,
.meta-cell {
    display: flex !important;
    justify-content: start !important;
    align-items: baseline;
    min-width: 0 !important;
}

.elementor-10332 .elementor-element.elementor-element-739d59f .meta-value,
.meta-value {
    text-align: right;
    white-space: normal !important;
    overflow-wrap: break-word !important; 
    max-width: 60%; 
}

@media (max-width: 767px) {
    .elementor-10332 .elementor-element.elementor-element-739d59f .opal-meta-grid,
    .opal-meta-grid {
        grid-template-columns: 1fr !important; /* Force 1 column stack */
        gap: 15px !important;
    }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-1fcf4c4f */.elementor-10332 .elementor-element.elementor-element-1fcf4c4f {
    width: 100%;
      height: 100%;
    
      /* This is the key property */
      object-fit: cover;
      
      /* Optional: centers the image within the frame */
      object-position: center;
}/* End custom CSS */
/* Start custom CSS */.text-column h1.single-book-title {
    font-size: 2.7rem;
    font-weight: 700;
    color: #333;
    margin-bottom: 20px;
}

/* CREATOR BOX */
.creator-box {
    margin-bottom: 20px;
}

.creator-box .by {
    display: block;
    font-size: 16px;
    margin-bottom: 6px;
}

.creator-box ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.creator-box ul li {
    margin-bottom: 6px;
}

.creator-name {
    font-weight: 600;
    color: #000;
}

.creator-title {
    color: #555;
    font-style: italic;
}

/* META BOX */
.book-info {
    margin: 30px 0;
}

.book-info-type {
    font-size: 12px;
    color: #7A3E52;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 1px;
    margin-bottom: 10px;
}

.the-book-info {
    background: #F3ECED;
    border-top: 4px solid #7A3E52;
    padding: 25px 28px 15px;
}

.the-book-info li {
    margin-bottom: 8px;
    font-size: 15px;
}

.the-book-info strong {
    color: #7A3E52;
    font-weight: 700;
}

/* CONTENT */
.single-book-content {
    font-size: 1.1rem;
    color: #333;
    line-height: 1.6;
}

/* =====================================================================
   SAMMA SERIE – GRID UNDER BOKEN
   ===================================================================== */

.single-books-grid {
    list-style: none;
    padding: 0;
    margin: 50px 0 30px 0;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
    gap: 30px;
}

.single-books-grid li {
    background: #fff;
    border-radius: 4px;
    overflow: hidden;
    transition: transform .2s ease;
}

.single-books-grid li:hover {
    transform: translateY(-4px);
}

.single-books-grid a {
    text-decoration: none;
    color: inherit;
    display: block;
}

.single-books-grid .img_wrapper {
    width: 100%;
    aspect-ratio: 3/4;
    background: #f2f2f2;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.single-books-grid img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.single-book-text {
    padding: 12px;
}

.single-book-text h3 {
    font-size: 17px;
    font-weight: 600;
    color: #222;
    margin: 0 0 6px 0;
}

.single-book-span span {
    display: block;
    color: #555;
    font-size: 14px;
    line-height: 1.3;
}

.berghs-medarbetare-wrap .row {
    display: flex;
    gap: 20px;
    margin: 10px 0 15px 0;
}

.berghs-medarbetare-wrap label,
.berghs-medarbetare-wrap div {
    font-size: 15px;
    color: #444;
}

.berghs-medarbetare-wrap label {
    font-weight: 600;
}

.opal-creator-bio {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin-top: 10px;


    font-size: 1em;
    color: #02A9C5;
    line-height: 1.6;
}/* End custom CSS */