/*
Theme Name: ParthTech Media SmartMag Child
Theme URI: https://www.parthtechmedia.com/blog/
Description: SmartMag child theme with the shared ParthTech Media website header, footer and enquiry experience.
Author: ParthTech Media Pvt. Ltd.
Template: smart-mag
Version: 1.2.3
Text Domain: parthtechmedia-smartmag
*/

body.ptm-blog-shell .main-wrap{padding-top:82px}
body.ptm-blog-shell .site-header,body.ptm-blog-shell .site-footer{font-family:"DM Sans",Arial,sans-serif}
body.ptm-blog-shell .site-header{background:rgba(7,11,20,.94);border-bottom:1px solid rgba(255,255,255,.08);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
body.ptm-blog-shell .site-header *,body.ptm-blog-shell .site-footer *{box-sizing:border-box}
body.ptm-blog-shell .site-header .brand-copy,body.ptm-blog-shell .site-footer .brand-copy{letter-spacing:normal}
body.ptm-blog-shell .site-header .nav-services-trigger{padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;color:#c6cfdb;font-family:"DM Sans",Arial,sans-serif;font-size:16px;font-weight:400;line-height:1.6;letter-spacing:normal;text-transform:none}
body.ptm-blog-shell .site-header .nav-services-trigger:hover,body.ptm-blog-shell .site-header .nav-services-trigger[aria-expanded="true"]{background:transparent;color:#fff}
body.ptm-blog-shell .site-footer{margin-top:72px}
body.ptm-blog-shell .site-footer p{margin-bottom:0}
body.ptm-blog-shell .site-footer .footer-social a{line-height:1}
body.ptm-blog-shell.admin-bar .site-header{top:32px}
body.ptm-blog-shell.admin-bar .site-header .services-mega{max-height:calc(100vh - 114px)}
@media (max-width:782px){body.ptm-blog-shell.admin-bar .site-header{top:46px}}
@media (max-width:680px){body.ptm-blog-shell .main-wrap{padding-top:72px}}

/* Stable single-post layout: full-width header/media, then sticky guide + article. */
body.ptm-blog-shell.single-post.ptm-article-toc-enabled .main>.ts-row>.main-content{width:100%}
body.ptm-blog-shell.single-post.ptm-article-toc-enabled .main>.ts-row>.main-sidebar{display:none}
body.ptm-blog-shell.single-post.ptm-article-toc-enabled .entry-content{padding-right:0;padding-left:0}
body.ptm-blog-shell.single-post.ptm-article-toc-enabled .entry-content:before,
body.ptm-blog-shell.single-post.ptm-article-toc-enabled .entry-content:after{display:none}
body.ptm-blog-shell.single-post .entry-content h2,
body.ptm-blog-shell.single-post .ptm-introduction-anchor{scroll-margin-top:128px}
.ptm-introduction-anchor{display:block;height:0}
.ptm-article-body{min-width:0}
.ptm-article-body img,
.ptm-article-body figure,
.ptm-article-body table{max-width:100%}

.ptm-article-toc{position:-webkit-sticky;position:sticky;top:112px;align-self:start;min-width:0;max-height:calc(100vh - 136px);overflow:hidden;font-family:"DM Sans",Arial,sans-serif}
body.admin-bar .ptm-article-toc{top:144px;max-height:calc(100vh - 168px)}
.ptm-article-toc__inner{overflow:hidden;border:1px solid #dce5f2;border-radius:18px;background:linear-gradient(155deg,#fff 0%,#f7faff 100%);box-shadow:0 18px 44px rgba(23,54,95,.09)}
.ptm-article-toc__head{padding:6px 8px;border-bottom:1px solid #e7edf6}
.entry-content .ptm-article-toc__toggle,
.entry-content .ptm-article-toc__toggle:hover,
.entry-content .ptm-article-toc__toggle:focus,
.entry-content .ptm-article-toc__toggle:active{display:flex;align-items:center;justify-content:flex-start;gap:8px;width:100%;height:auto;padding:9px 10px!important;border:0!important;border-radius:11px!important;background:transparent!important;box-shadow:none!important;color:#246bfd!important;font:800 12px/1.3 "DM Sans",Arial,sans-serif;letter-spacing:.13em;text-align:left;text-transform:uppercase;text-shadow:none!important;opacity:1!important;transform:none!important;-webkit-appearance:none;appearance:none;cursor:pointer;transition:background .22s ease,color .22s ease,box-shadow .22s ease}
.entry-content .ptm-article-toc__toggle:hover,
.entry-content .ptm-article-toc__toggle:focus-visible{background:linear-gradient(90deg,#eaf2ff 0%,#f5f9ff 100%)!important;box-shadow:inset 0 0 0 1px #d5e4ff!important;color:#174fbd!important}
.entry-content .ptm-article-toc__toggle:hover .ptm-article-toc__toggle-label{color:#174fbd!important}
.entry-content .ptm-article-toc__toggle:focus-visible{outline:2px solid rgba(36,107,253,.65)!important;outline-offset:4px}
.ptm-article-toc__toggle-label{color:inherit!important;transition:color .22s ease}
.ptm-article-toc__toggle-icon{position:relative;flex:0 0 28px;width:28px;height:28px;border-radius:50%;background:#eaf2ff;box-shadow:0 5px 14px rgba(36,107,253,.1);transition:background .22s ease,box-shadow .22s ease,transform .22s ease}
.ptm-article-toc__toggle-icon:before,.ptm-article-toc__toggle-icon:after{content:"";position:absolute;top:13px;left:8px;width:12px;height:2px;border-radius:2px;background:#246bfd!important;transition:transform .25s ease}
.entry-content .ptm-article-toc__toggle:hover .ptm-article-toc__toggle-icon{background:#246bfd;box-shadow:0 7px 16px rgba(36,107,253,.25);transform:translateY(-1px)}
.entry-content .ptm-article-toc__toggle:hover .ptm-article-toc__toggle-icon:before,
.entry-content .ptm-article-toc__toggle:hover .ptm-article-toc__toggle-icon:after{background:#fff!important}
.ptm-article-toc__toggle-icon:after{transform:rotate(0)}
.ptm-article-toc.is-collapsed .ptm-article-toc__toggle-icon:after{transform:rotate(90deg)}
.ptm-article-toc__progress{height:3px;background:#edf1f7;transition:height .25s ease,opacity .2s ease}
.ptm-article-toc__progress-bar{display:block;width:100%;height:100%;background:linear-gradient(90deg,#246bfd,#18b6d9);transform:scaleX(0);transform-origin:left center;transition:transform .12s linear}
.ptm-article-toc__nav{max-height:calc(100vh - 270px);overflow:auto;padding:13px 11px 15px;scrollbar-color:#c7d4e9 transparent;scrollbar-width:thin;transition:max-height .35s ease,opacity .2s ease,padding .35s ease}
.entry-content .ptm-article-toc__list{display:grid;gap:4px;margin:0!important;padding:0!important;list-style:none!important}
.entry-content .ptm-article-toc__item{margin:0!important;padding:0!important;list-style:none!important}
.entry-content .ptm-article-toc__item::marker{content:""}
.entry-content .ptm-article-toc__item:before{display:none!important;content:none!important}
.ptm-article-toc__link{position:relative;display:grid;grid-template-columns:26px minmax(0,1fr);gap:7px;align-items:start;padding:11px 12px;border:1px solid transparent;border-radius:11px;color:#596780;font-size:13.5px;font-weight:500;line-height:1.42;text-decoration:none;transition:color .24s ease,background .24s ease,border-color .24s ease,box-shadow .24s ease,transform .24s ease}
.ptm-article-toc__link:hover{color:#174fbd;background:#eff5ff;text-decoration:none}
.ptm-article-toc__number{padding-top:1px;color:#8d9bb1;font-size:11px;font-weight:800;letter-spacing:.04em;transition:color .24s ease}
.ptm-article-toc__link:before{content:"";position:absolute;top:10px;bottom:10px;left:-12px;width:3px;border-radius:0 4px 4px 0;background:linear-gradient(180deg,#246bfd,#18b6d9);opacity:0;transform:scaleY(.35);transition:opacity .24s ease,transform .24s ease}
.ptm-article-toc__link.is-active{border-color:#d7e4fb;background:#fff;color:#101828;box-shadow:0 8px 22px rgba(36,107,253,.11);transform:translateX(5px)}
.ptm-article-toc__link.is-active:before{opacity:1;transform:scaleY(1)}
.ptm-article-toc__link.is-active .ptm-article-toc__number{color:#246bfd}
.ptm-article-toc.is-collapsed .ptm-article-toc__progress{height:0;opacity:0}
.ptm-article-toc.is-collapsed .ptm-article-toc__nav{max-height:0;padding-top:0;padding-bottom:0;overflow:hidden;opacity:0}

@media (min-width:1201px){
  body.ptm-blog-shell.single-post.ptm-article-toc-enabled .entry-content{display:grid;grid-template-columns:minmax(280px,300px) minmax(0,1fr);column-gap:52px;align-items:start}
  body.ptm-blog-shell.single-post.ptm-article-toc-enabled .entry-content>.ptm-article-toc{grid-column:1;grid-row:1}
  body.ptm-blog-shell.single-post.ptm-article-toc-enabled .entry-content>.ptm-article-body{grid-column:2;grid-row:1}
  body.ptm-blog-shell.single-post.ptm-article-toc-enabled .entry-content>:not(.ptm-article-toc):not(.ptm-article-body){grid-column:2}
}

@media (min-width:941px) and (max-width:1200px){
  body.ptm-blog-shell.single-post.ptm-article-toc-enabled .entry-content{display:grid;grid-template-columns:250px minmax(0,1fr);column-gap:36px;align-items:start}
  body.ptm-blog-shell.single-post.ptm-article-toc-enabled .entry-content>.ptm-article-toc{grid-column:1;grid-row:1}
  body.ptm-blog-shell.single-post.ptm-article-toc-enabled .entry-content>.ptm-article-body{grid-column:2;grid-row:1}
  body.ptm-blog-shell.single-post.ptm-article-toc-enabled .entry-content>:not(.ptm-article-toc):not(.ptm-article-body){grid-column:2}
  .ptm-article-toc__link{font-size:13px}
}

@media (max-width:940px){
  body.ptm-blog-shell.single-post.ptm-article-toc-enabled .entry-content{display:block}
  .ptm-article-toc{position:relative;top:auto;max-height:none;margin-bottom:30px}
  body.admin-bar .ptm-article-toc{top:auto;max-height:none}
  .ptm-article-toc__inner{border-radius:15px}
  .ptm-article-toc__head{padding:6px 8px}
  .ptm-article-toc__toggle{font-size:12px}
  .ptm-article-toc__toggle-icon:after{transform:rotate(90deg)}
  .ptm-article-toc__nav{max-height:0;padding:0 10px;overflow:hidden;opacity:0;transition:max-height .35s ease,opacity .25s ease,padding .35s ease}
  .ptm-article-toc.is-open .ptm-article-toc__nav{max-height:430px;padding:10px 10px 13px;overflow:auto;opacity:1}
  .ptm-article-toc.is-open .ptm-article-toc__toggle-icon:after{transform:rotate(0)}
}

@media (max-width:540px){
  .ptm-article-toc{margin-bottom:24px}
  .ptm-article-toc__head{padding:6px 8px}
  .ptm-article-toc__link{font-size:13px}
}