/* Additional component styles loaded after style.css */

.is-search-results{
  position:absolute;left:0;right:0;top:100%;
  background:var(--is-surface);border:1px solid var(--is-border);
  border-radius:0 0 12px 12px;box-shadow:var(--is-shadow-md);
  max-height:320px;overflow-y:auto;z-index:100;
}
.is-search-results a{border-bottom:1px solid var(--is-border);font-size:13px;}
.is-search-results a:hover{background:var(--is-bg);}

.is-primary-menu{display:flex;gap:20px;list-style:none;margin:0;padding:0;font-size:13.5px;font-weight:600;}

/* Calculators */
.is-sip-calculator label,.is-lumpsum-calculator label,.is-cagr-calculator label,.is-emi-calculator label{
  display:block;font-size:12.5px;color:var(--is-text-muted);margin-bottom:10px;font-weight:600;
}
.is-sip-calculator input,.is-lumpsum-calculator input,.is-cagr-calculator input,.is-emi-calculator input{
  width:100%;margin-top:4px;padding:9px 12px;border:1px solid var(--is-border);border-radius:8px;
  background:var(--is-bg);color:var(--is-text);font-size:14px;
}
.is-calc-tab.active,.is-calc-tab:hover{border-color:var(--is-primary)!important;color:var(--is-primary);}

/* Compare tool */
#is-compare-suggestions{display:flex;flex-direction:column;margin-top:6px;}
#is-compare-suggestions button{
  text-align:left;padding:8px 10px;border:1px solid var(--is-border);background:var(--is-surface);
  border-radius:8px;margin-bottom:4px;font-size:13px;
}

/* Sidebar widgets */
.widget-title{font-size:14px;margin:0 0 8px;}
.is-widget-news-list{list-style:none;margin:0;padding:0;}
.is-widget-news-list li{padding:6px 0;border-bottom:1px solid var(--is-border);font-size:13px;}

/* Ad slots */
.is-ad-slot{text-align:center;margin:16px 0;overflow:hidden;}

/* Breadcrumbs */
.is-breadcrumbs{font-size:12px;color:var(--is-text-muted);margin-bottom:12px;}
.is-breadcrumbs a{color:var(--is-text-muted);}
.is-breadcrumbs a:hover{color:var(--is-primary);}

/* =========================================================
   MENU DRAWER (slide-out mobile menu, triggered from bottom nav "Menu")
   ========================================================= */
.is-menu-drawer{
  position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;
  visibility:hidden;pointer-events:none;
}
.is-menu-drawer.is-open{visibility:visible;pointer-events:auto;}
.is-menu-overlay{
  position:absolute;top:0;right:0;bottom:0;left:0;background:rgba(10,10,18,.5);
  opacity:0;transition:opacity .25s ease;
}
.is-menu-drawer.is-open .is-menu-overlay{opacity:1;}
.is-menu-panel{
  position:absolute;top:0;right:0;height:100%;width:86%;max-width:380px;
  background:var(--is-surface);box-shadow:var(--is-shadow-lg);
  transform:translateX(100%);transition:transform .32s cubic-bezier(.4,0,.2,1);
  overflow-y:auto;-webkit-overflow-scrolling:touch;
  padding:20px 18px calc(28px + env(safe-area-inset-bottom));
}
.is-menu-drawer.is-open .is-menu-panel{transform:translateX(0);}

.is-menu-close{
  width:34px;height:34px;border-radius:50%;border:1.5px solid var(--is-border);
  background:var(--is-bg);display:flex;align-items:center;justify-content:center;
  color:var(--is-text);margin-bottom:16px;transition:transform var(--is-transition);
}
.is-menu-close svg{width:16px;height:16px;}
.is-menu-close:active{transform:scale(.9);}

.is-menu-profile{display:flex;align-items:center;gap:12px;margin-bottom:18px;}
.is-menu-avatar{width:52px;height:52px;border-radius:50%;flex-shrink:0;object-fit:cover;}
.is-menu-avatar-guest{
  background:var(--is-gradient-brand);display:flex;align-items:center;justify-content:center;color:#fff;
}
.is-menu-avatar-guest svg{width:24px;height:24px;}
.is-menu-profile-name{font-weight:800;font-size:15px;font-family:var(--is-font-heading);}
.is-menu-profile-email{font-size:12px;color:var(--is-text-muted);margin-top:2px;}
.is-menu-signout{
  display:inline-flex;align-items:center;gap:5px;font-size:12.5px;font-weight:700;
  color:var(--is-primary-2);margin-top:6px;
}
.is-menu-signout svg{width:14px;height:14px;}

.is-menu-promo{
  display:block;background:var(--is-gradient-accent);color:#fff;border-radius:16px;
  padding:16px;margin-bottom:20px;box-shadow:var(--is-shadow-accent);
}
.is-menu-promo-title{font-family:var(--is-font-heading);font-weight:800;font-size:15px;margin-bottom:4px;}
.is-menu-promo p{margin:0 0 12px;font-size:12.5px;opacity:.92;line-height:1.4;}
.is-menu-promo-btn{
  display:inline-block;background:#fff;color:var(--is-secondary);font-weight:700;font-size:12.5px;
  padding:8px 16px;border-radius:999px;
}

.is-menu-section{margin-bottom:18px;}
.is-menu-section h3{
  font-size:11px;text-transform:uppercase;letter-spacing:.06em;
  color:var(--is-text-muted);margin:0 0 8px;font-weight:700;
}
.is-menu-link{
  display:flex;align-items:center;gap:12px;width:100%;
  padding:12px 14px;border-radius:14px;background:var(--is-bg);
  margin-bottom:7px;font-weight:600;font-size:13.5px;color:var(--is-text);
  border:1px solid transparent;transition:border-color var(--is-transition),transform var(--is-transition);
}
.is-menu-link:active{transform:scale(.98);}
.is-menu-link:hover{border-color:var(--is-border);}
.is-menu-link-icon{
  width:24px;height:24px;flex-shrink:0;display:flex;align-items:center;justify-content:center;color:var(--is-primary-2);
}
.is-menu-link-icon svg{width:19px;height:19px;}
.is-menu-link-label{flex:1;}
.is-menu-link-chevron{width:16px;height:16px;color:var(--is-text-muted);flex-shrink:0;}
.is-menu-link-chevron svg{width:16px;height:16px;}

.is-menu-link-toggle{justify-content:space-between;border:0;}
.is-menu-toggle-switch{
  width:38px;height:22px;border-radius:999px;background:var(--is-border);position:relative;flex-shrink:0;
  transition:background var(--is-transition);
}
.is-menu-toggle-switch::after{
  content:"";position:absolute;top:2px;left:2px;width:18px;height:18px;border-radius:50%;
  background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.25);transition:transform var(--is-transition);
}
html[data-is-theme="dark"] .is-menu-toggle-switch{background:var(--is-gradient-brand);}
html[data-is-theme="dark"] .is-menu-toggle-switch::after{transform:translateX(16px);}

.is-menu-social{display:flex;gap:10px;margin:18px 0 14px;}
.is-menu-social a{
  width:34px;height:34px;border-radius:50%;background:var(--is-bg);border:1px solid var(--is-border);
  display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:800;color:var(--is-text-muted);
}
.is-menu-footer{font-size:11px;color:var(--is-text-muted);text-align:center;}

/* Comments */
.comment-list{list-style:none;padding:0;}
.comment-list li{padding:10px 0;border-bottom:1px solid var(--is-border);}

@media(min-width:960px){
  .is-primary-menu{gap:24px;}
}
