/* Sugar Footer · effects for the Elementor footer template (elements with sgf-* CSS classes).
   Colors, fonts and spacing are Elementor controls — edit them there. This file only adds what
   Elementor can't: the WoodMart wrapper reset, logo tile, menu links, contact pills, giant script
   word, Fluent Forms pill and the scroll reveal. */

/* WoodMart footer wrapper → let the template run edge to edge */
.footer-container:has(.sgf){background:transparent!important;border:0!important;padding:0!important;margin:0!important}
.footer-container .main-footer:has(.sgf){max-width:none!important;width:100%!important;padding:0!important;margin:0!important}
.footer-container:has(.sgf) .copyrights-wrapper{display:none}

/* Layout stamp — same side spacing as the header (wins over the Elementor template's own width/padding) */
.sgf.e-con{--content-width:min(100%, var(--sgx-max,1520px))!important;--padding-left:var(--sgx-gutter,clamp(16px,2.5vw,32px))!important;--padding-right:var(--sgx-gutter,clamp(16px,2.5vw,32px))!important}

.sgf{font-family:"Tajawal",system-ui,sans-serif;--sgf-orchid:#B93298;--sgf-orchid-700:#8E1F73;--sgf-orchid-300:#E7A6D8;--sgf-muted:#CDB5C8;--sgf-ease:cubic-bezier(.16,1,.3,1);overflow:hidden}
.sgf a{text-decoration:none!important;box-shadow:none}
.sgf .sgf-sub p,.sgf .sgf-copy p,.sgf .sgf-credit p{margin:0}

/* Logo tile */
.sgf .sgf-logo{--container-widget-width:84px;width:84px!important;height:84px;display:flex;align-items:center;justify-content:center;background:#fff;border-radius:24px;flex:none}
.sgf .sgf-logo>.elementor-widget-container,.sgf .sgf-logo .elementor-shortcode{display:contents}
.sgf .sgf-logo img{height:66px!important;width:auto!important;max-width:none!important}
/* Light logo → no tile, sits straight on the dark background */
.sgf .sgf-logo:has(.is-light){--container-widget-width:auto;width:auto!important;height:auto;background:none;border-radius:0;justify-content:flex-start}
.sgf .sgf-logo img.is-light{height:112px!important}
@media (max-width:767px){.sgf .sgf-logo img.is-light{height:92px!important}}

/* Link columns — [sugar_menu] */
.sgf .sgf-menu{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.sgf .sgf-menu li{list-style:none;margin:0;padding:0}
.sgf .sgf-menu li::before{content:none}
.sgf .sgf-menu a{display:inline-block;color:var(--sgf-muted);font-size:14.5px;line-height:1.5;white-space:nowrap;transition:color .18s,padding .18s}
.sgf .sgf-menu a:focus-visible{outline:2px solid var(--sgf-orchid-300);outline-offset:3px;border-radius:4px}

/* Contact pills — Icon List widget, inline layout */
.sgf .sgf-pills .elementor-icon-list-items.elementor-inline-items{gap:12px;margin:0!important}
.sgf .sgf-pills .elementor-icon-list-items .elementor-icon-list-item{margin:0!important;padding:0!important}
.sgf .sgf-pills .elementor-icon-list-item::after{display:none!important}
.sgf .sgf-pills .elementor-icon-list-item>a,.sgf .sgf-pills .elementor-icon-list-item>span{display:inline-flex;align-items:center;gap:10px;padding:10px 16px;border-radius:999px;background:rgba(255,255,255,.06);white-space:nowrap;transition:background .18s}
.sgf .sgf-pills .elementor-icon-list-icon{display:inline-flex}
.sgf .sgf-pills .elementor-icon-list-text{padding:0!important;direction:ltr;unicode-bidi:isolate}
.sgf .sgf-pills .elementor-icon-list-item>a:focus-visible{outline:2px solid var(--sgf-orchid-300);outline-offset:2px}

/* Giant script word */
.sgf .sgf-giant .elementor-heading-title{font-size:clamp(110px,26vw,360px);line-height:1.1;padding-bottom:.24em;color:transparent;-webkit-text-stroke:1.5px rgba(231,166,216,.45);text-align:center;white-space:nowrap;direction:ltr;user-select:none;transition:color 1.2s var(--sgf-ease)}
.sgf .sgf-giant.is-in .elementor-heading-title{color:rgba(185,50,152,.18)}

/* Newsletter — Fluent Forms (one Email field + Submit, label hidden) */
.sgf .sgf-news{width:100%;max-width:520px}
.sgf .sgf-news .fluentform,.sgf .sgf-news .fluentform form{margin:0}
.sgf .sgf-news .frm-fluent-form{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:6px;border-radius:999px;background:rgba(255,255,255,.06);box-shadow:inset 0 0 0 1px rgba(255,255,255,.12);transition:box-shadow .2s}
.sgf .sgf-news .frm-fluent-form:focus-within{box-shadow:inset 0 0 0 1.5px var(--sgf-orchid-300)}
.sgf .sgf-news .frm-fluent-form fieldset{display:contents;border:0;margin:0;padding:0}
.sgf .sgf-news .ff-el-group{flex:1 1 180px;min-width:0;margin:0!important;position:relative}
.sgf .sgf-news .ff-el-group.ff_submit_btn_wrapper{flex:0 0 auto}
.sgf .sgf-news .ff-el-input--label{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.sgf .sgf-news .ff-el-form-control{font-family:inherit!important;height:50px!important;padding:0 18px!important;background:transparent!important;border:0!important;box-shadow:none!important;color:#fff!important;font:inherit;font-size:15px!important}
.sgf .sgf-news .ff-el-form-control::placeholder{color:#A88DA2;opacity:1}
.sgf .sgf-news .ff-btn-submit{font-family:inherit!important;height:50px!important;padding:0 28px!important;border:0!important;border-radius:999px!important;background:var(--sgf-orchid)!important;color:#fff!important;font-size:16px!important;font-weight:600!important;white-space:nowrap;transition:background .18s,transform .18s}
.sgf .sgf-news .ff-btn-submit:active{transform:scale(.97)}
.sgf .sgf-news .error.text-danger{position:absolute;inset-inline-start:18px;top:calc(100% + 10px);margin:0;color:#FFB8D6;font-size:12.5px;white-space:nowrap}
.sgf .sgf-news .ff-message-success{margin:0;padding:14px 20px;border:0;border-radius:20px;background:rgba(255,255,255,.08);color:#fff;box-shadow:none}

/* Hover only on devices with a real pointer */
@media (hover:hover) and (pointer:fine){
	.sgf .sgf-menu a:hover{color:#fff;padding-inline-start:6px}
	.sgf .sgf-pills .elementor-icon-list-item>a:hover{background:var(--sgf-orchid)}
	.sgf .sgf-news .ff-btn-submit:hover{background:var(--sgf-orchid-700)!important}
}

/* Scroll reveal — only for elements that start below the screen (added by sugar-footer.js) */
.sgf .sgf-rv{transition:opacity .8s var(--sgf-ease),transform .8s var(--sgf-ease);transition-delay:calc(var(--i,0) * 90ms)}
.sgf .sgf-rv.sgf-pre{opacity:0;transform:translateY(28px)}

/* Mobile with the Sugar Header bottom bar: the footer runs behind the bar and clears the WhatsApp button */
@media (max-width:900px){
	body.sgh-has-appbar:has(.sgf){padding-bottom:0!important}
	body.sgh-has-appbar .sgf .sgf-bottom{margin-bottom:calc(var(--sgh-appbar-space,92px) + 72px + env(safe-area-inset-bottom))}
}

/* Mobile: third link column spans the full row */
@media (max-width:767px){
	.sgf .sgf-cols>.e-con:last-child,.sgf .sgf-cols>.e-con-inner>.e-con:last-child{grid-column:1 / -1}
	.sgf .sgf-news .ff-btn-submit{padding:0 20px!important}
}

@media (prefers-reduced-motion:reduce){
	.sgf .sgf-rv,.sgf .sgf-giant .elementor-heading-title,.sgf .sgf-menu a{transition:none}
	.sgf .sgf-rv.sgf-pre{opacity:1;transform:none}
}