.dyam-home{font-family:inherit;box-sizing:border-box}.dyam-section,.dyam-shorts{border-top:1px solid #ddd;padding:16px 0 22px;margin-top:10px}.dyam-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:12px}.dyam-heading h2{margin:0;font-size:24px;line-height:1.15;text-transform:uppercase;color:#111}.dyam-more{font-weight:800;font-size:13px;text-transform:uppercase;text-decoration:none;color:#0057c8}.dyam-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(340px,1fr);gap:18px}.dyam-card img{width:100%;height:100%;object-fit:cover;display:block}.dyam-img{display:block;background:#f3f3f3;overflow:hidden}.dyam-main .dyam-img{aspect-ratio:16/9}.dyam-main h3{font-size:30px;line-height:1.08;margin:12px 0 6px}.dyam-card h3 a{text-decoration:none;color:#d60000}.dyam-main .dyam-excerpt{font-size:16px;line-height:1.55;margin:0 0 8px;color:#333}.dyam-meta{font-size:12px;color:#666;margin-top:8px}.dyam-side{display:grid;grid-template-columns:1fr;gap:14px}.dyam-small{display:grid;grid-template-columns:190px 1fr;gap:14px;align-items:start}.dyam-small .dyam-img{aspect-ratio:16/9}.dyam-small h3{font-size:19px;line-height:1.15;margin:2px 0 4px}.dyam-shorts-row{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;overflow-x:auto;padding-bottom:5px}.dyam-short{position:relative;display:block;aspect-ratio:9/16;border-radius:10px;overflow:hidden;background:#111;min-width:145px}.dyam-short img{width:100%;height:100%;object-fit:cover}.dyam-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:58px;height:58px;border-radius:50%;background:#f03;color:white;font-size:25px;padding-left:4px}.dyam-ad{margin:18px 0 28px;min-height:0;overflow:hidden;text-align:center}.dyam-ad:empty{display:none}
@media(max-width:800px){.dyam-grid{grid-template-columns:1fr}.dyam-main h3{font-size:25px}.dyam-small{grid-template-columns:145px 1fr}.dyam-shorts-row{grid-template-columns:repeat(6,145px)}}
@media(max-width:480px){.dyam-home{padding:0 12px}.dyam-heading h2{font-size:21px}.dyam-small{grid-template-columns:120px 1fr;gap:10px}.dyam-small h3{font-size:16px}.dyam-main h3{font-size:23px}}


/* v1.1 — Full-width DYAM homepage only. Other pages/posts keep the theme sidebar. */
body.dyam-fullwidth-home #secondary,
body.dyam-fullwidth-home .sidebar,
body.dyam-fullwidth-home .widget-area,
body.dyam-fullwidth-home aside#secondary,
body.dyam-fullwidth-home .site-sidebar,
body.dyam-fullwidth-home .content-sidebar,
body.dyam-fullwidth-home .sidebar-primary {display:none !important;}

body.dyam-fullwidth-home #primary,
body.dyam-fullwidth-home .content-area,
body.dyam-fullwidth-home .site-content > .content-area,
body.dyam-fullwidth-home .main-content,
body.dyam-fullwidth-home main.site-main {
    width:100% !important;
    max-width:100% !important;
    float:none !important;
    margin-left:0 !important;
    margin-right:0 !important;
}

body.dyam-fullwidth-home .site-content,
body.dyam-fullwidth-home #content {
    grid-template-columns:minmax(0,1fr) !important;
}


/* v1.2 — reclaim the theme column that previously belonged to the sidebar.
   JS marks only ancestors of the DYAM shortcode, so this cannot affect normal pages. */
body.dyam-fullwidth-home .dyam-home-ancestor {
    width:100% !important;
    max-width:none !important;
    flex:0 0 100% !important;
    flex-basis:100% !important;
    float:none !important;
    margin-left:0 !important;
    margin-right:0 !important;
    box-sizing:border-box !important;
}
body.dyam-fullwidth-home .dyam-home-ancestor[class*="col-"] {
    width:100% !important;
    max-width:100% !important;
}
body.dyam-fullwidth-home .entry-content:has(> .dyam-home),
body.dyam-fullwidth-home .page-content:has(> .dyam-home) {
    width:100% !important;
    max-width:none !important;
}
@media (min-width:801px){
  body.dyam-fullwidth-home .dyam-grid{grid-template-columns:minmax(0, 58fr) minmax(0, 42fr);gap:18px}
  body.dyam-fullwidth-home .dyam-small{grid-template-columns:minmax(160px, 42%) minmax(0, 58%)}
}

