/* =========================================================
   1. GLOBAL VISUAL STYLING
   Lists / Containers / Blockquotes / Figures
   ========================================================= */

div.entry-content.clear > ul.wp-block-list.has-background,
div.entry-content.clear p.has-background,
.wp-block-uagb-container,
div > blockquote,
div.entry-content.clear > ol,
div.entry-content.clear > figure,
div.entry-content.clear > figure > table,
.wp-block-uagb-faq-child.uagb-faq-child__outer-wrap {
    box-shadow: 0 2px 6px rgba(0,0,10,.15) !important;
    border-radius: 8px !important;
}

div.entry-content.clear > ul.wp-block-list.has-background,
div.entry-content.clear p.has-background {
    box-shadow: 0 4px 10px rgba(0,0,10,.15) !important;
}


/* =========================================================
   2. MAIN CONTENT / STRUCTURAL STABILITY
   ========================================================= */

.site-main {
    border-radius: 8px !important;
    overflow: hidden;
}

#page > section {
    border-radius: 8px !important;
}


/* =========================================================
   3. HEADER — DESKTOP
   ========================================================= */

@media (min-width: 922px) {
    .ast-above-header {
        border-top: 0px solid #9DBFBA;
        border-bottom: 0px solid #9DBFBA;
        border-left: 2px solid #9DBFBA;
        border-right: 2px solid #9DBFBA;
        border-radius: 8px 8px 0px 0px;
    }
}

#ast-desktop-header > .ast-below-header-wrap,
#ast-desktop-header > .ast-below-header-wrap > .ast-below-header-bar {
    border-radius: 0px 0px 8px 8px;
    border-top: 0px solid #9DBFBA;
    border-bottom: 1px solid #9DBFBA;
    border-left: 1px solid #9DBFBA;
    border-right: 1px solid #9DBFBA;
}

@media (min-width: 922px) {
    .dropdown-menu-toggle.ast-header-navigation-arrow {
        min-width: 26px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
    }
}


/* =========================================================
   4. HEADER — MOBILE
   ========================================================= */

#ast-mobile-header
> div.ast-mobile-header-content.content-align-flex-start
> div > div > div {
    font-family:
        Inter,
        -apple-system,
        BlinkMacSystemFont,
        "Segoe UI",
        Roboto,
        Oxygen-Sans,
        Ubuntu,
        Cantarell,
        "Helvetica Neue",
        sans-serif !important;
}

#ast-hf-mobile-menu li.menu-item {
    border-left: 2px solid rgba(157,191,186,.30);
    border-radius: 8px;
}


/* =========================================================
   5. TYPOGRAPHY / LINKS
   ========================================================= */

strong,
b,
.bold {
    font-weight: 600 !important;
}

.site-title a {
    font-weight: 400 !important;
}

a {
    font-weight: 600;
}

.main-navigation a,
.ast-breadcrumbs a {
    font-weight: 400;
}


/* =========================================================
   6. POST MODIFIED INFO
   ========================================================= */

@media (min-width: 768px) {
    .post-modified-info {
        font-family: "Trebuchet MS","Lucida Grande",cursive !important;
    }
}

@media (max-width: 767px) {
    .post-modified-info {
        font-family: "Trebuchet MS",sans-serif !important;
    }
}


/* =========================================================
   7. ARCHIVES
   ========================================================= */

.archive #primary {
    padding: 15px;
    border-radius: 8px;
    background-color: #ffffff;
    box-shadow: 0 4px 7px rgba(0,0,0,0.45);
    box-sizing: border-box;
}

@media (min-width: 769px) {
    .archive-control-area-inside {
        padding: 25px;
    }
}


/* =========================================================
   8. IMAGES — GLOBAL
   ========================================================= */

.wp-post-image {
    image-rendering: optimizeQuality;
}

.entry-content img,
.post-content img {
    height: auto;
    border-radius: 9px;
    box-shadow: 0 4px 8px rgba(0,0,6,.25) !important;
    overflow: hidden;
    box-sizing: border-box;
}

@media (max-width: 767.98px) {
    .entry-content img,
    .post-content img {
        max-width: 100%;
    }
}


