/* Imported content rendered as a native Magnuz page. */
.magnuz-imported-content .blog-detail-area {
    padding: 90px 0 110px;
}

.magnuz-imported-content .blog-detail-area .left {
    width: 100%;
    max-width: 1080px;
    margin: 0 auto;
}

.magnuz-imported-content .entry-content > .elementor,
.magnuz-imported-content .blog-detail-area .elementor {
    width: 100%;
}

.magnuz-imported-content .blog-detail-area .e-con,
.magnuz-imported-content .blog-detail-area .elementor-section,
.magnuz-imported-content .blog-detail-area .elementor-container {
    max-width: 100%;
}

.magnuz-imported-content .blog-detail-area h1,
.magnuz-imported-content .blog-detail-area h2,
.magnuz-imported-content .blog-detail-area h3,
.magnuz-imported-content .blog-detail-area h4 {
    /* Theme heading colour, not this file's own navy. */
    color: var(--dark, #122620);
    margin: 0 0 20px;
    line-height: 1.15;
}

.magnuz-imported-content .blog-detail-area h1 { font-size: clamp(38px, 5vw, 64px); }
.magnuz-imported-content .blog-detail-area h2 { font-size: clamp(30px, 4vw, 48px); }
.magnuz-imported-content .blog-detail-area h3 { font-size: clamp(23px, 3vw, 32px); }

.magnuz-imported-content .blog-detail-area p,
.magnuz-imported-content .blog-detail-area li {
    /* Theme body colour, not this file's own blue-grey. */
    color: rgb(18 38 32 / 88%);
    font-size: 18px;
    line-height: 1.75;
}

.magnuz-imported-content .blog-detail-area p { margin: 0 0 22px; }
.magnuz-imported-content .blog-detail-area ul,
.magnuz-imported-content .blog-detail-area ol { margin: 0 0 28px 24px; }
.magnuz-imported-content .blog-detail-area li { margin-bottom: 9px; }

.magnuz-imported-content .blog-detail-area img {
    max-width: 100%;
    height: auto;
    border-radius: 18px;
}

/* #c78f52 measured 2.81:1 on white. #966515 is the theme's dark gold at 5.04:1.
   The post title is excluded: the theme sets it dark via .blog-post .title a,
   and this generic link rule was overriding that as a side effect. */
.magnuz-imported-content .blog-detail-area a:not(.wp-element-button) {
    color: #966515;
}

.magnuz-imported-content .blog-detail-area .blog-post > .title a {
    color: var(--dark, #122620);
}

.magnuz-imported-content .blog-detail-area .elementor-button,
.magnuz-imported-content .blog-detail-area button,
.magnuz-imported-content .blog-detail-area input[type="submit"] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 52px;
    padding: 14px 26px;
    border: 0;
    border-radius: 30px;
    background: var(--primary_color, #c78f52);
    color: #fff;
    font-weight: 600;
    text-decoration: none;
    cursor: pointer;
}

.magnuz-imported-content .blog-detail-area input:not([type="submit"]),
.magnuz-imported-content .blog-detail-area select,
.magnuz-imported-content .blog-detail-area textarea {
    width: 100%;
    padding: 14px 16px;
    border: 1px solid #d8dde2;
    border-radius: 8px;
    background: #fff;
}

@media (max-width: 767px) {
    .magnuz-imported-content .blog-detail-area { padding: 55px 0 75px; }
    .magnuz-imported-content .blog-detail-area p,
    .magnuz-imported-content .blog-detail-area li { font-size: 16px; }
}

/* ------------------------------------------------------------------
   Imported pages rendered as a plain Elementor text page (Terms of Service,
   Privacy Policy) rather than through .blog-detail-area.

   They received no content styling at all: paragraphs ran the full 1140px of
   the container in Elementor's default grey Roboto, and headings sat flush
   against the paragraph above with no rhythm. This gives them the same reading
   measure and theme typography the imported posts already get.

   :has() keeps it off the posts, which .blog-detail-area already styles.
   ------------------------------------------------------------------ */
/* Elementor sets width/max-width on the widget element itself, so the measure
   is applied to the content blocks instead of fighting that rule. */
body.magnuz-imported-content:not(:has(.blog-detail-area)) .elementor-widget-text-editor > *,
body.magnuz-imported-content:not(:has(.blog-detail-area)) .elementor-widget-text-editor > .elementor-widget-container > * {
    max-width: 1080px;
    margin-left: auto;
    margin-right: auto;
}

body.magnuz-imported-content:not(:has(.blog-detail-area)) .elementor-widget-text-editor h1,
body.magnuz-imported-content:not(:has(.blog-detail-area)) .elementor-widget-text-editor h2,
body.magnuz-imported-content:not(:has(.blog-detail-area)) .elementor-widget-text-editor h3,
body.magnuz-imported-content:not(:has(.blog-detail-area)) .elementor-widget-text-editor h4 {
    color: var(--dark, #122620);
    margin: 44px 0 16px;
    line-height: 1.2;
}

body.magnuz-imported-content:not(:has(.blog-detail-area)) .elementor-widget-text-editor > :first-child {
    margin-top: 0;
}

body.magnuz-imported-content:not(:has(.blog-detail-area)) .elementor-widget-text-editor p,
body.magnuz-imported-content:not(:has(.blog-detail-area)) .elementor-widget-text-editor li {
    color: rgb(18 38 32 / 88%);
    font-size: 18px;
    line-height: 1.75;
}

body.magnuz-imported-content:not(:has(.blog-detail-area)) .elementor-widget-text-editor p {
    margin: 0 0 22px;
}

body.magnuz-imported-content:not(:has(.blog-detail-area)) .elementor-widget-text-editor a {
    color: #966515;
}

@media (max-width: 767px) {
    body.magnuz-imported-content:not(:has(.blog-detail-area)) .elementor-widget-text-editor p,
    body.magnuz-imported-content:not(:has(.blog-detail-area)) .elementor-widget-text-editor li {
        font-size: 16px;
    }

    body.magnuz-imported-content:not(:has(.blog-detail-area)) .elementor-widget-text-editor h1,
    body.magnuz-imported-content:not(:has(.blog-detail-area)) .elementor-widget-text-editor h2,
    body.magnuz-imported-content:not(:has(.blog-detail-area)) .elementor-widget-text-editor h3,
    body.magnuz-imported-content:not(:has(.blog-detail-area)) .elementor-widget-text-editor h4 {
        margin-top: 34px;
    }
}