/* ==========================================================
   MFITPROBHAT — writer/account panel compatibility layer
   Loaded only on legacy pages (account, auth, epaper, tools)
   AFTER the original mahamudfutureit.css, so these overrides
   win the cascade. Keeps every legacy feature working while
   bringing the panel onto the theme's navy palette.
   ========================================================== */

/* ---- Fix legacy decorative icons (height="35px" attribute is
   invalid HTML, so icons render at natural size) ---- */
#account_mahamudfutureit h1 img,
#account_mahamudfutureit h2 img,
#account_mahamudfutureit h5 img {
  height: 32px;
  width: auto;
  vertical-align: -6px;
}

/* ---- Sidebar menu: icons were full-width illustrations ---- */
#account_mahamudfutureit .mahamudfutureit-opts ul li a {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 15.5px;
  font-weight: 600;
  color: #1e293b;
  border-radius: 10px;
  padding: 9px 12px;
  line-height: 1.4;
  transition: background 0.15s ease, color 0.15s ease;
}
#account_mahamudfutureit .mahamudfutureit-opts ul li a:hover {
  background: #e9eef7;
  color: #173e69;
}
#account_mahamudfutureit .mahamudfutureit-opts ul li img {
  width: 24px;
  height: 24px;
  object-fit: contain;
  padding-right: 0;
}

/* ---- Stat / quick-action cards ---- */
#account_mahamudfutureit .otp-wd {
  border: 1px solid #e3eaf3;
  box-shadow: 0 4px 14px rgba(15, 23, 42, 0.05);
  border-radius: 14px;
  height: 84px;
}
#account_mahamudfutureit .otp-wd img {
  width: 54px;
  height: 54px;
  object-fit: contain;
}
#account_mahamudfutureit .otp-wd .count p.count {
  font-size: 24px;
  font-weight: 800;
  color: #173e69;
  line-height: 1.2;
}
#account_mahamudfutureit .otp-wd .count p {
  font-size: 14px;
  color: #64748b;
}
#account_mahamudfutureit .otp-wd.yeallow::before,
#account_mahamudfutureit .otp-wd.blue::before,
#account_mahamudfutureit .otp-wd.deeptomato::before {
  background: #173e69;
}
#account_mahamudfutureit .otp-wd.yeallow:hover,
#account_mahamudfutureit .otp-wd.blue:hover,
#account_mahamudfutureit .otp-wd.deeptomato:hover {
  background: rgba(23, 62, 105, 0.08);
}

/* ---- Account option blocks ---- */
#account_mahamudfutureit .mahamudfutureit-acc-optns.yeallow,
#account_mahamudfutureit .mahamudfutureit-acc-optns.red,
#account_mahamudfutureit .mahamudfutureit-acc-optns.red2 {
  background: rgba(23, 62, 105, 0.08);
}
#account_mahamudfutureit .mahamudfutureit-acc-optns.yeallow::before,
#account_mahamudfutureit .mahamudfutureit-acc-optns.red::before,
#account_mahamudfutureit .mahamudfutureit-acc-optns.red2::before {
  background: #173e69;
}
#account_mahamudfutureit .mahamudfutureit-acc-optns.logout {
  background: rgba(220, 38, 38, 0.08);
}
#account_mahamudfutureit .mahamudfutureit-acc-optns.logout::before {
  background: #dc2626;
}

/* ---- Page background + cards ---- */
#account_mahamudfutureit.sectionbg {
  background: #f4f6fb;
}
#account_mahamudfutureit .card {
  border: 1px solid #e6ebf4;
  box-shadow: 0 4px 16px rgba(15, 23, 42, 0.05) !important;
  border-radius: 16px;
}
#account_mahamudfutureit .acc-info-head h1 {
  color: #173e69;
  font-weight: 800;
}