/* v1.3 — user-controlled homepage width/alignment/padding. */
body.dyam-fullwidth-home .dyam-home{
    width:calc(100% - (2 * var(--dyam-pad-desktop,20px))) !important;
    max-width:var(--dyam-max-width,1280px) !important;
    margin:var(--dyam-margin,0 auto) !important;
    padding-left:0 !important;
    padding-right:0 !important;
}
/* Hide the WordPress page title only when the DYAM setting is enabled. */
body.dyam-fullwidth-home:has(.dyam-home[data-hide-page-title="1"]) .entry-title,
body.dyam-fullwidth-home:has(.dyam-home[data-hide-page-title="1"]) .page-title,
body.dyam-fullwidth-home:has(.dyam-home[data-hide-page-title="1"]) h1.entry-title,
body.dyam-fullwidth-home:has(.dyam-home[data-hide-page-title="1"]) article.page > header.entry-header{
    display:none !important;
}
@media(max-width:800px){body.dyam-fullwidth-home .dyam-home{width:calc(100% - (2 * var(--dyam-pad-tablet,16px))) !important}}
@media(max-width:480px){body.dyam-fullwidth-home .dyam-home{width:calc(100% - (2 * var(--dyam-pad-mobile,12px))) !important}}


/* v1.4 — SAMA7.2 exact wrapper reset + true viewport centering.
   These selectors come from the live DYAM homepage DOM. */
body.dyam-fullwidth-home main#content.site-main,
body.dyam-fullwidth-home main#content.site-main > .site-main-inner,
body.dyam-fullwidth-home main#content.site-main > .site-main-inner > section.content-area,
body.dyam-fullwidth-home main#content.site-main article.dyam-home-ancestor,
body.dyam-fullwidth-home main#content.site-main .entry-content.dyam-home-ancestor {
    width:100% !important;
    max-width:none !important;
    min-width:0 !important;
    flex:0 0 100% !important;
    float:none !important;
    margin-left:0 !important;
    margin-right:0 !important;
    box-sizing:border-box !important;
}

/* Center against the browser/site viewport, not against a legacy theme column. */
body.dyam-fullwidth-home .dyam-home {
    box-sizing:border-box !important;
    max-width:var(--dyam-max-width,1280px) !important;
    padding-left:0 !important;
    padding-right:0 !important;
}
body.dyam-fullwidth-home .dyam-home[style*="--dyam-margin:0 auto;"] {
    width:min(var(--dyam-max-width,1280px), calc(100vw - (2 * var(--dyam-pad-desktop,20px)))) !important;
    position:relative !important;
    left:50% !important;
    transform:translateX(-50%) !important;
    margin-left:0 !important;
    margin-right:0 !important;
}
body.dyam-fullwidth-home .dyam-home[style*="--dyam-margin:0 auto 0 0;"] {
    width:min(var(--dyam-max-width,1280px), calc(100% - (2 * var(--dyam-pad-desktop,20px)))) !important;
    position:relative !important;
    left:0 !important;
    transform:none !important;
    margin-left:var(--dyam-pad-desktop,20px) !important;
    margin-right:auto !important;
}
@media(max-width:800px){
  body.dyam-fullwidth-home .dyam-home[style*="--dyam-margin:0 auto;"]{
    width:calc(100vw - (2 * var(--dyam-pad-tablet,16px))) !important;
  }
}
@media(max-width:480px){
  body.dyam-fullwidth-home .dyam-home[style*="--dyam-margin:0 auto;"]{
    width:calc(100vw - (2 * var(--dyam-pad-mobile,12px))) !important;
  }
}


/* v1.5 — center against the viewport itself.
   v1.4 used left:50%, which centers against the containing block. SAMA7.2's
   containing block is slightly offset, so a 1280px homepage still appeared
   left of the visual page center. 50vw uses the actual viewport midpoint. */
body.dyam-fullwidth-home .dyam-home[style*="--dyam-margin:0 auto;"] {
    position:relative !important;
    left:50vw !important;
    transform:translateX(-50%) !important;
    width:min(var(--dyam-max-width,1280px), calc(100vw - (2 * var(--dyam-pad-desktop,20px)))) !important;
    max-width:var(--dyam-max-width,1280px) !important;
    margin-left:0 !important;
    margin-right:0 !important;
}
@media(max-width:800px){
  body.dyam-fullwidth-home .dyam-home[style*="--dyam-margin:0 auto;"]{
    width:calc(100vw - (2 * var(--dyam-pad-tablet,16px))) !important;
  }
}
@media(max-width:480px){
  body.dyam-fullwidth-home .dyam-home[style*="--dyam-margin:0 auto;"]{
    width:calc(100vw - (2 * var(--dyam-pad-mobile,12px))) !important;
  }
}