/* ================================================ */
/* Newsletter Layout Styles */
/* ================================================ */

/* Main newsletter container */
.node--type-newsletter.node--view-mode-full .node__content {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    column-gap: 1rem;
    background-color: white;
    padding: 1rem;
}

/* Layout region flex container */
.node--type-newsletter.node--view-mode-full .layout__region--content { 
    display: flex; 
    flex-wrap: wrap; 
    align-items: center; 
    column-gap: 1rem; 
}

/* Default: every block is full-width (new line) */
.node--type-newsletter.node--view-mode-full .layout__region--content > .block { 
    flex: 0 0 100%; 
}

/* Logo and slogan blocks - shrink to content so they sit on one row */
.node--type-newsletter.node--view-mode-full .layout__region--content > .block-field-blocknodenewsletterfield-left-logo,
.node--type-newsletter.node--view-mode-full .layout__region--content > .block-field-blocknodenewsletterfield-slogan {
    flex: 0 0 auto;
}

/* 重写父类样式， 需调整该文件的权重， 请检查不同元素是否有影响*/
.block-layout-builder:not(:last-child) .field {
  margin-block-end: 0; 
}

/* Right-align slogan text */
.node--type-newsletter.node--view-mode-full .block-field-blocknodenewsletterfield-slogan { 
    text-align: right; 
}

/* ================================================ */
/* Newsletter Text Styles */
/* ================================================ */

.node--type-newsletter p {
    color: black;
}

.node--type-newsletter span {
    color: black;
}

.field--name-field-newsletter-first-title p {
    color: white;
}

/* ================================================ */
/* Newsletter Block Styles */
/* ================================================ */

/* Header image styling */
.block-field-blocknodenewsletterfield-header-image .field--name-field-media-image {
    border-radius: 0px;
}

.block-field-blocknodenewsletterfield-header-image .field--name-field-media-image img {
    border-radius: 0px;
}

/* Remove bottom margin from layout builder blocks */
.block-layout-builder:not(:last-child) .field {
    margin-block-end: 0px;
}

/* Block padding */
.block-field-blocknodenewsletterfield-newsletter-first-title {
    padding: 10px;
}

.block-field-blocknodenewsletterfield-body-text {
    padding: 8px;
}

.block-field-blocknodenewsletterfield-newsletter-item {
    padding: 8px;
}

.newsletter-item-wrapper {
    margin-bottom: 20px;
}
  


/* Newsletter first title styling */
.block-field-blocknodenewsletterfield-newsletter-first-title {
    background-color: #980033;
    text-align: center;
}

/* ================================================ */
/* Newsletter Item Layout */
/* ================================================ */

/* Newsletter item grid layout */
.block-field-blocknodenewsletterfield-newsletter-item .field__item .newsletter-item-wrapper {
    display: grid;
    grid-template-columns: minmax(0,1fr) minmax(0,1fr);
    gap: 1.25rem;
    align-items: stretch;
}

/* Alternate left/right image placement */
.block-field-blocknodenewsletterfield-newsletter-item .field__item:nth-child(odd) .newsletter-item-wrapper { 
    grid-template-areas: "content image"; 
}

.block-field-blocknodenewsletterfield-newsletter-item .field__item:nth-child(even) .newsletter-item-wrapper { 
    grid-template-areas: "image content"; 
}

/* Content and image wrapper positioning */
.block-field-blocknodenewsletterfield-newsletter-item .newsletter-item-wrapper > .newsletter-content-wrapper { 
    grid-area: content; 
    min-width: 0; 
    display: flex; 
    flex-direction: column; 
}

.block-field-blocknodenewsletterfield-newsletter-item .newsletter-item-wrapper > .newsletter-image-wrapper { 
    grid-area: image; 
    min-width: 0; 
    overflow: hidden; 
}

/* Image styling */
.block-field-blocknodenewsletterfield-newsletter-item .newsletter-image-wrapper img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

/* Prevent overlaps */
.block-field-blocknodenewsletterfield-newsletter-item .newsletter-content-wrapper,
.block-field-blocknodenewsletterfield-newsletter-item .newsletter-image-wrapper {
    position: static;
}

/* Mobile responsive */
@media (max-width: 640px) {
    .block-field-blocknodenewsletterfield-newsletter-item .newsletter-item-wrapper {
        grid-template-columns: 1fr;
        grid-template-areas:
            "image"
            "content";
    }
    
    .block-field-blocknodenewsletterfield-newsletter-item .newsletter-image-wrapper img {
        height: auto;
        object-fit: contain;
    }
}

/* ================================================ */
/* Newsletter Additional Fields */
/* ================================================ */

/* Newsletter second title */
.block-field-blocknodenewsletterfield-newsletter-second-title {
    padding: 10px;
    background-color: #f8f9fa;
    border-left: 4px solid #980033;
    margin: 1rem 0;
}

/* ================================================ */
/* Newsletter Footer Information */
/* ================================================ */

/* Footer company information base styling */
.block-field-blocknodenewsletterfield-email-sent-by,
.block-field-blocknodenewsletterfield-norlab-company,
.block-field-blocknodenewsletterfield-norlab-street-address,
.block-field-blocknodenewsletterfield-post-code-city,
.block-field-blocknodenewsletterfield-country,
.block-field-blocknodenewsletterfield-norlab-email,
.block-field-blocknodenewsletterfield-norlab-website {
    padding: 4px 0;
    font-size: 0.9rem;
    color: #666;
}

/* Email sent by styling */
.block-field-blocknodenewsletterfield-email-sent-by {
    border-top: 1px solid #ddd;
    padding-top: 1rem;
    margin-top: 2rem;
}

/* Company name styling */
.block-field-blocknodenewsletterfield-norlab-company {
    font-weight: bold;
    color: #333;
}

/* Email and website styling */
.block-field-blocknodenewsletterfield-norlab-email,
.block-field-blocknodenewsletterfield-norlab-website {
    color: #980033;
}

.block-field-blocknodenewsletterfield-norlab-email a,
.block-field-blocknodenewsletterfield-norlab-website a {
    color: #980033;
    text-decoration: none;
}

.block-field-blocknodenewsletterfield-norlab-email a:hover,
.block-field-blocknodenewsletterfield-norlab-website a:hover {
    text-decoration: underline;
}

/* ================================================ */
/* Newsletter Item Content Styling */
/* ================================================ */

/* Newsletter item title styling */
.newsletter-item-title {
    color: #333;
    font-size: 1.2rem;
    font-weight: 600;
    margin-bottom: 0.5rem;
}

/* Newsletter item text styling */
.newsletter-item-text {
    color: #666;
    line-height: 1.5;
    margin-bottom: 1rem;
}

/* Read more link styling */
.read-more-link {
    color: #980033;
    text-decoration: none;
    font-weight: 500;
}

.read-more-link:hover {
    text-decoration: underline;
}