.elementor-4276 .elementor-element.elementor-element-1084a7e:not(.elementor-motion-effects-element-type-background), .elementor-4276 .elementor-element.elementor-element-1084a7e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFD1D8;}.elementor-4276 .elementor-element.elementor-element-1084a7e{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:50px 0px 50px 0px;}.elementor-4276 .elementor-element.elementor-element-1084a7e > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );line-height:var( --e-global-typography-primary-line-height );color:var( --e-global-color-primary );}.elementor-4276 .elementor-element.elementor-element-33c4256{text-align:center;}.elementor-4276 .elementor-element.elementor-element-33c4256 .elementor-heading-title{font-size:1em;font-weight:600;}.elementor-4276 .elementor-element.elementor-element-9fff52c{width:100%;max-width:100%;}.elementor-4276 .elementor-element.elementor-element-9fff52c > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-4276 .elementor-element.elementor-element-5596c04{margin-top:60px;margin-bottom:080px;padding:0% 10% 0% 10%;}@media(min-width:768px){.elementor-4276 .elementor-element.elementor-element-73e4545{width:100%;}}@media(max-width:1060px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}}@media(max-width:767px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}}/* Start custom CSS for html, class: .elementor-element-9fff52c *//* WRAPPER */
.berghs-search-wrapper {
    max-width: 650px;
    margin: 0 auto;
}

/* LAYOUT RAD */
.berghs-search-wrapper form {
    display: flex;
    width: 100%;
}

/* INPUT */
.berghs-search-field {
    flex: 1;
    height: 60px;
    border: none;
    padding: 0 20px;
    border-radius: 6px 0 0 6px;
    background: #ffffff;
    font-size: 18px;
    color: #d10f2f; /* röd text precis som gamla sidan */
    font-style: italic;
    outline: none;
    border: 0 !important;  /* tar bort den grå ramen Elementor lägger */
    box-shadow: none !important; /* tar bort highlight */
}

/* Placeholder */
.berghs-search-field::placeholder {
    color: #d10f2f;
    opacity: .5;
}

/* BUTTON */
.berghs-search-button {
    width: 110px;
    height: 60px;
    background: #d10f2f; /* GAMLA SIDANS RÖDA KNAPP */
    border: none;
    border-radius: 0 6px 6px 0;
    color: #fff;
    font-size: 20px;
    font-weight: 600;
    cursor: pointer;
}

/* Hover */
.berghs-search-button:hover {
    background: #b50c27; /* mörkare hover som gamla sidan */
}

.screen-reader-text {
    position: absolute !important;
    left: -9999px !important;
    top: auto !important;
    width: 1px !important;
    height: 1px !important;
    overflow: hidden !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-fbbf09f */.berghs-results-wrapper {
    margin-top: 40px;
    padding: 20px 0;
}

.berghs-section-title {
    font-size: 22px;
    font-weight: 700;
    color: #E3051C;
    margin-bottom: 20px;
}

/* BOOK GRID */
.berghs-books-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(190px, 1fr));
    gap: 40px;
}

.berghs-book-card {
    text-align: left;
}

.book-cover {
    width: 100%;
    height: 260px;
    object-fit: cover;
    border-radius: 4px;
    background: #eee;
}

.book-title {
    color: #E3051C;
    font-size: 16px;
    font-weight: 700;
    margin: 8px 0 4px;
}

.book-creators span {
    font-size: 14px;
    color: #333;
}

/* CREATORS GRID */
.berghs-creators-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(190px, 1fr));
    gap: 40px;
    margin-top: 40px;
}

.berghs-creator-card {
    text-align: center;
}

.creator-image {
    width: 100%;
    height: 230px;
    object-fit: cover;
    border-radius: 4px;
    background: #C7A1AF;
}

.creator-name {
    margin-top: 10px;
    font-size: 16px;
    font-weight: 600;
    color: #333;
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-5596c04 */.berghs-results-wrapper {
    max-width: 1100px;
    margin: 40px auto;
}

.berghs-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
    gap: 30px;
    margin-bottom: 50px;
}

.berghs-item {
    text-decoration: none;
    color: #111;
    text-align: center;
    display: block;
}

.berghs-item img {
    width: 100%;
    border-radius: 10px;
    margin-bottom: 10px;
}/* End custom CSS */