/* Safy Kitchen footer (e-con-full containers: children are direct). */
.elementor-element.safy-footer{padding:0;gap:0;margin:0;font-family:Tajawal,sans-serif}
.safy-footer p{margin:0}
.elementor-element.safy-benefits{display:grid;grid-template-columns:repeat(4,1fr);gap:0;padding:22px max(24px,calc((100% - 1200px)/2));background:linear-gradient(to right,var(--c-tint-purple),var(--c-tint-pink));color:var(--c-ink)}
.safy-benefits>.e-con{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;gap:14px;padding:0 20px;border-inline-start:1px solid var(--c-line)}
.safy-benefits>.e-con:first-child{border-inline-start:0}
.safy-benefits .elementor-icon{font-size:32px;color:var(--c-primary)}.safy-benefits .elementor-icon svg{fill:var(--c-primary)}.safy-benefits>.e-con>.e-con{flex-direction:column;align-items:flex-start;gap:0;padding:0;width:auto}
.safy-benefits .elementor-heading-title{font-size:16px;font-weight:700;color:var(--c-ink)}
.safy-benefits .elementor-widget-text-editor{font-size:14px;color:var(--c-text-muted)}
.elementor-element.safy-footer-columns{display:grid;grid-template-columns:1.4fr .8fr 1fr;gap:0;padding:44px max(24px,calc((100% - 1200px)/2)) 36px;background:var(--grad-brand-deep);color:var(--c-white)}
.safy-footer-columns>.e-con{align-items:flex-start;padding:0 28px;border-inline-start:1px solid rgba(255,255,255,.18)}
.safy-footer-columns>.e-con:first-child{border-inline-start:0;padding-inline-start:0}
.safy-footer-columns>.e-con:last-child{padding-inline-end:0}
.safy-footer-columns .elementor-heading-title{margin-bottom:14px;font-size:20px;font-weight:700;color:var(--c-white)}
.safy-footer-columns .elementor-widget-text-editor{font-size:15px;line-height:1.9;color:var(--c-white)}
.safy-footer-columns .elementor-icon-list-text{font-size:15px;color:var(--c-white)}
.safy-footer-columns .elementor-icon-list-icon,.safy-footer-columns .elementor-icon-list-icon svg{color:var(--c-white);fill:var(--c-white)}
.safy-footer-columns .elementor-icon-list-icon{font-size:14px}
.safy-footer-columns .elementor-icon-list-item{margin-bottom:8px}
.safy-footer-columns .elementor-icon-list-item a:hover{text-decoration:underline}
.elementor-element.safy-footer-bottom{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;min-height:64px;padding:0 max(24px,calc((100% - 1200px)/2));border-top:1px solid rgba(255,255,255,.18);background:var(--grad-brand-deep);color:var(--c-white);font-size:14px}
.safy-footer-bottom>:first-child{justify-self:start}.safy-footer-bottom>:last-child{justify-self:end}
.safy-footer-bottom .elementor-widget-text-editor{color:var(--c-white)}
@media(min-width:1025px){.safy-footer-bottom .elementor-widget-text-editor{white-space:nowrap}}
.safy-footer-bottom .elementor-widget-button .elementor-button{display:grid;place-items:center;width:44px;height:44px;min-height:44px;padding:0;border:0;border-radius:50%;background:rgba(255,255,255,.16);color:var(--c-white)}
.safy-footer-bottom .elementor-widget-button .elementor-button-text{display:none}
@media(max-width:1024px){.elementor-element.safy-benefits{grid-template-columns:repeat(2,1fr);padding-inline:24px}.safy-benefits>.e-con{border:0;padding-block:12px}
.elementor-element.safy-footer-columns{grid-template-columns:1fr 1fr;gap:28px 0}.safy-footer-columns>.e-con:nth-child(3){grid-column:1/-1;border:0;padding-inline:0}}
@media(max-width:767px){.elementor-element.safy-benefits{grid-template-columns:1fr}.safy-benefits>.e-con{padding-inline:0}
.elementor-element.safy-footer-columns{grid-template-columns:1fr}.safy-footer-columns>.e-con{border:0;padding-inline:0}
.elementor-element.safy-footer-bottom{grid-template-columns:1fr;justify-items:center;text-align:center;padding-block:14px}.safy-footer-bottom>*{justify-self:center}.safy-footer-bottom .elementor-widget-text-editor{white-space:normal}}
/* footer social: 42px translucent circles, as the reference */
.safy-footer .safy-social--footer{margin-top:18px}
.safy-footer .safy-social .elementor-social-icons-wrapper{display:flex;gap:10px}
.safy-footer .safy-social--footer .elementor-social-icon{display:grid;place-items:center;width:42px;height:42px;padding:0;border-radius:50%;background:rgba(255,255,255,.16);color:var(--c-white);font-size:18px}
.safy-footer .safy-social--footer .elementor-social-icon svg{width:18px;height:18px;fill:currentColor}
.safy-footer .safy-social--footer .elementor-social-icon:hover{background:rgba(255,255,255,.3)}
/* ===== to match the reference exactly (measured): band 98px, 44px icon box, list text 16px, soft white 0.92 ===== */
.safy-benefits>.e-con{min-height:54px}
.safy-benefits .elementor-icon{display:grid;place-items:center;width:44px;height:44px;padding:8px;font-size:28px;box-sizing:border-box}
.safy-benefits .elementor-icon svg{width:28px;height:28px}
.safy-footer-columns .elementor-icon-list-text{font-size:16px;line-height:27px;opacity:.92}
.safy-footer-columns .elementor-icon-list-item{margin-bottom:8px}
.safy-footer-columns .elementor-icon-list-item a:hover .elementor-icon-list-text{opacity:1;text-decoration:underline}
.safy-footer-columns .elementor-widget-text-editor{opacity:.92}
.safy-footer-columns .elementor-heading-title{line-height:1.7}
.safy-footer-bottom .elementor-widget-button .elementor-button{transition:background .2s}
.safy-footer-bottom .elementor-widget-button .elementor-button:hover{background:rgba(255,255,255,.3);color:var(--c-white)}
.safy-footer-columns>.e-con:last-child .elementor-icon-list-item{margin-bottom:14px}
.safy-footer-columns>.e-con:last-child .elementor-icon-list-icon{margin-inline-end:10px}
@media(max-width:1024px){.safy-benefits>.e-con{min-height:78px}}
@media(max-width:767px){.elementor-element.safy-benefits,.elementor-element.safy-footer-columns,.elementor-element.safy-footer-bottom{padding-inline:16px}}
.safy-footer-bottom .elementor-widget-text-editor p{line-height:1.7}
.elementor-element.safy-footer-bottom{min-height:65px}
/* the bottom bar is now [to-top | copyright]: the copyright keeps the centre column */
.safy-footer-bottom>.elementor-widget-text-editor{justify-self:center}
@media(min-width:768px){.safy-footer-bottom>.elementor-widget-text-editor{grid-column:2}}
.safy-footer-bottom>:last-child{justify-self:auto}
@media(min-width:768px) and (max-width:1024px){.safy-footer-bottom .elementor-widget-text-editor{text-align:center}}
@media(max-width:767px){.elementor-element.safy-footer-bottom>.elementor-widget{justify-self:center}.safy-footer-bottom .elementor-widget-text-editor{text-align:center}}
/* developer credit (library rule): the name is the link, colour inherited from the footer text */
.safy-footer-bottom .elementor-widget-text-editor a{color:inherit;text-decoration:none}
.safy-footer-bottom .elementor-widget-text-editor a:hover{text-decoration:underline}
.safy-footer-bottom .One_Creation a{font-weight:700}
.safy-footer-bottom .elementor-widget-text-editor{line-height:1.7}

