/* Day Group homepage - details Elementor controls do not expose.
   Values taken directly from daydebt-homepage.html. */

/* Flex children default to min-width:auto, so a wide child (the calculator card's
   form, or a card's longest word) can refuse to shrink, blow past its % width and
   force the row to wrap. Source used CSS Grid, which floors at min-content the same
   way - but these columns must be allowed to shrink. */
.elementor-element-dhHR01 > .e-con,
.elementor-element-dhSVG > .e-con,
.elementor-element-dhPRG > .e-con,
.elementor-element-dhTSG > .e-con,
.elementor-element-dhBLG1 > .e-con,
.elementor-element-dhABR > .e-con{min-width:0}
.dd-calc-card,.dd-calc-card *{max-width:100%}
.dd-calc-card .frm_forms{max-width:100%}

/* Page ground colour, so any seam between bands reads as Warm Paper not white */
body.home{background-color:#F6F2EA}

/* LIT badge is an inline-flex pill in the source - hug the text, don't span the column */
.elementor-element-dhACB{width:auto!important;align-self:flex-start!important;flex:0 0 auto!important}

/* Hero H1 italic clause: Source Serif 300 italic, teal */
.dd-hero-h1 em{font-style:italic;font-weight:300;font-family:'Source Serif 4',Georgia,serif;color:#2E8B99}

/* Hero sub measure */
.dd-hero-sub p{max-width:48ch}

/* Trust strip */
.dd-trust-inner{display:flex;align-items:center;justify-content:center;gap:clamp(16px,3.5vw,48px);flex-wrap:wrap}
.dd-trust-item{display:flex;align-items:center;gap:8px;font-family:'Hanken Grotesk',system-ui,sans-serif;font-size:13px;font-weight:500;color:#3D5560;white-space:nowrap}
.dd-trust-item .dd-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0;display:inline-block}

/* Service cards: hover lift + arrow nudge, matching source transitions */
.elementor-element-dhSV1,.elementor-element-dhSV2,.elementor-element-dhSV3{transition:background .2s,border-color .2s}
.elementor-element-dhSV1:hover,.elementor-element-dhSV2:hover,.elementor-element-dhSV3:hover{background-color:rgba(255,255,255,.09)!important;border-color:rgba(46,139,153,.35)!important}
.elementor-element-dhSV1 .elementor-button,.elementor-element-dhSV2 .elementor-button,.elementor-element-dhSV3 .elementor-button{gap:6px;transition:gap .15s}
.elementor-element-dhSV1:hover .elementor-button,.elementor-element-dhSV2:hover .elementor-button,.elementor-element-dhSV3:hover .elementor-button{gap:10px}

/* Process grid: 2px gutters read as hairlines, corners clipped */
.dd-process-grid{overflow:hidden}

/* Blog cards: clip the thumb to the card radius, hover lift */
.dd-blog-card{overflow:hidden;transition:border-color .2s,transform .18s}
.dd-blog-card:hover{border-color:#2E8B99!important;transform:translateY(-2px)}

/* Final CTA measures from source */
.elementor-element-dhCTh .elementor-heading-title{max-width:16ch;margin-left:auto;margin-right:auto}
.dd-cta-sub p{max-width:44ch;margin-left:auto;margin-right:auto}

/* Buttons: source uses a 1px lift on hover */
.elementor-element-dhHA02 .elementor-button:hover,
.elementor-element-dhCTbtn .elementor-button:hover{transform:translateY(-1px)}
.elementor-button{transition:background .15s,transform .12s}

/* Star rating: unicode ★ (eicons font is not enqueued on this page, which rendered
   the icon-font version as empty boxes). Elementor applies its unmarked colour to the
   <i> in unicode mode, so set the filled/empty states explicitly. */
.elementor-widget-star-rating .elementor-star-rating{letter-spacing:2px}
.elementor-widget-star-rating .elementor-star-rating i{font-style:normal}
.elementor-widget-star-rating .elementor-star-rating .elementor-star-full{color:#E0913B!important}
.elementor-widget-star-rating .elementor-star-rating .elementor-star-empty{color:rgba(224,145,59,.22)!important}

@media (max-width:600px){
  .dd-trust-inner{gap:14px 18px}
  .dd-trust-item{font-size:12.5px}
}