/* ---- Global blogg ---- */
/* ---- FEATURED ARTICLE (TOP OF PAGE) ---- */
 .siste_nytt {
     max-width: 1200px;
     margin: 2rem auto;
     padding: 0 1rem;

}

 .siste_nytt .article-image {
     border-radius: 10px;
     border-top: 10px solid #ca1337;
 }

.siste_nytt p{padding: 10px 0;}

/* ---- ARTICLE LISTING ---- */
 .blogg_arkiv .ElementStandardArticle {
     display: flex;
     flex-direction: row;
     justify-content: space-between;
     background: #f9f9f9;
     border-radius: 15px;
     box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
     overflow: hidden;
     transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
     
}
 .blogg_arkiv .ElementStandardArticle:hover {
     transform: translateY(-5px);
     box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}
 .blogg_arkiv .ElementStandardArticle .StdArticleBox{
     display: flex;
     flex-direction: column;
}
/* Image Styling */
 .blogg_arkiv .ElementStandardArticle img {
     width: 100%;
     height: 250px;
     object-fit: cover;
     display: block;
     border-top: 10px solid #ca1337;
}
/* Content Box */
 .blogg_arkiv .ElementStandardArticle .textContent {
     flex-grow: 1;
    /* Allows content to fill the space */
     text-align: left;
     display: flex;
     flex-direction: column;
}
/* Titles */
 .blogg_arkiv .ElementStandardArticle .textContent h1 {
     font-size: 2em;
     padding-left:20px;
     color: #222;
     font-weight: 600;
     margin: 10px;
     transition: color 0.3s ease-in-out;
}
 .blogg_arkiv .ElementStandardArticle:hover .textContent h1 {
     color: #ca1337;
    /* Changes color on hover */
}
/* Paragraph */
 .blogg_arkiv .ElementStandardArticle .textContent p {
     padding: 10px 20px;
     color: #555;
     line-height: 1.6;
     flex-grow: 1;
    /* Ensures the paragraph fills remaining space */
}
/* Read More Button */
 .blogg_arkiv .ElementStandardArticle a {
     display: block;
     text-align: center;
     padding: 12px;
     background: linear-gradient(135deg, #ca1337, #9f0e2b);
     color: white;
     text-decoration: none;
     font-weight: 600;
     border-radius: 0 0 15px 15px;
     transition: background 0.3s ease-in-out;
     margin-top: auto;
    /* Pushes the button to the bottom */
}
 .blogg_arkiv .ElementStandardArticle a:hover {
     background: linear-gradient(135deg, #f51c47, #f70031);
     color: white !important;
}



/* ---- FULL ARTICLE PAGE (READING VIEW) ---- */
 .ArticleContainer {
     max-width: 850px;
     background: white;
     margin: auto auto;
     border-radius: 15px;
     box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
     overflow: hidden;
}
 .ArticleContainer .PubArticle{
     padding: 10px;
}


/* Headings */
 .ArticleContainer .PubArticle h1 {
     color: #222;
     font-weight: 700;
     margin-bottom: 20px;
     text-align: left;
}
 .ArticleContainer .PubArticle h2 {
     color: #333;
     font-weight: 600;
     margin-top: 30px;
     border-bottom: 2px solid #eee;
     padding-bottom: 5px;
}
 .ArticleContainer .PubArticle h3 {
     color: #444;
     font-weight: 500;
     margin-top: 20px;
}
/* Paragraphs */
 .ArticleContainer .PubArticle p {
     color: #444;
     line-height: 1.8;
     margin-bottom: 20px;
}
/* Lists */
 .ArticleContainer .PubArticle ul {
     padding-left: 20px;
     margin-bottom: 20px;
}
 .ArticleContainer .PubArticle ul li {
     color: #555;
     margin-bottom: 10px;
     list-style-type: disc;
}

 .ArticleContainer .PubArticle img{
     
    object-fit: cover;
    max-width: 100% !important;
     
 }


/* Article Image */
 .blogg .WebPubElement.pub-static[data-area="AboveArticle"] {

}
/* Hide all spans with id="McInPlaceEditor2" */
span[id="McInPlaceEditor2"] {
    display: none;
}

/* Hide all tables where id contains "DTPEndcustomerSaleDate" */
table[id*="DTPEndcustomerSaleDate"] {
    display: none;
}

/* Header */
.MultiCase-window-top {background-color: #ca1337; padding: 20px;}
.MultiCase-window-top-text{ color: white !important; font-weight: bolder !important;}
.MultiCase-window-content .ReturWindowTitle h2 {
    font-size: 1.5rem;
    color: #ca1337;
    margin-bottom: 20px;
    border-bottom: 2px solid #ca1337;
    padding-bottom: 5px;
}

/* Table Styling */
.MultiCase-window-content table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 20px;
}

.ReturSummaryTable {
    background-color: #f8f8f8;
    border: 1px solid #ddd;
    border-radius: 5px;
    overflow: hidden;
}

.ReturSummaryTable .Head {
    background-color: #c9c9c9;

    font-weight: bold;
    padding: 10px;
}

.ReturSummaryTable td {
    padding: 10px;
    vertical-align: top;
}

.ReturSummaryTable .BorderBotton {
    border-bottom: 1px solid #ddd;
}

.ReturSummaryTable .BorderRight {
    border-right: 1px solid #ddd;
}

.ReturSummaryTable .bold {
    font-weight: 600;

}

/* Form Fields */
.return-request-form-container {
    background-color: #f8f8f8;
    padding: 20px;
    border-radius: 5px;
    border: 1px solid #ddd;
}

.return-request-form input[type="text"] {
    width: 100%;
    max-width: 300px;
    padding: 10px;
    margin: 5px 0;
    border: 1px solid #ddd;
    border-radius: 5px;
    box-sizing: border-box;
}

.return-request-form td {
    padding: 10px;
}

.return-request-caption {
    font-weight: bold;
    color: #333;
}

/* Buttons */
.MultiCase-window-content .Button {
    background-color: #ca1337;
    color: #fff;
    padding: 10px 20px;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    font-weight: bold;
    text-align: center;
}

.MultiCase-window-content .Button:hover {
    background-color: #b01230;
}

.MultiCase-window-content .TextRight {
    text-align: right;
}

.MultiCase-window-content .TextTop {
    vertical-align: top;
}

/* Links */
.MultiCase-window-content a {
    color: #ca1337;
    text-decoration: none;
    font-weight: bold;
}

.MultiCase-window-content a:hover {
    text-decoration: underline;
}

.retur-list-popup-window {
    
    top:0px!important;
    border-radius: 10px;
}

.retur-list-popup-window-tl{
    
    background-color: #ca1337;
    padding: 20px;
    color: white;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
    font-weight: bolder;
    
}

.att-icon.att-icon-1085.att-id-30 {
    margin-top: 90px;
}