/* ---- Forms ---- */
#account_mahamudfutureit .form-control,
#account_mahamudfutureit .form-select {
  border-radius: 10px !important;
  border-color: #d8e0ea;
}
#account_mahamudfutureit .form-control:focus,
#account_mahamudfutureit .form-select:focus {
  border-color: #173e69;
  box-shadow: 0 0 0 4px rgba(23, 62, 105, 0.12);
}
#account_mahamudfutureit .btn-primary {
  background: #173e69;
  border-color: #173e69;
}
#account_mahamudfutureit .btn-primary:hover,
#account_mahamudfutureit .btn-primary:focus {
  background: #0f2d4d;
  border-color: #0f2d4d;
}
#account_mahamudfutureit .btn-success {
  background: #173e69;
  border-color: #173e69;
}
#account_mahamudfutureit .btn-success:hover,
#account_mahamudfutureit .btn-success:focus {
  background: #0f2d4d;
  border-color: #0f2d4d;
}
#account_mahamudfutureit .btn-warning {
  background: #173e69;
  border-color: #173e69;
  color: #fff;
}
#account_mahamudfutureit .btn-warning:hover,
#account_mahamudfutureit .btn-warning:focus {
  background: #0f2d4d;
  border-color: #0f2d4d;
  color: #fff;
}
#account_mahamudfutureit a {
  color: #173e69;
}

/* ---- Sidebar profile card ---- */
#account_mahamudfutureit .attraiit-profile {
  background: linear-gradient(180deg, #f8fafd 0%, #ffffff 40%);
}
#account_mahamudfutureit .count-ac ul li span {
  font-weight: 800;
  color: #173e69;
}
#account_mahamudfutureit .count-ac ul li p {
  color: #64748b;
  font-size: 13px;
}

/* ==========================================================
   LEGACY PAGE SHIELD
   PrimeItWorld theme CSS loads AFTER legacy CSS and sets harsh
   globals (img{width:100%}, ul{padding:0}, li{list-style:none},
   body font, .container{max-width:100%}). Every page that is not
   a theme page now renders inside .mfp-legacy-shield; these
   :where() rules restore the original Bootstrap 5.3 + 
   mahamudfutureit.css behaviour with zero specificity, so any
   classed rule from legacy CSS still wins over them.
   ========================================================== */

:where(.mfp-legacy-shield) {
  font-family: 'AdvanceNewsAJ', Arial, sans-serif;
  font-size: 16px;
  line-height: 1.5;
  color: #212529;
  letter-spacing: normal;
  text-align: left;
}
:where(.mfp-legacy-shield) img {
  width: auto;
  max-width: 100%;
  height: auto;
  object-fit: fill;
  transition: none;
}
:where(.mfp-legacy-shield) ul,
:where(.mfp-legacy-shield) ol {
  margin: 0 0 1rem 0;
  padding: 0 0 0 2rem;
}
/* list-style lives on ul/ol; li inherits, so classed "list-style:none"
   rules from the original CSS keep winning (they target ul or li) */