/* footer brand: the one-colour (white) version of the logo, big, on its own line; the name under it */
.safy-footer-columns>.e-con:first-child>.elementor-widget-heading:first-child .elementor-heading-title{display:flex;flex-direction:column;align-items:flex-start;gap:4px}
.safy-footer-columns>.e-con:first-child>.elementor-widget-heading:first-child .elementor-heading-title::before{content:"";flex:none;width:240px;height:130px;background:url("../img/logo-footer-white.png") right center/contain no-repeat}/* phone: the footer content keeps a 16px margin on both sides (it touched the screen edge) */
@media(max-width:767px){.elementor-element.safy-footer-columns{padding-inline:16px}.elementor-element.safy-footer-bottom{padding-inline:16px}.safy-footer-columns>.e-con{padding-inline:0}}
/* ONE back-to-top: the floating button (appears on scroll, hides at the top) sits on the left, in the same column as the WhatsApp / call buttons, right above them; the one in the footer bar is removed */
.ocms-back-to-top{inset-inline-end:16px!important;inset-inline-start:auto!important;inline-size:44px;block-size:44px;background:var(--grad-brand)!important;box-shadow:0 6px 16px rgba(126,34,161,.35)!important}
.ocms-back-to-top:hover,.ocms-back-to-top:focus-visible{background:var(--grad-brand)!important;filter:brightness(.93)}
.safy-footer-bottom .elementor-widget-button{display:none}
/* benefits bar: every icon sits on a soft white round chip (the site's icon-chip system) */
.safy-benefits .elementor-icon{display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:var(--c-white);box-shadow:var(--shadow-card);font-size:22px;line-height:1;color:var(--c-primary)}
.safy-benefits .elementor-icon svg{width:22px;height:22px;color:var(--c-primary)}
.safy-benefits .elementor-widget-icon{flex:none;width:auto}
/* back-to-top: 12px above the WhatsApp / call pair, bigger arrow */
.ocms-back-to-top{--ocms-btt-lift:100px!important}
.ocms-back-to-top svg,.ocms-back-to-top i{width:22px!important;height:22px!important;font-size:22px!important}
.ocms-back-to-top{font-size:22px}
.ocms-back-to-top svg{width:22px!important;height:22px!important;overflow:visible;stroke-width:2.2}
.ocms-back-to-top svg path{transform:scale(1.35);transform-box:fill-box;transform-origin:center}
/* "contact us" column: each icon sits on a soft translucent circle, like the social icons */
.safy-footer-columns>.e-con:last-child .elementor-icon-list-icon{display:inline-grid;place-items:center;flex:none;width:34px;height:34px;margin-inline-end:12px;border-radius:50%;background:rgba(255,255,255,.16)}
.safy-footer-columns>.e-con:last-child .elementor-icon-list-icon svg{width:16px;height:16px;margin:0}
.safy-footer-columns>.e-con:last-child .elementor-icon-list-item{display:flex;align-items:center;gap:0;padding:6px 0}
/* phone: the footer content keeps a 16px margin on both sides */
@media(max-width:767px){.elementor-element.safy-footer-columns{padding-inline:16px}.elementor-element.safy-footer-bottom{padding-inline:16px}.safy-footer-columns>.e-con{padding-inline:0}.safy-footer-bottom>:first-child{grid-column:auto}.safy-footer-bottom>:nth-child(2){grid-column:auto;grid-row:auto}}
/* back-to-top: smaller arrow; it stays white on hover (the site-wide button:hover rule painted it pink on the pink gradient) */
.ocms-back-to-top svg{width:18px!important;height:18px!important}
.ocms-back-to-top svg path{transform:none}
.ocms-back-to-top,.ocms-back-to-top:hover,.ocms-back-to-top:focus-visible{color:var(--c-white)!important}
.ocms-back-to-top:hover,.ocms-back-to-top:focus-visible{filter:brightness(1.08)}