/* Promise Legal — Mobile/MinervaNeue CSS v7.7 (Section 13) */

/* 13a. Header bar: navy gradient */
.skin-minerva .minerva-header,
.skin-minerva .header-container,
.skin-minerva .navigation-drawer .primary-action {
  background: linear-gradient(135deg, var(--pl-navy) 0%, var(--pl-navy-dark) 100%);
}
.skin-minerva .minerva-header .branding-box h1,
.skin-minerva .header-container .branding-box h1,
.skin-minerva .minerva-header a,
.skin-minerva .header-container a { color: #ffffff; }

/* FIX: Header icons — bypass unreliable mask-image, use direct white SVG background-images */
/* Hamburger menu icon */
.skin-minerva .minerva-header .minerva-icon--menu,
.skin-minerva .header-container .minerva-icon--menu {
  -webkit-mask-image: none !important;
  mask-image: none !important;
  background-color: transparent !important;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='%23ffffff'><path d='M1 3v2h18V3zm0 8h18V9H1zm0 6h18v-2H1z'/></svg>") !important;
  background-size: contain !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  filter: none !important;
}
/* Search icon */
.skin-minerva .minerva-header .minerva-icon--search,
.skin-minerva .header-container .minerva-icon--search {
  -webkit-mask-image: none !important;
  mask-image: none !important;
  background-color: transparent !important;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='%23ffffff'><path d='M12.2 13.6a7 7 0 1 1 1.4-1.4l5.4 5.4-1.4 1.4zM3 8a5 5 0 1 0 10 0A5 5 0 0 0 3 8'/></svg>") !important;
  background-size: contain !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  filter: none !important;
}
/* Notification bell icon */
.skin-minerva .minerva-header .minerva-icon--bellOutline,
.skin-minerva .header-container .minerva-icon--bellOutline {
  -webkit-mask-image: none !important;
  mask-image: none !important;
  background-color: transparent !important;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='%23ffffff'><path d='M11.5 2.19C14.09 2.86 16 5.2 16 8v6l2 2v1H2v-1l2-2V8c0-2.8 1.91-5.14 4.5-5.81V1.5C8.5.67 9.17 0 10 0s1.5.67 1.5 1.5zM10 4C7.79 4 6 5.79 6 8v7h8V8c0-2.21-1.79-4-4-4M8 18h4c0 1.1-.9 2-2 2s-2-.9-2-2'/></svg>") !important;
  background-size: contain !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  filter: none !important;
}
/* Fallback: any other header icons not covered above */
.skin-minerva .minerva-header .mw-ui-icon,
.skin-minerva .header-container .mw-ui-icon,
.skin-minerva .minerva-header .cdx-button .cdx-icon,
.skin-minerva .header-container .cdx-button .cdx-icon {
  filter: brightness(0) invert(1) !important;
}
/* Undo overrides for nav drawer list-item icons (on white bg, need default rendering) */
.skin-minerva .navigation-drawer ul .minerva-icon,
.skin-minerva .mw-mf-page-left ul .minerva-icon {
  -webkit-mask-image: revert !important;
  mask-image: revert !important;
  background-color: revert !important;
  background-image: none !important;
  filter: none !important;
}
.skin-minerva .header-container .cdx-button,
.skin-minerva .minerva-header .cdx-button,
.skin-minerva .header-container label,
.skin-minerva .minerva-header label { color: #ffffff !important; }
.skin-minerva .header-container .cdx-button svg,
.skin-minerva .minerva-header .cdx-button svg { fill: #ffffff; }
/* Hide broken i18n message keys in header */
.skin-minerva .header-container .cdx-button .cdx-button__text {
  font-size: 0; overflow: hidden; width: 0; padding: 0; margin: 0;
}
/* Prevent header from overflowing viewport */
.skin-minerva .minerva-header,
.skin-minerva .header-container {
  overflow: hidden;
  max-width: 100vw;
}

/* Site name: truncate on narrow screens */
.skin-minerva .branding-box h1 {
  font-family: var(--pl-font); font-weight: 700; color: #ffffff;
  font-size: 14px; white-space: nowrap; overflow: hidden;
  text-overflow: ellipsis; max-width: 200px;
}

/* 13b. Search bar */
.skin-minerva .minerva-search-form input[type="search"],
.skin-minerva .search-box input { border-radius: var(--pl-radius); font-family: var(--pl-font); }
.skin-minerva .minerva-search-form input[type="search"]:focus,
.skin-minerva .search-box input:focus { border-color: var(--pl-teal); box-shadow: 0 0 0 3px rgba(50, 177, 158, 0.15); }

/* 13c. Typography */
.skin-minerva #mw-mf-page-center,
.skin-minerva .content,
.skin-minerva #bodyContent { font-family: var(--pl-font); color: var(--pl-text-body); line-height: 1.7; }
.skin-minerva .mw-page-title-main,
.skin-minerva #section_0,
.skin-minerva #firstHeading { font-family: var(--pl-font); font-weight: 700; color: var(--pl-text-primary); }
.skin-minerva h2, .skin-minerva .mw-heading h2 { font-family: var(--pl-font); color: var(--pl-navy); font-weight: 600; border-bottom: 2px solid var(--pl-border); padding-bottom: 0.4rem; }
.skin-minerva h3, .skin-minerva h4,
.skin-minerva .mw-heading h3, .skin-minerva .mw-heading h4 { font-family: var(--pl-font); color: var(--pl-navy); font-weight: 600; }

/* 13d. Content links */
.skin-minerva .mw-body-content a { color: var(--pl-navy); }
.skin-minerva .mw-body-content a:visited { color: var(--pl-navy-dark); }
.skin-minerva .mw-body-content a.new { color: #ba0000; }

/* 13e. Section collapse indicators */
.skin-minerva .mw-heading .indicator { color: var(--pl-navy); }

/* 13f. Navigation drawer — transparent by default, white only when open */
.skin-minerva .navigation-drawer {
  background: transparent;
}
.skin-minerva .mw-mf-page-left {
  background: #ffffff;
}
/* When drawer is open (checkbox checked), the drawer content gets white bg */
.skin-minerva .navigation-drawer .toggle-list__list,
.skin-minerva .navigation-drawer ul {
  background: #ffffff;
}
.skin-minerva .navigation-drawer ul li a,
.skin-minerva .mw-mf-page-left ul li a {
  color: var(--pl-text-body); font-family: var(--pl-font);
  padding: 12px 16px; min-height: 44px; display: flex; align-items: center;
}
.skin-minerva .navigation-drawer ul li a:hover,
.skin-minerva .mw-mf-page-left ul li a:hover { color: var(--pl-navy); }
.skin-minerva .navigation-drawer .secondary-action,
.skin-minerva .mw-mf-page-left .secondary-action { border-top: 1px solid var(--pl-border); }

/* 13g. Page actions */
.skin-minerva .page-actions-menu a { color: var(--pl-navy); }
.skin-minerva .page-actions-menu .mw-ui-icon { filter: none; color: var(--pl-navy); }

/* 13h. Last-modified bar */
.skin-minerva .last-modified-bar { background: var(--pl-bg); border-top: 1px solid var(--pl-border); color: var(--pl-text-secondary); font-family: var(--pl-font); font-size: 0.8rem; }
.skin-minerva .last-modified-bar a { color: var(--pl-navy); }

/* 13i. Footer */
.skin-minerva #footer, .skin-minerva .post-content { font-family: var(--pl-font); color: var(--pl-text-secondary); font-size: 0.8rem; }
.skin-minerva #footer a { color: var(--pl-text-secondary); }
.skin-minerva #footer a:hover { color: var(--pl-navy); }

/* 13j. TOC */
.skin-minerva #toc, .skin-minerva .toc-mobile { background: var(--pl-bg); border: none; border-radius: var(--pl-radius); font-family: var(--pl-font); }

/* 13k. Dashboard responsive */
@media (max-width: 720px) {
  .pl-hero { padding: 1.5rem 1rem; border-radius: 0; margin: -1rem -1rem 1.5rem; }
  .pl-hero h1 { font-size: 1.4rem; }
  .pl-hero p { font-size: 0.95rem; }
  .pl-hero-search input[type="text"] { width: 100%; max-width: 100%; margin-bottom: 0.5rem; }
  .pl-hero-search input[type="submit"] { width: 100%; }
  .pl-card-grid { grid-template-columns: 1fr; gap: 0.75rem; }
  .pl-card { padding: 1rem; }
  .pl-layout { grid-template-columns: 1fr; gap: 1rem; }
  .pl-table { display: block; overflow-x: auto; -webkit-overflow-scrolling: touch; }
  .pl-tags { gap: 0.35rem; }
  .pl-tag { font-size: 0.7rem; padding: 0.25rem 0.6rem; }
}

/* 13l. Brand-styled form inputs and buttons */
.skin-minerva .mw-htmlform input[type="text"],
.skin-minerva .mw-htmlform input[type="email"],
.skin-minerva .mw-htmlform input[type="password"],
.skin-minerva .mw-htmlform input[type="search"],
.skin-minerva .loginBox input[type="text"],
.skin-minerva .loginBox input[type="password"],
.skin-minerva .oo-ui-inputWidget-input[type="text"],
.skin-minerva .oo-ui-inputWidget-input[type="email"] {
  border: 1px solid var(--pl-border); border-radius: var(--pl-radius);
  padding: 10px 14px; font-family: var(--pl-font); font-size: 16px;
  width: 100%; box-sizing: border-box;
}
.skin-minerva .mw-htmlform input:focus,
.skin-minerva .loginBox input:focus,
.skin-minerva .oo-ui-inputWidget-input:focus {
  border-color: var(--pl-teal); box-shadow: 0 0 0 3px rgba(50, 177, 158, 0.15); outline: none;
}
.skin-minerva .mw-htmlform .mw-htmlform-submit,
.skin-minerva .mw-htmlform .cdx-button--action-progressive,
.skin-minerva .loginBox .mw-ui-button.mw-ui-progressive,
.skin-minerva .loginBox .mw-ui-button.mw-ui-constructive,
.skin-minerva .loginBox #wpLoginAttempt,
.skin-minerva .oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button,
.skin-minerva .oo-ui-flaggedElement-primary > .oo-ui-buttonElement-button,
.skin-minerva button.oo-ui-inputWidget-input[type="submit"] {
  background: var(--pl-teal) !important; color: #ffffff !important;
  border: none !important; border-radius: var(--pl-radius);
  padding: 12px 24px; font-family: var(--pl-font); font-weight: 600; font-size: 16px;
  cursor: pointer;
}
.skin-minerva .loginBox .mw-ui-button,
.skin-minerva .loginBox #wpLoginAttempt {
  background: var(--pl-teal) !important; color: #ffffff !important;
  border: none !important; border-radius: var(--pl-radius);
  padding: 12px 24px; font-family: var(--pl-font); font-weight: 600; font-size: 16px;
  width: 100%; cursor: pointer;
}
.skin-minerva .mw-htmlform .mw-htmlform-submit:hover,
.skin-minerva .loginBox .mw-ui-button:hover,
.skin-minerva .oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:hover,
.skin-minerva .oo-ui-flaggedElement-primary > .oo-ui-buttonElement-button:hover {
  background: var(--pl-teal-dark) !important;
}

/* 13m. iOS auto-zoom prevention */
.skin-minerva input[type="text"],
.skin-minerva input[type="password"],
.skin-minerva input[type="email"],
.skin-minerva input[type="search"],
.skin-minerva textarea,
.skin-minerva select { font-size: 16px !important; }

/* 13n. Permission error page — login CTA button */
.skin-minerva .permissions-errors { text-align: center; padding: 2rem 1rem; }
.skin-minerva .permissions-errors p { color: var(--pl-text-body); font-size: 0.95rem; line-height: 1.6; }
.pl-login-cta,
.mw-body-content a.pl-login-cta,
.skin-minerva .mw-body-content a.pl-login-cta {
  display: inline-block; background: var(--pl-teal); color: #ffffff !important;
  padding: 14px 32px; border-radius: var(--pl-radius); font-family: var(--pl-font);
  font-weight: 600; font-size: 16px; text-decoration: none !important; margin-top: 1rem;
}
.pl-login-cta:hover,
.mw-body-content a.pl-login-cta:hover { background: var(--pl-teal-dark); color: #ffffff !important; text-decoration: none !important; }
.pl-login-cta:visited,
.mw-body-content a.pl-login-cta:visited { color: #ffffff !important; }

/* 13o. Overflow protection for mobile content */
.skin-minerva #mw-mf-page-center,
.skin-minerva .mw-body { overflow-x: hidden; }
.skin-minerva .mw-body-content img { max-width: 100%; height: auto; }
.skin-minerva .mw-body-content pre,
.skin-minerva .mw-body-content code { overflow-x: auto; max-width: 100%; word-wrap: break-word; }
.skin-minerva .mw-body-content table.wikitable {
  display: block; overflow-x: auto; -webkit-overflow-scrolling: touch; max-width: 100%;
}

/* 13p. RC / Special pages — brand OOUI filter widgets */
.skin-minerva .mw-rcfilters-ui-filterTagMultiselectWidget { font-family: var(--pl-font); }
.skin-minerva .mw-rcfilters-ui-filterTagMultiselectWidget .oo-ui-tagItemWidget {
  background: rgba(50, 177, 158, 0.1); border-color: var(--pl-teal); border-radius: var(--pl-radius);
}
.skin-minerva .mw-rcfilters-ui-changesLimitAndDateButtonWidget .oo-ui-buttonElement-button,
.skin-minerva .mw-rcfilters-ui-liveUpdateButtonWidget .oo-ui-buttonElement-button {
  border-radius: var(--pl-radius); font-family: var(--pl-font);
}
.skin-minerva .oo-ui-capsuleMultiselectWidget .oo-ui-capsuleItemWidget {
  background: rgba(50, 177, 158, 0.1); border: 1px solid var(--pl-teal); border-radius: var(--pl-radius);
}