:where(.mfp-legacy-shield) ul { list-style: disc; }
:where(.mfp-legacy-shield) ol { list-style: decimal; }
:where(.mfp-legacy-shield) li { list-style: inherit; }
:where(.mfp-legacy-shield) p {
  margin: 0 0 1rem 0;
}
:where(.mfp-legacy-shield) a {
  color: #0d6efd;
  text-decoration: none;
}
:where(.mfp-legacy-shield) a:hover { color: #0a58ca; }
:where(.mfp-legacy-shield) h1, :where(.mfp-legacy-shield) h2,
:where(.mfp-legacy-shield) h3, :where(.mfp-legacy-shield) h4,
:where(.mfp-legacy-shield) h5, :where(.mfp-legacy-shield) h6 {
  margin: 0 0 10px 0;
  font-weight: 500;
  line-height: 1.2;
  color: inherit;
  font-family: inherit;
}
:where(.mfp-legacy-shield) h1 { font-size: calc(1.375rem + 1.5vw); }
:where(.mfp-legacy-shield) h2 { font-size: calc(1.325rem + .9vw); }
:where(.mfp-legacy-shield) h3 { font-size: calc(1.3rem + .6vw); }
:where(.mfp-legacy-shield) h4 { font-size: calc(1.275rem + .3vw); }
:where(.mfp-legacy-shield) h5 { font-size: 1.25rem; }
:where(.mfp-legacy-shield) h6 { font-size: 1rem; }
:where(.mfp-legacy-shield) table {
  width: 100%;
  margin-bottom: 1rem;
  border-collapse: collapse;
}
:where(.mfp-legacy-shield) input,
:where(.mfp-legacy-shield) select,
:where(.mfp-legacy-shield) textarea {
  font-family: inherit;
  font-size: inherit;
}
/* Bootstrap .container widths, un-done from the theme's
   max-width:100% overrides (same breakpoints, later file wins) */
@media (max-width: 1199.98px) {
  :where(.mfp-legacy-shield) .container,
  :where(.mfp-legacy-shield) .container-lg,
  :where(.mfp-legacy-shield) .container-md,
  :where(.mfp-legacy-shield) .container-sm { max-width: 960px; }
}
@media (max-width: 991.98px) {
  :where(.mfp-legacy-shield) .container,
  :where(.mfp-legacy-shield) .container-md,
  :where(.mfp-legacy-shield) .container-sm { max-width: 720px; }
}
@media (max-width: 767.98px) {
  :where(.mfp-legacy-shield) .container,
  :where(.mfp-legacy-shield) .container-sm { max-width: 540px; }
}
@media (max-width: 575.98px) {
  :where(.mfp-legacy-shield) .container { max-width: 100%; }
}
.mfp-legacy-shell {
  min-height: 60vh;
  padding-bottom: 40px;
}

/* ==========================================================
   WRITER / ACCOUNT PANEL — redesigned (desktop + mobile)
   White base, navy -> royal -> teal gradients, soft shadows.
   ========================================================== */
#account_mahamudfutureit .attraiit-profile {
  border: 0;
  border-radius: 18px;
  overflow: hidden;
  background: linear-gradient(160deg, #173e69 0%, #1e6bb8 60%, #0d9488 130%) !important;
  color: #fff;
  box-shadow: 0 14px 30px rgba(23, 62, 105, 0.28) !important;
}
#account_mahamudfutureit .attraiit-profile * {
  color: #fff !important;
}
#account_mahamudfutureit .attraiit-profile img {
  border: 3px solid rgba(255, 255, 255, 0.75);
  border-radius: 50%;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25);
}
#account_mahamudfutureit .count-ac ul li span {
  color: #fff !important;
}
#account_mahamudfutureit .count-ac ul li p {
  color: rgba(255, 255, 255, 0.85) !important;
}
#account_mahamudfutureit .count-ac ul li + li {
  border-left: 1px solid rgba(255, 255, 255, 0.25) !important;
}

/* sidebar cards */
#account_mahamudfutureit .mahamudfutureit-opts {
  border: 0;
  border-radius: 18px;
  box-shadow: 0 10px 26px rgba(15, 23, 42, 0.08) !important;
}
#account_mahamudfutureit .mahamudfutureit-opts ul li a {
  border-radius: 12px;
  margin: 3px 8px;
  padding: 11px 14px;
}
#account_mahamudfutureit .mahamudfutureit-opts ul li a:hover {
  background: linear-gradient(95deg, rgba(23, 62, 105, 0.10), rgba(13, 148, 136, 0.10));
  transform: translateX(3px);
}
#account_mahamudfutureit .mahamudfutureit-opts ul li a.active,
#account_mahamudfutureit .mahamudfutureit-opts ul li a.active-menu {
  background: linear-gradient(95deg, #173e69, #1e6bb8);
  color: #fff;
  box-shadow: 0 6px 14px rgba(23, 62, 105, 0.3);
}

