/* PC Precision — restyling desktop approvato, 06/10/2026.
 * Caricare DOPO tutti gli stili tema, child theme e MU plugin.
 * Solo estetica: HTML, link, form e JavaScript esistenti rimangono invariati.
 * Gli !important risolvono gli override già presenti nella header.
 */
/* Uno strato con dichiarazioni important precede gli important senza strato
 * già presenti: evita di aumentare artificialmente la specificità dei selettori. */
@layer pcp-header-restyle {
@media (min-width: 1025px) {
  :root {
    --wd-header-general-h: 140px !important;
    --wd-header-general-sticky-h: 112px !important;
    --wd-header-bottom-h: 68px !important;
    --wd-header-bottom-sticky-h: 0px !important;
  }
  header.whb-pcp_caseking_header {
    --pcp-blue: #1e40af;
    --pcp-red: #e10600;
    --pcp-black: #090909;
    --pcp-font: "Plus Jakarta Sans", ui-sans-serif, system-ui, sans-serif;
    background: var(--pcp-black) !important;
    color: #f5f5f5 !important;
    font-family: var(--pcp-font) !important;
  }
  header.whb-pcp_caseking_header .whb-general-header,
  header.whb-pcp_caseking_header .whb-header-bottom {
    background: var(--pcp-black) !important;
    background-image: none !important;
  }
  header.whb-pcp_caseking_header .whb-general-header > .container,
  header.whb-pcp_caseking_header .whb-header-bottom > .container {
    width: calc(100% - 64px) !important;
    max-width: 1440px !important;
    padding-inline: 0 !important;
    margin-inline: auto !important;
  }
  header.whb-pcp_caseking_header:not(.whb-sticked) .whb-general-header,
  header.whb-pcp_caseking_header:not(.whb-sticked) .whb-general-header-inner,
  header.whb-pcp_caseking_header:not(.whb-sticked) .whb-general-header > .container > .whb-flex-row,
  header.whb-pcp_caseking_header:not(.whb-sticked) .whb-general-header-inner > .whb-column {
    height: 140px !important;
    min-height: 140px !important;
    max-height: 140px !important;
  }
  header.whb-pcp_caseking_header.whb-sticked .whb-general-header,
  header.whb-pcp_caseking_header.whb-sticked .whb-general-header-inner,
  header.whb-pcp_caseking_header.whb-sticked .whb-general-header > .container > .whb-flex-row,
  header.whb-pcp_caseking_header.whb-sticked .whb-general-header-inner > .whb-column {
    height: 112px !important;
    min-height: 112px !important;
    max-height: 112px !important;
  }
  header.whb-pcp_caseking_header .whb-general-header-inner {
    align-items: center !important;
    flex-wrap: nowrap !important;
    gap: 32px !important;
  }
  header.whb-pcp_caseking_header .whb-column8 {
    flex: 0 0 224px !important;
    max-width: 224px !important;
    padding: 0 !important;
    margin: 0 !important;
  }
  header.whb-pcp_caseking_header .whb-column8 .site-logo,
  header.whb-pcp_caseking_header .whb-column8 .wd-logo {
    padding: 0 !important;
    max-height: none !important;
  }
  header.whb-pcp_caseking_header .whb-column8 .site-logo img {
    width: auto !important;
    height: auto !important;
    max-width: 224px !important;
    max-height: 112px !important;
    object-fit: contain !important;
    object-position: left center !important;
    filter: brightness(0) invert(1) !important;
    transform: none !important;
  }
  header.whb-pcp_caseking_header.whb-sticked .whb-column8 .site-logo img {
    max-height: 88px !important;
  }
  header.whb-pcp_caseking_header .whb-column9 {
    flex: 1 1 0% !important;
    min-width: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
  }
  header.whb-pcp_caseking_header .wd-header-search-form {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
  }
  header.whb-pcp_caseking_header .wd-header-search-form .searchform {
    position: relative !important;
    height: 58px !important;
    border: 1px solid #dedfe3 !important;
    border-radius: 999px !important;
    background: #fff !important;
    box-shadow: none !important;
    overflow: visible !important;
  }
  header.whb-pcp_caseking_header .wd-header-search-form input.s {
    width: 100% !important;
    height: 56px !important;
    padding: 0 100px 0 26px !important;
    border: 0 !important;
    border-radius: 999px !important;
    background: transparent !important;
    color: #252730 !important;
    font-family: var(--pcp-font) !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    box-shadow: none !important;
  }
  header.whb-pcp_caseking_header .wd-header-search-form input.s::placeholder {
    color: #737782 !important;
    opacity: 1 !important;
  }
  header.whb-pcp_caseking_header .wd-header-search-form .searchsubmit {
    position: absolute !important;
    inset: 3px 3px auto auto !important;
    width: 50px !important;
    min-width: 50px !important;
    height: 50px !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    border-radius: 50% !important;
    background: var(--pcp-blue) !important;
    color: #fff !important;
    box-shadow: none !important;
    transform: none !important;
  }
  header.whb-pcp_caseking_header .wd-header-search-form .searchsubmit::after {
    content: "" !important;
    display: block !important;
    width: 24px !important;
    height: 24px !important;
    background: currentColor !important;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round'%3E%3Ccircle cx='10.5' cy='10.5' r='6.5'/%3E%3Cpath d='m16 16 5 5'/%3E%3C/svg%3E") center / contain no-repeat !important;
  }
  header.whb-pcp_caseking_header .wd-header-search-form .wd-clear-search {
    inset-inline-end: 66px !important;
  }
  header.whb-pcp_caseking_header .wd-search-results-wrapper .wd-dropdown {
    border-radius: 16px !important;
  }
  header.whb-pcp_caseking_header .whb-column10 {
    flex: 0 0 244px !important;
    max-width: 244px !important;
    justify-content: space-between !important;
    gap: 12px !important;
    padding: 0 !important;
    margin: 0 !important;
  }
  header.whb-pcp_caseking_header .whb-column10 .wd-tools-element {
    flex: 1 1 0% !important;
    min-width: 0 !important;
    height: 64px !important;
    margin: 0 !important;
    padding: 0 !important;
  }
  header.whb-pcp_caseking_header .whb-column10 .wd-tools-element > a {
    display: flex !important;
    height: 64px !important;
    padding: 0 !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 7px !important;
    color: #f5f5f5 !important;
  }
  header.whb-pcp_caseking_header .whb-column10 .wd-tools-icon {
    width: 28px !important;
    height: 28px !important;
    margin: 0 !important;
    color: inherit !important;
  }
  header.whb-pcp_caseking_header .whb-column10 .wd-tools-icon::before {
    content: "" !important;
    display: block !important;
    width: 28px !important;
    height: 28px !important;
    background: currentColor !important;
    mask: var(--pcp-action-icon) center / contain no-repeat !important;
  }
  header.whb-pcp_caseking_header .whb-column10 .wd-header-my-account {
    --pcp-action-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round'%3E%3Ccircle cx='12' cy='7' r='4'/%3E%3Cpath d='M4 21v-2a8 8 0 0 1 16 0v2'/%3E%3C/svg%3E");
  }
  header.whb-pcp_caseking_header .whb-column10 .wd-header-wishlist {
    --pcp-action-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20.8 4.6a5.5 5.5 0 0 0-7.8 0L12 5.7l-1.1-1.1a5.5 5.5 0 0 0-7.8 7.8L12 21l8.8-8.6a5.5 5.5 0 0 0 0-7.8Z'/%3E%3C/svg%3E");
  }
  header.whb-pcp_caseking_header .whb-column10 .wd-header-cart {
    --pcp-action-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 3h3l3 12h11l3-9H6'/%3E%3Ccircle cx='9' cy='20' r='1.5'/%3E%3Ccircle cx='18' cy='20' r='1.5'/%3E%3C/svg%3E");
  }
  header.whb-pcp_caseking_header .whb-column10 .wd-header-wishlist .wd-tools-count.is-empty { display: none !important; }
  header.whb-pcp_caseking_header .whb-column10 .wd-tools-text,
  header.whb-pcp_caseking_header .whb-column10 .pcp-tool-label {
    display: block !important;
    color: inherit !important;
    font-family: var(--pcp-font) !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    line-height: 1.2 !important;
    white-space: nowrap !important;
  }
  header.whb-pcp_caseking_header .whb-column10 .wd-tools-count {
    background: var(--pcp-blue) !important;
    color: #fff !important;
    min-width: 19px !important;
    height: 19px !important;
    line-height: 19px !important;
    font-size: 11px !important;
    border-radius: 999px !important;
  }
  header.whb-pcp_caseking_header .whb-column10 .wd-tools-element > a:hover {
    color: #bccbff !important;
  }
  header.whb-pcp_caseking_header .whb-header-bottom,
  header.whb-pcp_caseking_header .whb-header-bottom-inner,
  header.whb-pcp_caseking_header .whb-header-bottom > .container > .whb-flex-row,
  header.whb-pcp_caseking_header .whb-header-bottom-inner > .whb-column {
    height: 68px !important;
    min-height: 68px !important;
    max-height: 68px !important;
  }
  header.whb-pcp_caseking_header .whb-header-bottom {
    border-top: 1px solid #2b2c31 !important;
  }
  header.whb-pcp_caseking_header .whb-column11,
  header.whb-pcp_caseking_header .pcp-ck-nav-whb {
    width: 100% !important;
    max-width: none !important;
    flex: 1 1 100% !important;
    padding: 0 !important;
    margin: 0 !important;
  }
  header.whb-pcp_caseking_header #pcpMegaNav .pcp-ck-nav__bar-wrap,
  header.whb-pcp_caseking_header #pcpMegaNav .pcp-ck-nav__bar {
    height: 67px !important;
    min-height: 67px !important;
    padding: 0 !important;
    margin: 0 !important;
  }
  header.whb-pcp_caseking_header #pcpMegaNav .pcp-ck-nav__bar {
    display: flex !important;
    flex-wrap: nowrap !important;
    justify-content: space-between !important;
    align-items: center !important;
    gap: 8px !important;
  }
  header.whb-pcp_caseking_header #pcpMegaNav .pcp-ck-nav__item--categories {
    position: static !important;
    margin: 0 !important;
    flex: 0 0 auto !important;
  }
  header.whb-pcp_caseking_header #pcpMegaNav .pcp-ck-nav__link,
  header.whb-pcp_caseking_header #pcpMegaNav .pcp-ck-nav__trigger,
  header.whb-pcp_caseking_header #pcpMegaNav .pcp-ck-nav__categories {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 9px !important;
    height: 48px !important;
    min-height: 48px !important;
    padding: 0 14px !important;
    font-family: var(--pcp-font) !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    letter-spacing: 0 !important;
    text-transform: uppercase !important;
    white-space: nowrap !important;
    background: transparent !important;
    color: #f5f5f5 !important;
    border: 1px solid transparent !important;
    border-radius: 8px !important;
    box-shadow: none !important;
  }
  header.whb-pcp_caseking_header #pcpMegaNav .pcp-ck-nav__categories {
    padding-inline: 24px !important;
    background: var(--pcp-blue) !important;
    color: #fff !important;
  }
  header.whb-pcp_caseking_header #pcpMegaNav .pcp-ck-nav__categories svg {
    width: 18px !important;
    height: 18px !important;
  }
  header.whb-pcp_caseking_header #pcpMegaNav a[href*="/sales/"],
  header.whb-pcp_caseking_header #pcpMegaNav a[href*="/configuratore-pc-gaming/"] {
    color: var(--pcp-red) !important;
  }
  header.whb-pcp_caseking_header #pcpMegaNav a[href*="/configuratore-pc-gaming/"] {
    border-color: var(--pcp-red) !important;
    border-radius: 999px !important;
    padding-inline: 24px !important;
  }
  header.whb-pcp_caseking_header #pcpMegaNav .pcp-ck-nav__trigger:hover,
  header.whb-pcp_caseking_header #pcpMegaNav .pcp-ck-nav__link:hover,
  header.whb-pcp_caseking_header #pcpMegaNav .pcp-ck-nav__trigger[aria-expanded="true"] {
    background: #202125 !important;
  }
  header.whb-pcp_caseking_header #pcpMegaNav .pcp-ck-nav__categories:hover {
    background: #2448b8 !important;
  }
  header.whb-pcp_caseking_header :is(a, button, input):focus-visible {
    outline: 2px solid #9eb7ff !important;
    outline-offset: 4px !important;
  }
  header.whb-pcp_caseking_header #pcpMegaNav .pcp-ck-mega__stage {
    background: #fff !important;
    color: #252730 !important;
    border-top: 1px solid #dedfe3 !important;
    box-shadow: 0 18px 36px rgb(0 0 0 / 12%) !important;
  }
  header.whb-pcp_caseking_header #pcpMegaNav .pcp-ck-mega__section-title,
  header.whb-pcp_caseking_header #pcpMegaNav .pcp-ck-tile,
  header.whb-pcp_caseking_header #pcpMegaNav .pcp-ck-mega__foot-link {
    font-family: var(--pcp-font) !important;
  }
  header.whb-pcp_caseking_header #pcpMegaNav .pcp-ck-tile {
    border-radius: 10px !important;
    border: 1px solid #eceef2 !important;
    background: #f7f8fa !important;
    color: #252730 !important;
  }
  header.whb-pcp_caseking_header #pcpMegaNav a.pcp-ck-tile:hover {
    border-color: var(--pcp-blue) !important;
    color: var(--pcp-blue) !important;
    background: #f1f4fc !important;
  }
}
/* La soglia mobile già usata dal sito resta 1024px. */
@media (min-width: 1025px) and (max-width: 1199px) {
  header.whb-pcp_caseking_header .whb-general-header > .container,
  header.whb-pcp_caseking_header .whb-header-bottom > .container {
    width: calc(100% - 40px) !important;
  }
  header.whb-pcp_caseking_header .whb-general-header-inner { gap: 20px !important; }
  header.whb-pcp_caseking_header .whb-column8 { flex-basis: 190px !important; max-width: 190px !important; }
  header.whb-pcp_caseking_header .whb-column8 .site-logo img { max-width: 190px !important; }
  header.whb-pcp_caseking_header .whb-column10 { flex-basis: 208px !important; max-width: 208px !important; gap: 6px !important; }
  header.whb-pcp_caseking_header #pcpMegaNav .pcp-ck-nav__bar { gap: 4px !important; }
  header.whb-pcp_caseking_header #pcpMegaNav .pcp-ck-nav__link,
  header.whb-pcp_caseking_header #pcpMegaNav .pcp-ck-nav__trigger,
  header.whb-pcp_caseking_header #pcpMegaNav .pcp-ck-nav__categories {
    padding-inline: 10px !important; font-size: 12px !important; gap: 6px !important;
  }
  header.whb-pcp_caseking_header #pcpMegaNav a[href*="/configuratore-pc-gaming/"] { padding-inline: 14px !important; }
}
}