/* DigiLife Guide core styles: components rendered by shortcodes + small Elementor class hooks.
   Colours mirror the Elementor global kit. */
:root{
  --dlg-blue:#1463FF; --dlg-blue-d:#0B47C9; --dlg-navy:#0A1A3F; --dlg-navy2:#071433;
  --dlg-ink:#0E1A33; --dlg-text:#4A5672; --dlg-muted:#6B7690; --dlg-line:#E3E9F4; --dlg-bg:#F6F8FC;
  --dlg-r:14px; --dlg-shadow:0 10px 30px -12px rgba(14,40,96,.22);
  --dlg-head:'Poppins',sans-serif; --dlg-body:'DM Sans',sans-serif;
}
.screen-reader-text{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.dlg-i{display:inline-block;vertical-align:middle;flex:none}
body{-webkit-font-smoothing:antialiased}

/* ---------- Specificity guards (beat the Elementor kit link colour) ---------- */
body .dlg-nav__list a{color:#DCE5F7}
body .dlg-nav__list a:hover,body .dlg-nav__list .current-menu-item>a{color:#fff}
body .dlg-card__title a,body .dlg-popular__title{color:var(--dlg-ink)}
body .dlg-card__title a:hover,body .dlg-popular__title:hover{color:var(--dlg-blue)}
body .dlg-lead__link,body .dlg-lead__link:hover{color:#fff}

/* ---------- Header ---------- */
.e-con.dlg-logo,.dlg-logo .e-con{--width:auto!important;width:auto!important;flex:0 0 auto!important;max-width:none!important}
.dlg-logo .elementor-widget-text-editor p{white-space:nowrap;margin:0}
.dlg-logo .elementor-widget-image img{display:block}
@media (max-width:767px){.dlg-site-header .dlg-logo .elementor-widget-text-editor{display:none}}
.dlg-header-nav{min-width:0}
body .dlg-nav__toggle,body .dlg-nav__toggle:hover,body .dlg-nav__toggle:focus{background:transparent!important;border:0!important;box-shadow:none!important;padding:8px!important}
body .dlg-nav__toggle:focus-visible{outline:2px solid #58A6FF;outline-offset:2px}
.dlg-catcard .e-con,.dlg-cta>.e-con,.dlg-cta .e-con{min-width:0}
.dlg-site-header{position:relative;z-index:50}
.dlg-logo-accent{color:#58A6FF}
.dlg-nav{display:flex;align-items:center;justify-content:center}
.dlg-nav__list{display:flex;gap:26px;list-style:none;margin:0;padding:0;align-items:center}
.dlg-nav__list a{display:block;position:relative;font:500 13.5px/1 var(--dlg-head);color:#DCE5F7;text-decoration:none;padding:10px 0;white-space:nowrap;transition:color .15s}
.dlg-nav__list a:hover,.dlg-nav__list .current-menu-item>a,.dlg-nav__list .current-menu-parent>a{color:#fff}
.dlg-nav__list .current-menu-item>a::after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;border-radius:3px;background:#3B8BFF}
.dlg-nav__toggle{display:none;background:none;border:0;padding:8px;cursor:pointer;flex-direction:column;gap:5px}
.dlg-nav__toggle span{display:block;width:22px;height:2px;border-radius:2px;background:#fff;transition:transform .2s,opacity .2s}
.dlg-nav__toggle[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.dlg-nav__toggle[aria-expanded="true"] span:nth-child(2){opacity:0}
.dlg-nav__toggle[aria-expanded="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
@media (max-width:1320px){.dlg-nav__list{gap:18px}.dlg-nav__list a{font-size:13px}}
@media (max-width:1180px){.dlg-nav__list{gap:14px}.dlg-nav__list a{font-size:12.5px}}
.dlg-site-header .elementor-widget-icon{margin-left:6px}
.dlg-site-footer .elementor-social-icons-wrapper{display:flex;flex-wrap:wrap;gap:8px}
.dlg-site-footer .elementor-social-icon{margin:0!important;font-size:12px!important}
@media (max-width:1024px){
  .dlg-nav__toggle{display:flex}
  .dlg-nav__panel{display:none;position:absolute;left:0;right:0;top:100%;background:var(--dlg-navy);border-top:1px solid rgba(255,255,255,.08);box-shadow:0 18px 30px -10px rgba(0,0,0,.4);padding:8px 20px 18px}
  .dlg-nav.is-open .dlg-nav__panel{display:block}
  .dlg-nav__list{flex-direction:column;align-items:stretch;gap:0}
  .dlg-nav__list a{font-size:15px;padding:14px 0;border-bottom:1px solid rgba(255,255,255,.07)}
  .dlg-nav__list .current-menu-item>a::after{display:none}
  .dlg-nav__list .current-menu-item>a{color:#58A6FF}
  .dlg-header-nav{order:5}
  .dlg-site-header .e-con-inner,.dlg-site-header>.e-con-inner{position:static}
}

/* ---------- Hero ---------- */
.dlg-search{position:relative;display:flex;align-items:center;background:#fff;border-radius:999px;padding:6px 6px 6px 50px;box-shadow:0 14px 40px -14px rgba(3,20,70,.55);max-width:540px}
.dlg-search__icon{position:absolute;left:18px;top:50%;transform:translateY(-50%);color:#22304F;display:flex}
.dlg-search input[type=search]{flex:1;border:0!important;outline:0;background:transparent!important;font:400 15px/1.2 var(--dlg-body);color:var(--dlg-ink);padding:12px 8px!important;min-width:0;box-shadow:none!important}
.dlg-search input::placeholder{color:#7A859E}
.dlg-search button{flex:none;width:42px;height:42px;border-radius:50%;border:0;background:var(--dlg-blue);color:#fff;display:grid;place-items:center;cursor:pointer;transition:background .15s,transform .15s;padding:0}
.dlg-search button:hover{background:var(--dlg-blue-d);transform:translateX(2px)}
.dlg-search:focus-within{box-shadow:0 0 0 3px rgba(88,166,255,.55),0 14px 40px -14px rgba(3,20,70,.55)}
.dlg-chip .elementor-button{transition:background .15s,border-color .15s}
.dlg-chip .elementor-button:hover{background:rgba(255,255,255,.14)!important;border-color:#fff!important}
.dlg-hero-badge{display:inline-block}

/* ---------- Topic tiles + category cards ---------- */
.dlg-tile,.dlg-catcard{transition:transform .2s ease,box-shadow .2s ease,border-color .2s}
.dlg-tile:hover,.dlg-catcard:hover{transform:translateY(-3px);box-shadow:var(--dlg-shadow)}
.dlg-tile .elementor-icon-box-title a,.dlg-catcard .elementor-heading-title a{color:inherit}
.dlg-g-pay .elementor-icon{background-image:linear-gradient(135deg,#3B82FF,#1450E6)}
.dlg-g-ai .elementor-icon{background-image:linear-gradient(135deg,#9B6BFF,#6A3BE8)}
.dlg-g-sec .elementor-icon{background-image:linear-gradient(135deg,#2BC46D,#12924A)}
.dlg-g-tut .elementor-icon{background-image:linear-gradient(135deg,#FF9440,#F2600F)}
.dlg-g-biz .elementor-icon{background-image:linear-gradient(135deg,#FF5A63,#DE2A3F)}
.dlg-g-exp .elementor-icon{background-image:linear-gradient(135deg,#22BFB3,#0B8C84)}
.dlg-g-pay .elementor-icon,.dlg-g-ai .elementor-icon,.dlg-g-sec .elementor-icon,.dlg-g-tut .elementor-icon,.dlg-g-biz .elementor-icon,.dlg-g-exp .elementor-icon{box-shadow:0 8px 18px -8px rgba(14,40,96,.45)}
.dlg-arrow .elementor-icon{transition:transform .2s}
.dlg-tile:hover .dlg-arrow .elementor-icon,.dlg-catcard:hover .dlg-arrow .elementor-icon{transform:translateX(3px)}
.dlg-count{font:600 12.5px/1 var(--dlg-body)}

/* ---------- Section titles ---------- */
.dlg-sec-title .elementor-heading-title{display:flex;align-items:center;gap:12px}
.dlg-sec-title.has-bar .elementor-heading-title::before{content:"";width:22px;height:3px;border-radius:3px;background:var(--dlg-blue);flex:none}
.dlg-textlink .elementor-button{padding:0!important;background:none!important}
.dlg-textlink .elementor-button:hover{text-decoration:underline}

/* ---------- Badges, meta, placeholders ---------- */
.dlg-badge{display:inline-block;font:600 10.5px/1 var(--dlg-head);letter-spacing:.2px;color:#fff;background:var(--dlg-c,#1463FF);padding:5px 9px;border-radius:999px;white-space:nowrap}
.dlg-meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px;font:500 12px/1.2 var(--dlg-body);color:var(--dlg-muted)}
.dlg-meta>span{display:inline-flex;align-items:center;gap:5px}
.dlg-meta__author{color:inherit;font-weight:700}
.dlg-meta__author img{width:28px;height:28px;border-radius:50%;object-fit:cover;border:2px solid rgba(255,255,255,.85)}
.dlg-ph{display:grid;place-items:center;width:100%;height:100%;color:rgba(255,255,255,.92);background:radial-gradient(120% 90% at 20% 15%,rgba(255,255,255,.22),transparent 55%),linear-gradient(135deg,var(--dlg-a),var(--dlg-b))}
.dlg-sample-note{margin:12px 0 0;font:500 12px/1.4 var(--dlg-body);color:#8A5A00;background:#FFF6DD;border:1px dashed #F0C766;border-radius:10px;padding:8px 12px}
.dlg-empty{background:var(--dlg-bg);border:1px dashed #CBD6EA;border-radius:var(--dlg-r);padding:28px;color:var(--dlg-text);font:500 15px/1.5 var(--dlg-body)}
.dlg-empty--small{padding:16px;font-size:13.5px}

/* ---------- Featured ---------- */
.dlg-featured{display:grid;grid-template-columns:1.08fr 1fr;gap:18px}
.dlg-lead{min-height:100%}
.dlg-lead__link{position:relative;display:flex;flex-direction:column;justify-content:flex-end;height:100%;min-height:420px;border-radius:var(--dlg-r);overflow:hidden;background:#0D2A66 center/cover no-repeat;color:#fff;text-decoration:none;isolation:isolate}
.dlg-lead__link>.dlg-ph{position:absolute;inset:0;z-index:-2}
.dlg-lead__link>.dlg-ph .dlg-i{width:96px;height:96px;opacity:.6;transform:translateY(-60px)}
.dlg-lead__shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(7,20,51,0) 30%,rgba(7,20,51,.78) 62%,rgba(7,20,51,.96) 100%)}
.dlg-lead__badge{position:absolute;top:16px;left:16px}
.dlg-lead__body{padding:22px 22px 20px}
.dlg-lead__title{font:700 25px/1.15 var(--dlg-head)!important;color:#fff!important;margin:0 0 10px!important}
.dlg-lead__body p{font:400 14px/1.55 var(--dlg-body);color:rgba(255,255,255,.86);margin:0 0 16px}
.dlg-lead .dlg-meta{color:rgba(255,255,255,.85)}
.dlg-lead__link:hover .dlg-lead__title{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:4px}
.dlg-list{display:flex;flex-direction:column;gap:12px}
.dlg-card{display:flex;gap:14px;background:#fff;border:1px solid var(--dlg-line);border-radius:12px;padding:10px;transition:box-shadow .2s,border-color .2s}
.dlg-card:hover{box-shadow:var(--dlg-shadow);border-color:#D3DDF0}
.dlg-card__thumb{flex:none;width:96px;height:96px;border-radius:10px;overflow:hidden;display:block}
.dlg-card__thumb img{width:100%;height:100%;object-fit:cover;display:block}
.dlg-card__body{min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:5px}
.dlg-card__title{font:600 14.5px/1.3 var(--dlg-head)!important;margin:0!important}
.dlg-card__title a{color:var(--dlg-ink);text-decoration:none}
.dlg-card__title a:hover{color:var(--dlg-blue)}
.dlg-card__body p{font:400 12.5px/1.45 var(--dlg-body);color:var(--dlg-muted);margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
@media (max-width:880px){.dlg-featured{grid-template-columns:1fr}.dlg-lead__link{min-height:360px}}
@media (max-width:480px){.dlg-card__thumb{width:80px;height:80px}.dlg-lead__title{font-size:21px!important}}

/* ---------- Popular ---------- */
.dlg-popular{list-style:none;margin:0;padding:0;counter-reset:none}
.dlg-popular li{display:flex;align-items:center;gap:12px;padding:12px 0;border-top:1px solid var(--dlg-line)}
.dlg-popular li:first-child{border-top:0;padding-top:4px}
.dlg-popular__n{flex:none;width:18px;font:700 16px/1 var(--dlg-head);color:var(--dlg-ink);text-align:center}
.dlg-popular__thumb{flex:none;width:56px;height:56px;border-radius:9px;overflow:hidden;display:block}
.dlg-popular__thumb img{width:100%;height:100%;object-fit:cover;display:block}
.dlg-popular__title{display:block;font:600 13.5px/1.3 var(--dlg-head);color:var(--dlg-ink);text-decoration:none;margin-bottom:5px}
.dlg-popular__title:hover{color:var(--dlg-blue)}
.dlg-popular .dlg-meta{font-size:11.5px}

/* ---------- Newsletter ---------- */
.dlg-hp{position:absolute!important;left:-9999px!important}
.dlg-nl{display:flex;gap:8px;align-items:stretch}
.dlg-nl input[type=email]{flex:1;min-width:0;border:1px solid transparent!important;border-radius:8px!important;background:#fff!important;color:var(--dlg-ink)!important;font:400 14px/1.2 var(--dlg-body)!important;padding:12px 14px!important;box-shadow:none!important}
.dlg-nl input[type=email]::placeholder{color:#7A859E}
.dlg-nl input[type=email]:focus{outline:2px solid #9CC6FF;outline-offset:1px}
.dlg-nl button{flex:none;border:1.5px solid rgba(255,255,255,.85);background:var(--dlg-blue);color:#fff;font:600 13.5px/1 var(--dlg-head);border-radius:8px;padding:0 18px;cursor:pointer;transition:background .15s}
.dlg-nl button:hover{background:var(--dlg-blue-d)}
.dlg-nl--footer{background:#0F2250;border:1px solid #233A73;border-radius:8px;padding:4px;gap:4px}
.dlg-nl--footer input[type=email]{background:transparent!important;color:#fff!important;padding:9px 10px!important;font-size:13px!important}
.dlg-nl--footer input[type=email]::placeholder{color:#93A3C7}
.dlg-nl--footer button{width:40px;padding:0;display:grid;place-items:center;border:0;border-radius:6px}
.dlg-nl__msg{margin:10px 0 0;font:500 13px/1.4 var(--dlg-body);color:#fff}
.dlg-nl__msg.is-invalid{color:#FFD1D5}
.dlg-site-footer .dlg-nl__msg{color:#9FE3B8}
@media (max-width:420px){.dlg-nl--card{flex-direction:column}.dlg-nl--card button{padding:12px}}

/* ---------- Footer ---------- */
.dlg-site-footer .elementor-icon-list-item a{transition:color .15s}
.dlg-site-footer .elementor-social-icon{transition:transform .15s}
.dlg-site-footer .elementor-social-icon:hover{transform:translateY(-2px)}

/* Block-theme pages: let the Elementor header/footer sit flush */
.wp-site-blocks>header.wp-block-template-part,.wp-site-blocks>footer.wp-block-template-part{margin:0}
.wp-site-blocks>footer.wp-block-template-part{margin-block-start:0}

@media (prefers-reduced-motion:reduce){*{transition:none!important}}
