/* Theme ASME-Universal App Theme */
 /* Style Attributes */
.pcp-header
{
padding-top: 10px;
padding-bottom: 10px;
position: fixed;
z-index: 20;
top: px;
display: none;
}
.pcp-page #pcp-topmenu-regular, #pcp-topmenu-mobile
{
border-radius: 12px;
}
.pcp-page .regular-menu-wrapper .pcp-topmenu-regular, .pcp-page .mobile-menu-wrapper .pcp-topmenu-mobile
{
font-size: 13px;
background: #6338E6;
}
.pcp-page .regular-menu-wrapper .pcp-topmenu-regular.internal-page, .mobile-menu-wrapper .pcp-topmenu-mobile.internal-page
{
position: relative !important;
}
.pcp-page .regular-menu-wrapper .pcp-topmenu-regular.ui.menu .item, .pcp-page .mobile-menu-wrapper .pcp-topmenu-mobile.ui.menu .item, .pcp-page .regular-menu-wrapper .pcp-topmenu-regular.ui.menu .item > a.text, .pcp-page .mobile-menu-wrapper .pcp-topmenu-mobile.ui.menu .item > a.text, .pcp-page .regular-menu-wrapper .pcp-topmenu-regular.ui.menu .item > i.dropdown, .pcp-page .mobile-menu-wrapper .pcp-topmenu-mobile.ui.menu .item > i.dropdown
{
color: #FFFFFF;
}

 /* Standard Content */
/*───────────────────────────────────────────────────────────────────────────
  Theme ASME India – Enhanced Mobile-First CSS (Replace asme.css)
───────────────────────────────────────────────────────────────────────────*/

/*───────────────────────────────────────────────────────────────────────────
  1. CUSTOM FONTS & RESET
───────────────────────────────────────────────────────────────────────────*/
@font-face {
  font-family: 'RotisSemiSerifStd-Bold';
  src: url('https://tv.b-com.hosting/Image.axd?FileID=d0842b06-7333-4c23-9a03-c0a189b263c5') format('truetype');
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: 'RotisSemiSerifStd', sans-serif !important;
  src: url('https://tv.b-com.hosting/Image.axd?FileID=d0842b06-7333-4c23-9a03-c0a189b263c5') format('truetype');
  font-weight: normal;
  font-style: normal;
}

:root {
  /* Color Palette */
  --color-primary:   #D32F2F;   /* Red */
  --color-accent:    #284992;   /* Dark Blue */
  --color-bg:        #F5F5F5;   /* Light Gray */
  --color-text:      #1a1a1a;   /* Very dark gray */
  --color-slate:     #74680b;   /* Accent for every-other highlights */

  /* Typography */
  --font-base:       'RotisSemiSerifStd', sans-serif;
  --font-heading:    'RotisSemiSerifStd-Bold', sans-serif;
  --font-size-base:  1rem;      /* 16px */
  --line-height:     1.5;

  /* Spacing */
  --space:           1rem;      /* 16px */
  --radius:          0.5rem;    /* 8px */
}

body, #ctl00_uxMainContent, .main-container {
  font-family: var(--font-base);
  font-size: var(--font-size-base);
  line-height: var(--line-height);
  color: var(--color-text);
  background: var(--color-bg);
}

/*───────────────────────────────────────────────────────────────────────────
  TYPOGRAPHY & BUTTONS
───────────────────────────────────────────────────────────────────────────*/
h1, h2, h3, h4, h5, h6 {
  font-family: var(--font-heading);
  color: var(--color-accent);
  margin-bottom: calc(var(--space) * 0.5);
}
p, div, li {
 // margin-bottom: calc(var(--space) * 0.75);
  font-size: 0.9375rem;   /* 15px */
}
span {
  font-family: var(--font-base);
}

.button, .ui.button {
  background: var(--color-primary);
  color: #fff;
  border: none;
  border-radius: var(--radius);
  padding: 7px;
  font-weight: lighter;
  min-height: 2.75rem;    /* ≥44px touch target */
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: background 0.2s ease;
}
.button:active, .ui.button:active {
  background: #b22b2b;
}