/* =========================================================
   9. IMAGES — ARCHIVES
   ========================================================= */

@media (min-width: 768px) {
    body.archive #main > div > div p img {
        width: 100%;
        max-width: 600px;
        height: auto;
        border-radius: 8px;
    }
}


/* =========================================================
   10. IMAGES — GUTENBERG
   Safety limit for standard Gutenberg Image blocks
   ========================================================= */

@media (min-width: 768px) {
    .entry-content .wp-block-image img,
    .post-content .wp-block-image img {
        max-width: min(100%, 800px);
        height: auto;
    }
}


/* =========================================================
   11. BREADCRUMBS
   ========================================================= */

.ast-breadcrumbs-wrapper {
    font-family:
        "Trebuchet MS",
        "Lucida Grande",
        -apple-system,
        BlinkMacSystemFont,
        "Segoe UI",
        Roboto,
        Oxygen,
        Ubuntu,
        Cantarell,
        "Helvetica Neue",
        Arial,
        sans-serif;

    background-color: #ffffff;
    padding: 8px 14px;
    border: 2px solid #9DBFBA;
    border-radius: 8px;
    margin-bottom: 10px;
	display: inline-block;
width: fit-content;
max-width: 100%;
box-sizing: border-box;
}


/* =========================================================
   12. EASY TABLE OF CONTENTS
   ========================================================= */

.ez-toc-link {
    color: #0274BE !important;
}

#ez-toc-container *,
#ez-toc-sticky-container *,
.ez-toc-link,
a[class*="ez-toc"] {
    font-family:
        "Trebuchet MS",
        "Lucida Grande",
        -apple-system,
        BlinkMacSystemFont,
        "Segoe UI",
        Roboto,
        Oxygen,
        Ubuntu,
        Cantarell,
        "Helvetica Neue",
        Arial,
        sans-serif;
}

#ez-toc-container {
    border: 1px solid #9DBFBA;
    border-radius: 7px;
    padding-bottom: 7px;
    padding-top: 7px;
}

@media (max-width: 768px) {
    #ez-toc-container > label > p.ez-toc-title {
        position: relative;
        top: 3px; /* αλλάζει μόνο οπτικά */
    }
}


/* =========================================================
   13. SPECTRA FAQ
   ========================================================= */

/* Ενότητα ερώτησης */
.uagb-faq-item .uagb-faq-question {
    border-radius: 8px;
}

/* Ενότητα απάντησης */
.uagb-faq-item .uagb-faq-content {
    border-radius: 8px;
}


/* =========================================================
   14. DETAILS ELEMENTS
   ========================================================= */

div.entry-content details {
    background-color: #fff;
    border: 2px solid #E0E0E0;
    font-weight: 600;
    font-size: 1em;
    padding: 5px 15px;
    float: left;
    width: fit-content;
    display: block;
    box-shadow: 0 2px 6px rgba(0,0,10,.15) !important;
    border-radius: 8px;
}

details.blue-details-arrow > summary::marker,
details.blue-details-arrow > summary::before,
details.blue-details-arrow > summary::after,
details.blue-details-arrow > summary svg,
details.blue-details-arrow > summary svg * {
    color: #0274BE !important;
    fill: #0274BE !important;
    stroke: #0274BE !important;
    border-color: #0274BE !important;
}


/* =========================================================
   15. FORMS — CONTACT FORM 7
   ========================================================= */

.wpcf7-form input[type="text"],
.wpcf7-form input[type="email"],
.wpcf7-form textarea,
.wpcf7-form input[type="submit"] {
    border-radius: 9px !important;
}

.wpcf7-form textarea {
    height: 120px !important;
}


/* =========================================================
   16. COMMENTS
   ========================================================= */

#comment {
    height: 60px !important;
    min-height: 60px !important;
    width: 100% !important;
    padding: 8px 10px !important;
    border-radius: 9px !important;
    border: 1px solid #d3d3d3 !important;
    box-shadow: 0 2px 2px rgba(20,0,12,.25) !important;
    margin-bottom: 1px !important;
    box-sizing: border-box !important;
    font-size: 14px !important;
    line-height: 1.2 !important;
}

