/* WhatMobilez v3.1.2: ONE typographic and color system across public-facing pages.
   Loaded after GeneratePress, Gutenberg and all Mobile Price Manager styles.
   Palette values are issued by MPM_Design and are not controlled by the theme. */
:root {
 --wmz-primary:#155EEF;--wmz-primary-hover:#1048B8;--wmz-heading:#142440;
 --wmz-text:#34445C;--wmz-muted:#65748B;--wmz-background:#F5F7FB;
 --wmz-surface:#FFFFFF;--wmz-soft:#F2F6FC;--wmz-border:#DFE6F0;
 --wmz-footer:#101D36;--wmz-accent:#0787B3;
 --wmz-font:"Inter","Segoe UI",Arial,sans-serif;--wmz-body-size:16px;
}
/* Font family stays identical on headings, content, cards, navigation, filters and buttons.
   Avoid overriding icon fonts and SVG graphics by restricting to textual elements. */
html body,html body .site,html body .site-main,html body .entry-content,
html body .mpm,html body .mpm-site,html body .mpm-taxonomy-frame,
html body .mpm-site-chrome,html body .mpm-shell-footer,html body .mpm-archive-wrap,
html body :is(h1,h2,h3,h4,h5,h6,p,li,a,button,input,select,textarea,label,dt,dd,td,th,blockquote,cite,div,section,article,main,header,footer,aside,nav) {
 font-family:var(--wmz-font)!important;
}
html body {background:var(--wmz-background);color:var(--wmz-text);font-size:var(--wmz-body-size);line-height:1.65}
html body .site,html body .site-content {background:transparent}
html body .site-main .entry-content {color:var(--wmz-text);font-size:var(--wmz-body-size);line-height:1.74}
html body .site-main .entry-content > :is(p,ul,ol,blockquote),
html body .site-main .entry-content > .wp-block-group :is(p,li),
html body .site-main .entry-summary > :is(p,ul,ol) {color:var(--wmz-text)!important;line-height:1.74}
html body .site-main .entry-content > :is(h1,h2,h3,h4,h5,h6),
html body .site-main .entry-content > .wp-block-group :is(h1,h2,h3,h4,h5,h6),
html body .site-main :is(.entry-title,.page-title,.wp-block-post-title) {
 color:var(--wmz-heading)!important;letter-spacing:-.025em;font-weight:750;line-height:1.3;
}
html body .site-main .entry-content > h2 {font-size:clamp(23px,2.4vw,30px);margin-block:28px 13px}
html body .site-main .entry-content > h3 {font-size:clamp(19px,2vw,23px);margin-block:22px 10px}
html body .site-main .entry-content > h4 {font-size:18px;margin-block:19px 8px}
html body .site-main .entry-content > :is(p,ul,ol) {margin-bottom:1.1em}
/* Conventional text links only, not branded cards and primary buttons. */
html body .site-main .entry-content > p a,
html body .site-main .entry-content > :is(ul,ol) a,
html body .site-main .entry-content > .wp-block-group a:not(.wp-block-button__link) {
 color:var(--wmz-primary);text-underline-offset:3px;
}
html body .site-main .entry-content > p a:hover,
html body .site-main .entry-content > :is(ul,ol) a:hover {color:var(--wmz-primary-hover)}
/* Keep heading, paragraph and button styling consistent on Gutenberg/GeneratePress pages. */
html body .inside-article,html body .mpm-archive-article,
html body .mpm-card,html body .mpm-hero-media,html body .mpm-hero-data,
html body .mpm-spec-group,html body .mpm-site-brand-tile {border-color:var(--wmz-border)}
html body.mpm-shell-enabled .site-main > article > .inside-article {background:var(--wmz-surface)}
html body .site-main .entry-title,html body .site-main .entry-title a {color:var(--wmz-heading)}
/* Plugin data/cards: all layouts use the same ink, price, surface and input tokens. */
html body .mpm,html body .mpm-card-embed,html body .mpm-search-form {
 --mpm-ink:var(--wmz-heading);--mpm-muted:var(--wmz-muted);
 --mpm-border:var(--wmz-border);--mpm-bg:var(--wmz-soft);--mpm-accent:var(--wmz-primary);
}
html body .mpm-site,html body .mpm-taxonomy-frame {
 --mpms-ink:var(--wmz-heading);--mpms-muted:var(--wmz-muted);
 --mpms-border:var(--wmz-border);--mpms-primary:var(--wmz-primary);
}
html body .mpm :is(h2,h3),html body .mpm-site :is(h1,h2,h3),
html body .mpm-archive-wrap :is(h1,h2,h3) {font-family:var(--wmz-font)!important}
html body .mpm :is(.mpm-card-title,.mpm-section-head h2,.mpm-key-intro h2,.mpm-profile-head h2),
html body .mpm-site :is(.mpm-site-section-head h2,.mpm-site-directory-hero h1),
html body .mpm-archive-heading h1,html body .mpm-archive-article h2 {
 color:var(--wmz-heading)!important;font-weight:800;
}
html body .mpm-card-title a,html body .mpm-archive-article h2 a {color:var(--wmz-heading)!important}
html body .mpm-card-title a:hover,html body .mpm-archive-article h2 a:hover {color:var(--wmz-primary)!important}
html body :is(.mpm-card,.mpm-hero-media,.mpm-hero-data,.mpm-spec-group,.mpm-archive-article,.mpm-site-brand-tile) {background:var(--wmz-surface);border-color:var(--wmz-border)}
html body :is(.mpm-filters,.mpm-site-brand-tools,.mpm-site-budget,.mpm-archive-empty) {border-color:var(--wmz-border)}
html body :is(.mpm-filters,.mpm-site-budget,.mpm-archive-empty) {background:var(--wmz-soft)}
html body :is(.mpm-card-price,.mpm-live-price,.mpm-site-more,.mpm-archive-read,.mpm-archive-category,.mpm-site-kicker) {color:var(--wmz-primary)!important}
html body :is(.mpm-card-spec span,.mpm-key-item span,.mpm-section-head p,.mpm-result-count,.mpm-price-facts,.mpm-archive-article p,.mpm-site-section-head p) {color:var(--wmz-muted)}
html body :is(.mpm-key-item,.mpm-variant-note,.mpm-disclaimer) {border-color:var(--wmz-border)}
/* Inputs and controls are independent of the theme's button/select colors. */
html body .site-main :is(input[type=text],input[type=search],input[type=number],input[type=email],input[type=url],select,textarea),
html body .mpm-shell-search input[type=search] {
 font-family:var(--wmz-font)!important;color:var(--wmz-heading);
 border-color:var(--wmz-border);border-radius:9px;
}
html body .mpm-filters :is(input,select),html body .mpm-archive-search input[type=search],
html body .mpm-site-brand-tools input[type=search] {border-color:var(--wmz-border)!important;background:var(--wmz-surface)!important;color:var(--wmz-heading)}
html body :is(.mpm-filter-submit,.mpm-action-link,.mpm-archive-search button,.mpm-site-search button,.mpm-shell-search button),
html body .site-main :is(.wp-block-button__link,button[type=submit],input[type=submit]):not(.mpm-compare-add) {
 background:var(--wmz-primary);border-color:var(--wmz-primary);color:#fff;font-family:var(--wmz-font)!important;
}
html body :is(.mpm-filter-submit,.mpm-action-link,.mpm-archive-search button,.mpm-site-search button,.mpm-shell-search button):hover,
html body .site-main :is(.wp-block-button__link,button[type=submit],input[type=submit]):not(.mpm-compare-add):hover {
 background:var(--wmz-primary-hover);border-color:var(--wmz-primary-hover);color:#fff;
}
html body :is(.mpm-card-link,.mpm-compare-add,.mpm-reset,.mpm-archive-pages a) {color:var(--wmz-primary)}
html body .mpm-card-link {border-color:var(--wmz-primary)}
html body .mpm-card-link:hover {background:var(--wmz-primary);color:#fff}
html body :is(a,button,input,select,textarea):focus-visible {outline:3px solid var(--wmz-accent);outline-offset:3px}
/* Header and footer follow exactly the same design controls as the page body. */
html body .mpm-shell-header {background:var(--wmz-surface);border-color:var(--wmz-border);color:var(--wmz-heading)}
html body .mpm-shell-menu > li > a,html body .mpm-shell-menu-mobile a {color:var(--wmz-heading)}
html body .mpm-shell-menu > li > a:hover,html body .mpm-shell-menu-mobile a:hover,
html body .mpm-shell-menu > .current-menu-item > a {color:var(--wmz-primary);background:var(--wmz-soft)}
html body .mpm-shell-search {background:var(--wmz-soft);border-color:var(--wmz-border)}
html body .mpm-shell-toggle {border-color:var(--wmz-border);background:var(--wmz-surface)}
html body .mpm-shell-footer,html body.mpm-shell-enabled .site-footer {background:var(--wmz-footer)!important}
html body .mpm-shell-footer h3 {color:#fff!important}
html body .mpm-shell-footer p,html body .mpm-shell-footer li {color:#D1DEF0}
html body .mpm-shell-footer a {color:#E3EBF8!important}
html body .mpm-shell-footer a:hover {color:#fff!important}
/* Keep dark hero/brand artwork legible when global text colors are configured. */
html body .mpm-site .mpm-site-hero h1,html body .mpm-site .mpm-site-hero h2,
html body .mpm-site .mpm-site-hero h3 {color:#fff!important}
html body .mpm-site .mpm-site-hero p {color:#DCE9F9}
html body .mpm-site .mpm-site-hero-chips a {color:#fff}
/* Site variations: overview panels and archives inherit the palette without losing nuance. */
html body .mpm-archive-heading {background:linear-gradient(130deg,var(--wmz-soft),var(--wmz-surface));border-color:var(--wmz-border)}
html body .mpm-archive-heading p {color:var(--wmz-muted)}
html body .mpm-archive-kicker {color:var(--wmz-primary)}
html body .mpm-site-directory-hero {background:linear-gradient(125deg,var(--wmz-soft),var(--wmz-surface));border-color:var(--wmz-border)}
html body .mpm-site-brand-copy strong,html body .mpm-site-budget strong {color:var(--wmz-heading)}
html body .mpm-site-brand-copy small,html body .mpm-site-budget small {color:var(--wmz-muted)}
/* Preserve colored specification categories as meaningful scanning cues; ordinary data remains neutral. */
html body .mpm-specifications .mpm-spec-row dd {color:var(--wmz-heading)}
html body .mpm-specifications .mpm-spec-table .mpm-spec-row dt {color:var(--wmz-text)}
/* Accessible selections and browser UI. */
html body ::selection {background:var(--wmz-primary);color:#fff}
@media (max-width:700px) {
 html body .site-main .entry-content {font-size:var(--wmz-body-size)}
 html body .site-main .entry-content > h2 {font-size:24px}
 html body .site-main .entry-content > h3 {font-size:20px}
}
@media (prefers-reduced-motion:reduce){html body .mpm-card,html body .mpm-site a{transition:none}}

/* Product profile controls and compare tray are part of the same brand identity. */
html body .mpm-compare-tray{background:var(--wmz-footer)}
html body :is(.mpm-tray-button,.mpm-search-form button,.mpm-user-reviews form input[type=submit]){background:var(--wmz-primary);color:#fff;border-color:var(--wmz-primary)}
html body :is(.mpm-tray-button,.mpm-search-form button,.mpm-user-reviews form input[type=submit]):hover{background:var(--wmz-primary-hover)}
html body .mpm-pagination a.is-active,html body .mpm-archive-pages .current{background:var(--wmz-primary);border-color:var(--wmz-primary);color:#fff!important}
html body .mpm-pagination a{border-color:var(--wmz-border)}
html body .mpm-specifications .mpm-spec-table .mpm-spec-row :is(dt,dd){font-family:var(--wmz-font)!important}

/* Dropdown menus and theme-provided navigation use the same neutral surfaces. */
html body .mpm-shell-menu ul,html body .mpm-shell-mobile-nav{background:var(--wmz-surface);border-color:var(--wmz-border)}
html body .mpm-shell-menu ul a:hover,html body .mpm-shell-menu ul a:focus-visible{background:var(--wmz-soft);color:var(--wmz-primary)}


/* v3.1.4 — Specification matrix: one brand system, recognizable section accents.
 * All typography, borders, backgrounds and primary/accent tones are derived
 * from Mobile Price Manager > Site Design (never from theme defaults).
 * Category color is an orientation cue, not a second font/text color system.
 * `color-mix` uses widely supported modern CSS, with safe neutral defaults. */
html body .mpm-specifications .mpm-spec-table {
    border:1px solid var(--wmz-border);
    border-radius:14px;
    background:var(--wmz-surface);
    box-shadow:0 7px 28px rgb(17 35 61 / 4%);
    overflow:hidden;
}
html body .mpm-specifications .mpm-spec-table .mpm-spec-group {
    --wmz-spec-tone:var(--wmz-primary);
    --wmz-spec-header:color-mix(in srgb,var(--wmz-spec-tone) 13%,var(--wmz-surface));
    --wmz-spec-label:color-mix(in srgb,var(--wmz-spec-tone) 8%,var(--wmz-surface));
    --wmz-spec-cell:color-mix(in srgb,var(--wmz-spec-tone) 2%,var(--wmz-surface));
    --wmz-spec-cell-alt:color-mix(in srgb,var(--wmz-spec-tone) 4%,var(--wmz-surface));
    --wmz-spec-divider:color-mix(in srgb,var(--wmz-spec-tone) 22%,var(--wmz-border));
    background:var(--wmz-surface);
    border:0;
}
/* Six related tones, allocated by specification meaning. Every tone is
 * mixed from the Site Design primary/accent and selected partner hues. */
html body .mpm-specifications .mpm-spec-table .mpm-spec-group--network,
html body .mpm-specifications .mpm-spec-table .mpm-spec-group--platform,
html body .mpm-specifications .mpm-spec-table .mpm-spec-group--performance {--wmz-spec-tone:var(--wmz-primary)}
html body .mpm-specifications .mpm-spec-table .mpm-spec-group--memory,
html body .mpm-specifications .mpm-spec-table .mpm-spec-group--connectivity,
html body .mpm-specifications .mpm-spec-table .mpm-spec-group--sensors {--wmz-spec-tone:var(--wmz-accent)}
html body .mpm-specifications .mpm-spec-table .mpm-spec-group--body,
html body .mpm-specifications .mpm-spec-table .mpm-spec-group--battery,
html body .mpm-specifications .mpm-spec-table .mpm-spec-group--durability {--wmz-spec-tone:color-mix(in srgb,var(--wmz-primary) 36%,#25816A)}
html body .mpm-specifications .mpm-spec-table .mpm-spec-group--launch,
html body .mpm-specifications .mpm-spec-table .mpm-spec-group--display,
html body .mpm-specifications .mpm-spec-table .mpm-spec-group--camera {--wmz-spec-tone:color-mix(in srgb,var(--wmz-primary) 54%,#6552A5)}
html body .mpm-specifications .mpm-spec-table .mpm-spec-group--sound,
html body .mpm-specifications .mpm-spec-table .mpm-spec-group--gaming,
html body .mpm-specifications .mpm-spec-table .mpm-spec-group--pakistan {--wmz-spec-tone:color-mix(in srgb,var(--wmz-accent) 43%,#A66A30)}
html body .mpm-specifications .mpm-spec-table .mpm-spec-group--features,
html body .mpm-specifications .mpm-spec-table .mpm-spec-group--misc {--wmz-spec-tone:color-mix(in srgb,var(--wmz-primary) 42%,var(--wmz-heading))}
/* Connected table with a restrained break between sections for easy scanning. */
html body .mpm-specifications .mpm-spec-table .mpm-spec-group + .mpm-spec-group {
    border-top:5px solid var(--wmz-background);
}
html body .mpm-specifications .mpm-spec-table .mpm-spec-category {
    margin:0;
    padding:17px 15px;
    background:var(--wmz-spec-header);
    color:var(--wmz-heading);
    border-right:1px solid var(--wmz-spec-divider);
    box-shadow:inset 5px 0 0 var(--wmz-spec-tone);
    font-family:var(--wmz-font)!important;
    font-size:14px;
    font-weight:800;
    line-height:1.45;
    letter-spacing:-.008em;
}
html body .mpm-specifications .mpm-spec-table .mpm-spec-category-title {
    font:inherit;
    color:var(--wmz-heading);
}
html body .mpm-specifications .mpm-spec-table .mpm-spec-category-icon {
    background:color-mix(in srgb,var(--wmz-spec-tone) 16%,var(--wmz-surface));
    color:color-mix(in srgb,var(--wmz-spec-tone) 75%,var(--wmz-heading));
    border:1px solid var(--wmz-spec-divider);
    border-radius:12px;
    box-shadow:0 2px 8px rgb(17 35 61 / 3%);
}
html body .mpm-specifications .mpm-spec-table .mpm-spec-row + .mpm-spec-row {
    border-top:1px solid var(--wmz-spec-divider);
}
html body .mpm-specifications .mpm-spec-table .mpm-spec-row :is(dt,dd) {
    min-height:39px;
    margin:0;
    padding:11px 15px;
    font-family:var(--wmz-font)!important;
    font-size:13px;
    line-height:1.55;
    letter-spacing:normal;
    border-radius:0;
    box-shadow:none;
}
html body .mpm-specifications .mpm-spec-table .mpm-spec-row dt {
    background:var(--wmz-spec-label);
    color:var(--wmz-text)!important;
    border-right:1px solid var(--wmz-spec-divider);
    font-weight:750;
}
html body .mpm-specifications .mpm-spec-table .mpm-spec-row dd {
    background:var(--wmz-spec-cell);
    color:var(--wmz-heading)!important;
    font-weight:500;
}
html body .mpm-specifications .mpm-spec-table .mpm-spec-row:nth-child(even) dt {
    background:color-mix(in srgb,var(--wmz-spec-tone) 10%,var(--wmz-surface));
}
html body .mpm-specifications .mpm-spec-table .mpm-spec-row:nth-child(even) dd {
    background:var(--wmz-spec-cell-alt);
}
@media (hover:hover) {
 html body .mpm-specifications .mpm-spec-table .mpm-spec-row:hover :is(dt,dd) {
   background:color-mix(in srgb,var(--wmz-spec-tone) 12%,var(--wmz-surface));
 }
}
html body .mpm-specifications .mpm-spec-price-date {
    color:var(--wmz-muted);
    font-family:var(--wmz-font)!important;
}
@media (max-width:650px) {
 html body .mpm-specifications .mpm-spec-table .mpm-spec-category {
    flex-direction:row;
    justify-content:flex-start;
    padding:11px 12px;
    text-align:left;
    border-right:0;
    border-bottom:1px solid var(--wmz-spec-divider);
    box-shadow:inset 5px 0 0 var(--wmz-spec-tone);
    font-size:14px;
 }
 html body .mpm-specifications .mpm-spec-table .mpm-spec-row :is(dt,dd) {
    min-height:37px;
    padding:10px 11px;
    font-size:12.5px;
 }
}
@media (prefers-contrast:more) {
 html body .mpm-specifications .mpm-spec-table .mpm-spec-row + .mpm-spec-row,
 html body .mpm-specifications .mpm-spec-table .mpm-spec-row dt {
    border-color:var(--wmz-heading);
 }
 html body .mpm-specifications .mpm-spec-table .mpm-spec-category {
    border-color:var(--wmz-heading);
 }
}