/*───────────────────────────────────────────────────────────────────────────
  SPECIAL SELECTORS & OVERLAYS
───────────────────────────────────────────────────────────────────────────*/
.event-session-type-container {
  background: var(--color-slate) !important;
  color: #f5f5f5;
  font-weight: 500;
  padding: 0.625rem 1.25rem !important;
  border-radius: var(--radius);
  transition: background 0.3s ease, transform 0.2s ease;
}

#pcp-topmenu-mobile .pcp-topmenu-mobile-logo {
    display: none;
}

/* Hide the "Description:" label in session view */
.titled-div.eventsession-view-description > span:first-child {
  display: none !important;
}

/* ===== IMECE 2025 Home (B‑Com Theme CSS) ===== */
:root {
  --bg: #0b1020;
  --card: #121a33;
  --card-2: #0f172a;
  --ink: #e5e7eb;
  --muted: #9ca3af;
  --brand: #22d3ee;   /* cyan-400 */
  --brand-2: #60a5fa; /* blue-400 */
  --accent: #a78bfa;  /* violet-400 */
  --radius: 18px;
  --shadow: 0 10px 18px rgba(0,0,0,.25), inset 0 1px 0 rgba(255,255,255,.03);
  --safe-top: env(safe-area-inset-top);
  --safe-bottom: env(safe-area-inset-bottom);
}

@media (prefers-color-scheme: light) {
  :root {
    --bg: #f5f7fb;
    --card: #ffffff;
    --card-2: #f1f5f9;
    --ink: #0f172a;
    --muted: #475569;
    --shadow: 0 8px 16px rgba(2,6,23,.08), inset 0 1px 0 rgba(255,255,255,.8);
  }
}

.imece-app { min-height: 100dvh; display: grid; grid-template-rows: auto 1fr auto;
  padding-top: calc(8px + var(--safe-top)); padding-bottom: calc(8px + var(--safe-bottom));
  color: var(--ink);
  background: radial-gradient(1200px 600px at 80% -10%, rgba(34,211,238,.15), transparent 60%),
              radial-gradient(900px 600px at -10% 10%, rgba(96,165,250,.15), transparent 55%),
              var(--bg);
  -webkit-tap-highlight-color: transparent;
}

/* Top Bar */
.imece-topbar { display:flex; align-items:center; justify-content:space-between;
  padding:10px 16px; position:sticky; top:0; z-index:30;
  backdrop-filter:saturate(140%) blur(10px);
  background:linear-gradient(180deg, rgba(2,6,23,.65), rgba(2,6,23,.25));
}
.imece-brand { display:flex; align-items:center; gap:10px; }
.imece-logo { width:34px; height:34px; display:grid; place-items:center; border-radius:12px;
  background:linear-gradient(135deg, var(--brand), var(--brand-2)); box-shadow:var(--shadow); }
.imece-brand h1 { margin:0; font-size:16px; letter-spacing:.4px; }
.imece-iconbtn { width:40px; height:40px; border-radius:14px; display:grid; place-items:center;
  background:linear-gradient(180deg, var(--card), var(--card-2)); border:1px solid rgba(255,255,255,.06);
  box-shadow:var(--shadow); }

/* Hero */
.imece-hero { margin:16px; border-radius:22px; padding:16px; position:relative; overflow:hidden;
  background:
    radial-gradient(600px 200px at 100% 0%, rgba(167,139,250,.35), transparent 60%),
    radial-gradient(400px 200px at 0% 100%, rgba(34,211,238,.25), transparent 60%),
    linear-gradient(180deg, var(--card), var(--card-2));
  box-shadow:var(--shadow); border:1px solid rgba(255,255,255,.06);
}
.imece-hero h2 { margin:2px 0 8px; font-size:20px; }
.imece-hero p { margin:0; color:var(--muted); font-size:13px; }
.imece-chips { margin-top:12px; display:flex; gap:8px; flex-wrap:wrap; }
.imece-chip { font-size:12px; padding:7px 10px; border-radius:999px; color:#0b1020;
  background:linear-gradient(135deg, var(--brand), var(--accent)); border:none; box-shadow:var(--shadow); }

/* Quick links row */
.imece-quick { display:grid; grid-template-columns:repeat(4,1fr); gap:10px; margin:0 16px 12px; }
.imece-quick a { text-align:center; text-decoration:none; color:inherit; font-size:11px; }
.imece-qbtn { margin-inline:auto; width:46px; height:46px; border-radius:14px; display:grid; place-items:center;
  background:linear-gradient(180deg, var(--card), var(--card-2));
  border:1px solid rgba(255,255,255,.06); box-shadow:var(--shadow); }