#author,
#email,
#url {
    height: 40px !important;
    width: 100% !important;
    padding: 8px 10px !important;
    border-radius: 9px !important;
    border: 1px solid #d3d3d3 !important;
    box-sizing: border-box !important;
    margin-bottom: 5px !important;
}

.comment-form-comment legend,
.comment-form-comment .comment-form-legend {
    display: none !important;
    height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
}

#submit {
    padding: 8px 18px !important;
    border-radius: 9px !important;
}

.comment-subscription-form {
    margin: 5px 0 !important;
    font-size: 13px !important;
    line-height: 1.4 !important;
}

.comment-subscription-form input[type="checkbox"] {
    margin-bottom: 5px !important;
    margin-right: 5px !important;
    vertical-align: middle !important;
}

#ast-commentform {
    max-width: 700px !important;
    margin: 0 auto !important;
    padding: 8px !important;
    border-radius: 9px !important;
    border: 1px solid #f0f0f0 !important;
    box-shadow: 0 2px 2px rgba(0,0,12,.25) !important;
}

#reply-title {
    margin: 0 auto 8px auto !important;
    font-size: 18px !important;
    text-align: center !important;
    max-width: 700px !important;
}

#comments {
    max-width: 700px !important;
    margin: 0 auto !important;
    margin-top: 24px !important;
    padding: 20px !important;
    border: none !important;
    border-radius: 9px !important;
    box-shadow: 0 2px 4px rgba(0,0,12,.25) !important;
    background-color: #fff !important;
}

#respond {
    max-width: 700px !important;
    margin: 0 auto !important;
    padding: 20px !important;
    border: 1px solid #e0e0e0 !important;
    border-radius: 9px !important;
    background-color: #fff !important;
    line-height: 1.1071428571429;
    box-shadow: 0 2px 6px rgba(0,0,12,.25) !important;
}

#ast-commentform > div.ast-comment-formwrap.ast-row {
    margin-top: 5px !important;
}

#ast-commentform > div.ast-row.comment-textarea {
    margin-bottom: 8px !important;
}

#subscribe_comments,
#subscribe-label {
    display: none !important;
}


/* =========================================================
   17. EMBEDS / VIDEO
   ========================================================= */

figure.wp-block-embed.wp-has-aspect-ratio,
figure.wp-block-embed.wp-embed-aspect-16-9,
figure.wp-block-embed.is-type-video {
    max-width: 700px;
    margin: 0 auto;
    border-radius: 9px;
    overflow: hidden;
    box-shadow: 0 2px 10px rgba(0,0,0,.15);
}

figure.wp-block-embed .wp-block-embed__wrapper,
figure.wp-block-embed .ast-oembed-container {
    height: 100% !important;
}

figure.wp-block-embed iframe {
    width: 100% !important;
    height: 100% !important;
    display: block;
    border: 0;
    border-radius: 9px;
}


/* =========================================================
   18. FOOTER
   ========================================================= */

.site-footer .wp-block-uagb-container {
    background: transparent !important;
    background-color: transparent !important;
}

.site-primary-footer-wrap img {
    width: 100%;
    height: auto;
}

#colophon > div.site-primary-footer-wrap.ast-builder-grid-row-container {
    border-radius: 9px !important;
}

/* =========================================================
   DRUG INTERACTIONS PAGE
   Scoped only inside .ddi-interactions-page
   Gutenberg / Spectra remain responsible for visual styling.
   ========================================================= */

.ddi-interactions-page {
    --ddi-border: #dce4e9;
    --ddi-soft: #f7f9fa;
    --ddi-link: #0274BE;
    --ddi-text-soft: #5f6e77;
}


/* ---------- Image placeholder ---------- */

.ddi-interactions-page .ddi-image-placeholder {
    padding: 18px;
    border: 1px dashed var(--ddi-border);
    border-radius: 10px;
    background: #fafbfc;
    color: var(--ddi-text-soft);
    text-align: center;
}


/* =========================================================
   GUTENBERG LISTS
   Radius/background are controlled from Gutenberg.
   overflow:hidden only makes rounded corners render correctly.
   ========================================================= */

