/*
 * DMP Theme – Main Stylesheet (WITHOUT Header/Nav)
 */

:root {
    --font-awesome: "Font Awesome 6 Pro";
}

/* ─── Reset & Base ─────────────────────────────────────────────────────────── */

*,
*::before,
*::after {
    box-sizing: border-box;
}

strong {
    font-weight: 700;
}

p {
    margin: 10px 0;
}

/* ─── Layout / Container ───────────────────────────────────────────────────── */

.site-main {
    padding: 0;
    margin: 0;
}
.entry-content{
    overflow-wrap: break-word;
}
.entry-content > .wp-block-group {
    padding-right: 16px;
    padding-left: 16px;
}

.single-post main {
    max-width: 1300px;
    margin: 0 auto;
}

.dmp-blank-canvas{
    margin:0;
    padding:0;
    width:100%;
    max-width:100%;
}

.dmp-blank-canvas .wp-block-post-content{
    margin:0;
    padding:0;
}

.wp-block-buttons .wp-block-button__link{
    text-align: left;
}

/* ─── List Style ───────────────────────────────────────────────────────────── */

ul,
ol {
    list-style: none !important;
    padding-left: 0;
    margin-left: 0 !important;
}

ol {
    list-style: decimal !important;
    padding-left: 20px;
}

ul li,
ol li {
    position: relative;
    margin-bottom: 7px;
}

ul li {
    padding-left: 25px;
}

ul li:before {
    content: "\f061";
    font-family: "Font Awesome 6 Pro";
    font-weight: 900;
    position: absolute;
    left: 0;
    top: 2px;
    color: var(--wp--preset--color--primary);
}

.dmpHide{
    display: none !important;
}

#jig2{
    max-width: 100% !important;
}

.bsWorkGalleryDeActiveBtn button{
    background: var(--wp--preset--color--white) !important;
    color: var(--wp--preset--color--primary) !important;
}

/* Remove arrows/icons from specific non-content lists */
.wp-block-latest-posts > li:before,
.wp-block-social-links li:before,
.sidebar-widget li:before,
.wp-block-query .wp-block-post-template > li:before,
footer li:before {
    content: none !important;
}

.wp-block-query .wp-block-post-template {
    gap: var(--wp--preset--spacing--4);
}

.wp-block-query .wp-block-post-template > li {
    padding: 0;
}

/* ─── Slider Style ───────────────────────────────────────────────────────── */

.dmp-slider {
    aspect-ratio: 5 / 2;
    max-width: 1920px;
    width: 100%;
}

/* ─── Block Quote Style ──────────────────────────────────────────────────── */

.wp-block-quote {
    position: relative;
}

.wp-block-quote::before {
    content: "\f10d";
    position: absolute;
    left: 0;
    top: -0.1em;
    font-size: 4rem;
    line-height: 1;
    color: var(--wp--preset--color--primary);
    font-family: "Font Awesome 6 Pro";
    font-weight: 700;
}

.wp-block-quote p {
    margin: 0;
}

/* ─── Accordion Style ────────────────────────────────────────────────────── */

.wp-block-accordion .wp-block-accordion-item {
    border-bottom: 1px solid var(--wp--preset--color--primary);
    padding-bottom: 0.5rem;
}

.wp-block-accordion .wp-block-accordion-heading {
    font-size: var(--wp--preset--font-size--heading-5);
    font-weight: 500;
}

.wp-block-accordion .wp-block-accordion-heading button {
    padding: 0 0 0 2rem;
    position: relative;
}

.wp-block-accordion .wp-block-accordion-heading button .wp-block-accordion-heading__toggle-icon {
    display: none;
}

.wp-block-accordion .wp-block-accordion-heading button:before {
    content: "\f067";
    position: absolute;
    left: 0;
    line-height: 1;
    color: var(--wp--preset--color--primary);
    font-family: "Font Awesome 6 Pro";
    font-weight: 900;
}

.wp-block-accordion-heading__toggle:hover .wp-block-accordion-heading__toggle-title {
    text-decoration: none;
}

.wp-block-accordion .wp-block-accordion-item.is-open .wp-block-accordion-heading__toggle-title {
    color: var(--wp--preset--color--primary);
}

.wp-block-accordion .wp-block-accordion-panel {
    padding: 1rem 0;
}

/* ─── Posts Style ────────────────────────────────────────────────────────── */

.wp-block-latest-posts {
    display: flex;
    gap: 1rem;
}

.sidebar-widget .wp-block-latest-posts {
    display: initial;
}

.wp-block-latest-posts > li {
    border: 1px solid var(--wp--preset--color--primary);
    padding: 5px;
    flex: 0 0 calc((100% - 2rem) / 3);
}

.sidebar-widget li {
    border: none;
    padding: 0;
}

.wp-block-latest-posts__featured-image {
    margin: 0 !important;
    line-height: 0;
}

.wp-block-latest-posts__featured-image img {
    width: 100%;
    height: 220px;
    object-fit: cover;
    display: block;
}

.wp-block-latest-posts__post-title,
.wp-block-latest-posts__post-date,
.wp-block-latest-posts__post-excerpt {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
}

.wp-block-latest-posts__post-title {
    display: block;
    font-family: Oswald, sans-serif;
    font-weight: 700;
    margin-top: 20px;
    text-transform: uppercase;
}

.sidebar-widget .wp-block-latest-posts__post-title {
    font-family: Poppins, sans-serif;
    padding: 0;
    font-weight: 400;
    font-size: var(--wp--preset--font-size--sm);
    margin-top: 10px;
    text-transform: initial;
}

.wp-block-latest-posts__post-date {
    font-weight: 700;
    color: var(--wp--preset--color--primary);
    margin-bottom: 10px;
}

.wp-block-latest-posts__read-more {
    display: flex;
    width: fit-content;
    position: relative;
    padding-left: 1.5rem;
    font-weight: 600;
    margin-top: 20px;
}

.wp-block-latest-posts__read-more:before {
    content: "\f061";
    font-family: "Font Awesome 6 Pro";
    font-weight: 900;
    position: absolute;
    left: 0;
    top: 2px;
    color: var(--wp--preset--color--primary);
}

/* ─── Footer Style ───────────────────────────────────────────────────────── */

footer > .wp-block-group {
    padding-left: 70px;
    padding-right: 70px;
}

/* ─── Responsive ─────────────────────────────────────────────────────────── */

@media (max-width: 1024px) {
    footer > .wp-block-group {
        padding-left: 30px;
        padding-right: 30px;
    }
}

@media (max-width: 768px) {
    .wp-block-latest-posts {
        flex-wrap: wrap;
    }

    .wp-block-latest-posts > li {
        flex: 0 0 100%;
    }

    footer > .wp-block-group {
        padding-left: 15px;
        padding-right: 15px;
    }
}