/* Tiles grid */
.imece-grid { display:grid; gap:12px; padding:0 16px 16px; grid-template-columns:repeat(2, minmax(0,1fr)); }
.imece-tile { display:grid; grid-template-columns:48px 1fr; gap:12px; align-items:center;
  padding:14px; border-radius:var(--radius);
  background:linear-gradient(180deg, var(--card), var(--card-2));
  border:1px solid rgba(255,255,255,.06); box-shadow:var(--shadow);
  text-decoration:none; color:inherit; position:relative; overflow:hidden;
}
.imece-tile:active { transform:translateY(1px) scale(.99); }
.imece-ic { width:48px; height:48px; border-radius:14px; display:grid; place-items:center;
  background:linear-gradient(135deg, rgba(34,211,238,.25), rgba(96,165,250,.25));
  border:1px solid rgba(255,255,255,.08); font-size:22px; }
.imece-tile h3 { margin:0 0 4px; font-size:15px; }
.imece-tile p { margin:0; font-size:12px; color:var(--muted); }

/* Bottom tab bar */
.imece-tabbar { position:sticky; bottom:0; z-index:20; display:grid; grid-template-columns:repeat(4,1fr);
  gap:8px; padding:8px 12px calc(8px + var(--safe-bottom));
  backdrop-filter:blur(10px) saturate(140%);
  background:linear-gradient(0deg, rgba(2,6,23,.65), rgba(2,6,23,.25));
}
.imece-tabbar a { color:var(--muted); text-decoration:none; display:grid; justify-items:center; gap:5px; font-size:11px; }
.imece-tabbar a.imece-active { color:var(--ink); }
.imece-tabbtn { width:44px; height:44px; border-radius:12px; display:grid; place-items:center;
  background:linear-gradient(180deg, var(--card), var(--card-2));
  border:1px solid rgba(255,255,255,.06); box-shadow:var(--shadow); }

/* Simple ripple (CSS part) */
.imece-ripple { position:relative; overflow:hidden; }
.imece-ripple::after {
  content:""; position:absolute; inset:0;
  background:radial-gradient(circle at var(--x,50%) var(--y,50%), rgba(255,255,255,.18), transparent 35%);
  opacity:0; transition:opacity .6s ease;
}
.imece-ripple.imece-rippling::after { opacity:1; transition:none; }

#mobile-menu-wrapper {
  //  display: none !important;
}

i.circular.icon {
    box-shadow: 0 0 0 .1em rgb(100 56 231 / 51%) inset !important;
}
#aspnetForm {opacity: 0.95;}


/* QR card & install modal styles */
.bcom-qr-card{
  text-align:center;
  max-width:380px;
  margin:12px auto;
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial;
  background: #fff;
  padding:14px;
  border-radius:10px;
  box-shadow: 0 6px 20px rgba(0,0,0,.08);
  border: 1px solid rgba(0,0,0,.06);
}
.bcom-qr-card img{width:100%;height:auto;max-width:320px;border-radius:6px;}
.bcom-qr-card .qr-title{font-weight:700;margin-top:10px;font-size:16px;}
.bcom-qr-card .qr-sub{font-size:13px;color:#666;margin-top:6px;}

#bcom-ios-install {
  position:fixed; left:12px; right:12px; bottom:16px; z-index:99999;
  background:#fff; border-radius:10px; padding:14px; box-shadow:0 8px 30px rgba(0,0,0,.12);
  display:none; font-family: system-ui, -apple-system, "Segoe UI", Roboto, Arial;
}
#bcom-ios-install .close{float:right; cursor:pointer; padding:2px 6px; border-radius:6px; background:#eee;}
#bcom-ios-install .steps{margin-top:8px;font-size:14px}
#bcom-install-fallback {
  position: fixed; top:10px; right:10px; z-index:99999; display:none;
  background:#0b5bd7;color:#fff;padding:8px 12px;border-radius:8px; box-shadow:0 6px 20px rgba(11,91,215,.18);
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, Arial;
}

/* END Theme ASME-Universal App Theme */