.ddi-interactions-page .ddi-evidence-list,
.ddi-interactions-page .ddi-scope-list,
.ddi-interactions-page .ddi-source-list,
.ddi-interactions-page .ddi-category-nav {
    overflow: hidden;
}

.ddi-interactions-page .ddi-evidence-list,
.ddi-interactions-page .ddi-scope-list,
.ddi-interactions-page .ddi-source-list {
    margin-top: 12px;
    margin-bottom: 22px;
}

.ddi-interactions-page .ddi-evidence-list li,
.ddi-interactions-page .ddi-scope-list li,
.ddi-interactions-page .ddi-source-list li {
    margin: .48em 0;
}


/* ---------- Category navigation ---------- */

.ddi-interactions-page .ddi-category-nav {
    columns: 3;
    column-gap: 30px;
    margin-top: 16px;
    margin-bottom: 30px;
}

.ddi-interactions-page .ddi-category-nav li {
    break-inside: avoid;
    margin-bottom: 7px;
}

.ddi-interactions-page .ddi-category-nav a {
    text-decoration: none;
}

.ddi-interactions-page .ddi-category-nav a:hover {
    text-decoration: underline;
}


/* =========================================================
   SPECTRA CATALOGUE
   Layout, padding, border, radius, background and gaps
   are deliberately NOT defined here.
   Control those from the Spectra/Gutenberg editor.
   ========================================================= */

.ddi-interactions-page .ddi-catalog-row {
    margin-top: 22px;
    margin-bottom: 22px;
}

.ddi-interactions-page .ddi-catalog-col {
    min-width: 0;
    box-sizing: border-box;
}

.ddi-interactions-page .ddi-catalog-col h3 {
    margin-top: 0;
    margin-bottom: 14px;
    font-size: 1.12em;
    scroll-margin-top: 100px;
}

.ddi-interactions-page .ddi-drug-list {
    margin-top: 0;
    margin-bottom: 0;
}

.ddi-interactions-page .ddi-drug-list li {
    margin-bottom: 9px;
    line-height: 1.42;
    break-inside: avoid;
}

.ddi-interactions-page .ddi-drug-list a {
    text-decoration: none;
}

.ddi-interactions-page .ddi-drug-list a:hover {
    color: var(--ddi-link);
    text-decoration: underline;
}

.ddi-interactions-page .ddi-inn {
    font-size: .88em;
    color: var(--ddi-text-soft);
    font-weight: 400;
}

.ddi-interactions-page .ddi-brands {
    display: block;
    margin-top: 2px;
    font-size: .84em;
    color: var(--ddi-text-soft);
}


/* ---------- Anchor positioning ---------- */

.ddi-interactions-page [id^="ddi-cat-"],
.ddi-interactions-page #ddi-evidence-guide {
    scroll-margin-top: 100px;
}


/* =========================================================
   FAQ
   Keep structural fixes only.
   Padding / radius / colors remain editable in Gutenberg.
   ========================================================= */

.ddi-interactions-page .ddi-faq-list {
    display: block;
    width: 100%;
    margin-top: 14px;
}

.ddi-interactions-page .ddi-faq-list > details.wp-block-details {
    display: block;
    float: none;
    position: static;
    width: 100%;
    max-width: none;
    box-sizing: border-box;
    clear: both;
}

.ddi-interactions-page .ddi-faq-list > details.wp-block-details > summary {
    cursor: pointer;
    font-weight: 600;
}


/* =========================================================
   RESPONSIVE
   ========================================================= */

@media (max-width: 900px) {

    .ddi-interactions-page .ddi-category-nav {
        columns: 2;
    }
}


@media (max-width: 600px) {

    .ddi-interactions-page .ddi-category-nav {
        columns: 1;
    }

    /*
     * Prevent Gutenberg/Astra constrained-layout rules
     * from making this whole section narrower on mobile.
     */
    .ddi-interactions-page {
        width: 100%;
        max-width: none;
        margin-left: 0;
        margin-right: 0;
        padding-left: 0 !important;
        padding-right: 0 !important;
        box-sizing: border-box;
    }

    .ddi-interactions-page >
    :where(:not(.alignleft):not(.alignright):not(.alignfull)) {
        width: 100%;
        max-width: none !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        box-sizing: border-box;
    }
}