/* gradient buttons (all variants the panel uses) */
#account_mahamudfutureit .btn-primary,
#account_mahamudfutureit .btn-success,
#account_mahamudfutureit .btn-warning {
  background: linear-gradient(95deg, #173e69, #1e6bb8 70%, #0d9488) !important;
  border: 0 !important;
  color: #fff !important;
  border-radius: 10px !important;
  padding: 9px 22px;
  font-weight: 600;
  box-shadow: 0 6px 16px rgba(23, 62, 105, 0.25);
  transition: filter .2s ease, transform .2s ease;
}
#account_mahamudfutureit .btn-primary:hover,
#account_mahamudfutureit .btn-success:hover,
#account_mahamudfutureit .btn-warning:hover {
  filter: brightness(1.08);
  transform: translateY(-1px);
}
#account_mahamudfutureit .btn-danger,
#account_mahamudfutureit .btn-outline-danger {
  border-radius: 10px !important;
  font-weight: 600;
}
#account_mahamudfutureit .btn-outline-primary {
  color: #173e69;
  border-color: #173e69;
  border-radius: 10px !important;
  font-weight: 600;
}
#account_mahamudfutureit .btn-outline-primary:hover {
  background: linear-gradient(95deg, #173e69, #1e6bb8);
  border-color: transparent;
}

/* stat cards: white with gradient left bar + gradient number */
#account_mahamudfutureit .otp-wd {
  border-radius: 16px;
  background: #fff;
  height: 92px;
  overflow: hidden;
  position: relative;
  border: 1px solid #e6ebf4;
  box-shadow: 0 6px 18px rgba(15, 23, 42, 0.06) !important;
  transition: transform .2s ease, box-shadow .2s ease;
}
#account_mahamudfutureit .otp-wd::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 5px;
  background: linear-gradient(180deg, #173e69, #1e6bb8, #0d9488);
}
#account_mahamudfutureit .otp-wd:hover {
  transform: translateY(-3px);
  box-shadow: 0 12px 26px rgba(23, 62, 105, 0.16) !important;
}
#account_mahamudfutureit .otp-wd .count p.count {
  background: linear-gradient(95deg, #173e69, #0d9488);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

/* tables in the panel */
#account_mahamudfutureit .table thead th {
  background: rgba(23, 62, 105, 0.06);
  color: #173e69;
  font-weight: 700;
  border-bottom: 2px solid rgba(23, 62, 105, 0.15);
}
#account_mahamudfutureit .table td {
  vertical-align: middle;
}

/* mobile panel */
@media (max-width: 767.98px) {
  #account_mahamudfutureit .mahamudfutureit-opts ul li a {
    font-size: 14.5px;
    padding: 10px 12px;
  }
  #account_mahamudfutureit .otp-wd {
    height: 78px;
  }
  #account_mahamudfutureit .otp-wd img {
    width: 44px;
    height: 44px;
  }
  #account_mahamudfutureit .otp-wd .count p.count { font-size: 20px; }
  #account_mahamudfutureit .attraiit-profile { text-align: center; }
}

/* ==========================================================
   HEADER / NAV / TICKER / FOOTER SIDE-PADDING FIX (legacy pages)
   Legacy pages (login, register, account, about, writer panel...)
   load Bootstrap 5.3.3 BEFORE the theme's Bootstrap 5.0.1. 5.3.3 sets
   --bs-gutter-x:1.5rem on .container, and 5.0.1 uses that variable as
   the full side padding, so the shared header became 24px per side
   instead of 12px (and the logo/date got squeezed).
   Reset the variable ONLY on the theme shell containers (outside the
   legacy content shield) so header = identical to home/post pages.
   Legacy page content itself is not touched.
   ========================================================== */
body.mfp-legacy-page .PrimeItWorld_header .container,
body.mfp-legacy-page .PrimeItWorld_nav .container,
body.mfp-legacy-page .mfp-ticker-wrap .container,
body.mfp-legacy-page .PrimeItWorld_footer .container {
  --bs-gutter-x: .75rem;
}