/* DMS Fixes - front-end CSS (step "css"). Loaded after the dms-child stylesheet. */

/* Item 4: price tables on phones. fixes.js adds .dms-fx-stack + data-label to tables with 3+ columns, .dms-fx-2col to 2-column tables. */
@media (max-width:600px){
	.dms-table .elementor-widget-container,.dms-table{overflow-x:visible}
	.dms-table table.dms-fx-stack,.dms-table table.dms-fx-2col{min-width:0!important;width:100%}
	.dms-table table.dms-fx-stack{border:0;background:none;border-radius:0;font-size:14px}
	.dms-table table.dms-fx-stack thead{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
	.dms-table table.dms-fx-stack tbody{display:block}
	.dms-table table.dms-fx-stack tr{display:grid;grid-template-columns:1fr 1fr;gap:0 14px;background:var(--c-card);border:1px solid var(--c-line);border-radius:6px;padding:12px 14px 10px;margin:0 0 10px}
	.dms-table table.dms-fx-stack td{display:flex;justify-content:space-between;align-items:baseline;gap:8px;border:0;border-top:1px solid var(--c-line);padding:8px 0;white-space:normal!important;min-width:0;background:none!important}
	.dms-table table.dms-fx-stack tr:hover td{background:none!important}
	.dms-table table.dms-fx-stack td:first-child{grid-column:1/-1;border-top:0;padding:0 0 8px;font-family:var(--f-head);font-size:17px;line-height:1.3}
	.dms-table table.dms-fx-stack td:not(:first-child)::before{content:attr(data-label);font-family:var(--f-lab);font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--c-acc);white-space:nowrap}
	.dms-table table.dms-fx-stack td.dms-fx-na{display:none}
	.dms-table table.dms-fx-2col th,.dms-table table.dms-fx-2col td{padding:11px 12px;white-space:normal!important}
	.dms-table table.dms-fx-2col td:last-child,.dms-table table.dms-fx-2col th:last-child{text-align:right}
}

/* Item 15 (audit): checkmarks line up with the first line of multi-line list items. */
.elementor-widget-icon-list .elementor-icon-list-items .elementor-icon-list-item,
.elementor-widget-icon-list .elementor-icon-list-items .elementor-icon-list-item > a{align-items:baseline!important}
.elementor-widget-icon-list .elementor-icon-list-item .elementor-icon-list-icon{align-self:baseline;position:relative;top:5px}
.dms-checks .elementor-icon-list-icon svg{margin-top:0!important}

/* Item 2 guard: the hero price badge never sits over the buttons on phones, even if the hero photo fails to load. */
.dms-archwrap .dms-arch img{background:var(--c-card2,#2b211b);min-height:120px}
@media (max-width:767px){
	.dms-archwrap .dms-arch .elementor-widget-container{aspect-ratio:4/5;overflow:hidden;border-radius:999px 999px 12px 12px}
	.dms-archwrap .dms-arch img{height:100%!important}
}

/* Footer lotus mark (step "icon" swaps the leaf svg for this image). */
.dms-logo .mk.dms-mk-lotus img{width:26px;height:26px;object-fit:contain;display:block}