/** * ASIC Error Code & Troubleshooting Database Styles * * Dark-themed styles for archive,single,and taxonomy templates. * Matches D-Central design system:#0D0D0D bg,#1E1E2E cards,* #ff6e00 accent,#E8E8E8 text,JetBrains Mono for codes. * * @package D-Central * @since 1.20.0 */ .dc-error-database{background:#0D0D0D;min-height:100vh;}
.dc-error-hero{position:relative;padding:4rem 0 3rem;overflow:hidden;}
.dc-error-hero__bg{position:absolute;inset:0;z-index:0;opacity:0.04;pointer-events:none;}
.dc-error-hero__grid{width:100%;height:100%;background-image:linear-gradient(rgba(255,110,0,0.3) 1px,transparent 1px),linear-gradient(90deg,rgba(255,110,0,0.3) 1px,transparent 1px);background-size:40px 40px;}
.dc-error-hero .dc-container{position:relative;z-index:1;}
.dc-error-hero__title{font-family:'Barlow Condensed',sans-serif;font-weight:800;font-size:clamp(2rem,5vw,3.25rem);color:#F0F0F0;text-transform:uppercase;letter-spacing:0.02em;margin:1rem 0 0.5rem;line-height:1.1;}
.dc-error-hero__subtitle{font-family:'Inter',sans-serif;font-size:1.125rem;color:#9CA3AF;margin:0 0 1.5rem;max-width:640px;}
.dc-error-hero__search{max-width:560px;}
.dc-error-search-wrap{position:relative;display:flex;align-items:center;}
.dc-error-search-wrap__icon{position:absolute;left:1rem;color:#8A8A8A;pointer-events:none;}
.dc-error-search-wrap__input{width:100%;padding:0.875rem 1rem 0.875rem 2.75rem;background:#1E1E2E;border:1px solid #333;border-radius:8px;color:#E8E8E8;font-family:'Inter',sans-serif;font-size:0.9375rem;transition:border-color 0.2s,box-shadow 0.2s;}
.dc-error-search-wrap__input::placeholder{color:#666;}
.dc-error-search-wrap__input:focus{outline:none;border-color:#ff6e00;box-shadow:0 0 0 3px rgba(255,110,0,0.15);}
.dc-error-term-desc{padding:0 0 1.5rem;}
.dc-error-term-desc__card{background:#1E1E2E;border:1px solid #333;border-radius:8px;padding:1.5rem;}
.dc-error-term-desc__text{color:#9CA3AF;font-size:0.9375rem;line-height:1.6;}
.dc-error-term-desc__text p:last-child{margin-bottom:0;}
.dc-error-filters{padding:1.5rem 0;background:#111118;border-top:1px solid #222;border-bottom:1px solid #222;position:sticky;top:64px;z-index:50;}
.dc-error-filters__bar{display:flex;flex-wrap:wrap;gap:1rem;align-items:flex-end;}
.dc-error-filters__group{display:flex;flex-direction:column;gap:0.25rem;min-width:160px;}
.dc-error-filters__group--count{margin-left:auto;min-width:auto;justify-content:flex-end;}
.dc-error-filters__label{font-family:'Barlow Condensed',sans-serif;font-size:0.75rem;font-weight:600;color:#8A8A8A;text-transform:uppercase;letter-spacing:0.05em;}
.dc-error-filters__select{background:#1E1E2E;border:1px solid #333;border-radius:6px;color:#E8E8E8;font-family:'Inter',sans-serif;font-size:0.875rem;padding:0.5rem 2rem 0.5rem 0.75rem;appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%238A8A8A' stroke-width='2' xmlns='http://www.w3.org/2000/svg'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 0.75rem center;cursor:pointer;transition:border-color 0.2s;}
.dc-error-filters__select:focus{outline:none;border-color:#ff6e00;}
.dc-error-filters__count{font-size:0.875rem;color:#ff6e00;padding:0.5rem 0;}
.dc-error-popular{padding:2.5rem 0 1rem;}
.dc-error-popular__title{font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:1.5rem;color:#F0F0F0;text-transform:uppercase;letter-spacing:0.02em;margin:0 0 1.25rem;}
.dc-error-popular__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;}
.dc-error-results{padding:2rem 0 3rem;}
.dc-error-results__title{font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:1.5rem;color:#F0F0F0;text-transform:uppercase;letter-spacing:0.02em;margin:0 0 1.25rem;}
.dc-error-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;}
.dc-error-card{display:flex;flex-direction:column;background:#1E1E2E;border:1px solid #333;border-left:4px solid #333;border-radius:8px;padding:1.25rem;text-decoration:none;color:#E8E8E8;transition:transform 0.2s,box-shadow 0.2s,border-color 0.2s;}
.dc-error-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(0,0,0,0.4);}
.dc-error-card--critical{border-left-color:#ef4444;}
.dc-error-card--critical:hover{box-shadow:0 8px 24px rgba(239,68,68,0.15);}
.dc-error-card--warning{border-left-color:#ff6e00;}
.dc-error-card--warning:hover{box-shadow:0 8px 24px rgba(255,110,0,0.15);}
.dc-error-card--info{border-left-color:#10B981;}
.dc-error-card--info:hover{box-shadow:0 8px 24px rgba(16,185,129,0.15);}
.dc-error-card__header{display:flex;align-items:center;gap:0.5rem;flex-wrap:wrap;margin-bottom:0.75rem;}
.dc-error-card__title{font-family:'Inter',sans-serif;font-weight:600;font-size:0.9375rem;color:#F0F0F0;margin:0 0 0.5rem;line-height:1.4;}
.dc-error-card__models{font-size:0.8125rem;color:#8A8A8A;margin:0 0 0.75rem;line-height:1.4;}
.dc-error-card__footer{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:0.75rem;border-top:1px solid #2A2A2A;}
.dc-error-card__arrow{color:#8A8A8A;transition:color 0.2s,transform 0.2s;}
.dc-error-card:hover .dc-error-card__arrow{color:#ff6e00;transform:translateX(4px);}
.dc-error-badge{display:inline-block;font-family:'JetBrains Mono',monospace;font-size:0.75rem;font-weight:500;background:#0A0A0A;color:#ff6e00;padding:0.25rem 0.5rem;border-radius:4px;border:1px solid #333;white-space:nowrap;}
.dc-error-badge--large{font-size:1rem;padding:0.375rem 0.75rem;}
.dc-error-severity{display:inline-flex;align-items:center;gap:0.3rem;font-family:'Inter',sans-serif;font-size:0.75rem;font-weight:600;padding:0.25rem 0.5rem;border-radius:4px;white-space:nowrap;}
.dc-error-severity--critical{background:rgba(239,68,68,0.15);color:#ef4444;}
.dc-error-severity--warning{background:rgba(255,110,0,0.15);color:#ff6e00;}
.dc-error-severity--info{background:rgba(16,185,129,0.15);color:#10B981;}
.dc-error-diy-badge{display:inline-block;font-family:'Inter',sans-serif;font-size:0.75rem;font-weight:600;padding:0.2rem 0.5rem;border-radius:4px;white-space:nowrap;}
.dc-error-diy-badge--easy{background:rgba(16,185,129,0.15);color:#10B981;}
.dc-error-diy-badge--moderate{background:rgba(255,110,0,0.15);color:#ff6e00;}
.dc-error-diy-badge--advanced{background:rgba(239,68,68,0.15);color:#ef4444;}
.dc-error-diy-badge--professional{background:rgba(185,28,28,0.15);color:#dc2626;}
.dc-error-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:3rem 1rem;text-align:center;}
.dc-error-empty p{color:#8A8A8A;font-size:1rem;margin:0;}
.dc-error-cta{padding:3rem 0;background:linear-gradient(135deg,#1a0d00 0%,#0D0D0D 100%);border-top:1px solid #2A2A2A;}
.dc-error-cta__inner{display:flex;align-items:center;justify-content:space-between;gap:2rem;background:#1E1E2E;border:1px solid #333;border-radius:12px;padding:2.5rem;}
.dc-error-cta__title{font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:1.75rem;color:#ff6e00;text-transform:uppercase;margin:0 0 0.5rem;}
.dc-error-cta__text{color:#9CA3AF;font-size:0.9375rem;margin:0;max-width:520px;line-height:1.6;}
.dc-error-cta__actions{display:flex;gap:0.75rem;flex-shrink:0;}
.dc-error-single{background:#0D0D0D;min-height:100vh;}
.dc-error-single__hero{position:relative;padding:4rem 0 3rem;overflow:hidden;}
.dc-error-single__header{max-width:800px;}
.dc-error-single__badges{display:flex;align-items:center;gap:0.75rem;flex-wrap:wrap;margin-bottom:1rem;}
.dc-error-single__title{font-family:'Barlow Condensed',sans-serif;font-weight:800;font-size:clamp(1.75rem,4vw,2.5rem);color:#F0F0F0;text-transform:uppercase;letter-spacing:0.02em;margin:0 0 0.75rem;line-height:1.15;}
.dc-error-single__message{margin-bottom:1rem;}
.dc-error-single__message code{display:inline-block;font-family:'JetBrains Mono',monospace;font-size:0.875rem;background:#0A0A0A;color:#ef4444;padding:0.5rem 1rem;border-radius:6px;border:1px solid #333;}
.dc-error-single__severity-desc{color:#9CA3AF;font-size:0.9375rem;margin:0 0 1rem;}
.dc-error-single__affected{display:flex;flex-wrap:wrap;gap:0.35rem;font-size:0.875rem;}
.dc-error-single__affected-label{font-weight:600;color:#8A8A8A;}
.dc-error-single__affected-text{color:#E8E8E8;}
.dc-error-single__layout{display:grid;grid-template-columns:1fr 340px;gap:2rem;padding:2rem 0 3rem;align-items:start;}
.dc-error-single__main{min-width:0;}
.dc-error-section{margin-bottom:2.5rem;}
.dc-error-section__title{display:flex;align-items:center;gap:0.5rem;font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:1.375rem;color:#F0F0F0;text-transform:uppercase;letter-spacing:0.02em;margin:0 0 1.25rem;padding-bottom:0.75rem;border-bottom:2px solid #ff6e00;}
.dc-error-section__title svg{color:#ff6e00;flex-shrink:0;}
.dc-error-symptoms{list-style:none;padding:0;margin:0;}
.dc-error-symptoms__item{position:relative;padding:0.625rem 0 0.625rem 1.5rem;color:#E8E8E8;font-size:0.9375rem;line-height:1.5;border-bottom:1px solid #1E1E2E;}
.dc-error-symptoms__item::before{content:'';position:absolute;left:0;top:1rem;width:8px;height:8px;border-radius:50%;background:#ff6e00;}
.dc-error-symptoms__item:last-child{border-bottom:none;}
.dc-error-steps{display:flex;flex-direction:column;gap:1rem;}
.dc-error-step{display:flex;gap:1rem;background:#1E1E2E;border:1px solid #333;border-radius:8px;padding:1.25rem;transition:border-color 0.2s;}
.dc-error-step:hover{border-color:#444;}
.dc-error-step__number{flex-shrink:0;display:flex;align-items:flex-start;justify-content:center;}
.dc-error-step__number span{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:rgba(255,110,0,0.15);color:#ff6e00;font-family:'JetBrains Mono',monospace;font-weight:700;font-size:0.875rem;border:2px solid #ff6e00;}
.dc-error-step__content{flex:1;min-width:0;}
.dc-error-step__text{color:#E8E8E8;font-size:0.9375rem;line-height:1.6;margin:0.25rem 0 0;}
.dc-error-step__image{margin-top:1rem;border-radius:6px;overflow:hidden;}
.dc-error-step__img{width:100%;height:auto;display:block;border-radius:6px;}
.dc-error-video{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;border-radius:8px;border:1px solid #333;}
.dc-error-video iframe{position:absolute;top:0;left:0;width:100%;height:100%;}
.dc-error-seek-pro{display:flex;gap:1rem;background:rgba(239,68,68,0.08);border:1px solid rgba(239,68,68,0.25);border-left:4px solid #ef4444;border-radius:8px;padding:1.5rem;}
.dc-error-seek-pro__icon{flex-shrink:0;color:#ef4444;padding-top:0.125rem;}
.dc-error-seek-pro__content{flex:1;}
.dc-error-seek-pro__title{font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:1.125rem;color:#ef4444;text-transform:uppercase;margin:0 0 0.5rem;}
.dc-error-seek-pro__text{color:#9CA3AF;font-size:0.875rem;line-height:1.6;margin:0 0 1rem;}
.dc-error-seek-pro__actions{display:flex;gap:0.75rem;flex-wrap:wrap;}
.dc-error-related-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;}
.dc-error-single__sidebar{display:flex;flex-direction:column;gap:1rem;position:sticky;top:80px;}
.dc-error-sidebar-card{background:#1E1E2E;border:1px solid #333;border-radius:8px;padding:1.25rem;}
.dc-error-sidebar-card--cta{background:linear-gradient(135deg,#1a0d00 0%,#1E1E2E 100%);border-color:rgba(255,110,0,0.3);}
.dc-error-sidebar-card__title{display:flex;align-items:center;gap:0.4rem;font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:1rem;color:#F0F0F0;text-transform:uppercase;letter-spacing:0.02em;margin:0 0 0.75rem;}
.dc-error-sidebar-card__title svg{color:#ff6e00;}
.dc-error-sidebar-card__text{color:#9CA3AF;font-size:0.8125rem;line-height:1.6;margin:0 0 1rem;}
.dc-error-sidebar-card__diy-desc{color:#9CA3AF;font-size:0.8125rem;line-height:1.5;margin:0.5rem 0 0;}
.dc-error-sidebar-card__cost{font-size:1.25rem;color:#10B981;margin:0;}
.dc-error-tools{list-style:none;padding:0;margin:0;}
.dc-error-tools__item{padding:0.5rem 0;font-size:0.875rem;color:#E8E8E8;border-bottom:1px solid #2A2A2A;}
.dc-error-tools__item:last-child{border-bottom:none;}
.dc-error-tools__link{display:inline-flex;align-items:center;gap:0.35rem;color:#ff6e00;text-decoration:none;transition:color 0.2s;}
.dc-error-tools__link:hover{color:#ff8c33;}
.dc-error-miners-list{list-style:none;padding:0;margin:0;}
.dc-error-miners-list__item{border-bottom:1px solid #2A2A2A;}
.dc-error-miners-list__item:last-child{border-bottom:none;}
.dc-error-miners-list__link{display:flex;align-items:center;gap:0.5rem;padding:0.5rem 0;color:#E8E8E8;font-size:0.8125rem;text-decoration:none;transition:color 0.2s;}
.dc-error-miners-list__link:hover{color:#ff6e00;}
.dc-error-miners-list__link svg{margin-left:auto;flex-shrink:0;color:#8A8A8A;transition:color 0.2s,transform 0.2s;}
.dc-error-miners-list__link:hover svg{color:#ff6e00;transform:translateX(2px);}
.dc-error-miners-list__thumb{width:32px;height:32px;object-fit:contain;border-radius:4px;flex-shrink:0;}
.dc-error-parts{display:flex;flex-direction:column;gap:0.75rem;}
.dc-error-part-card{display:flex;align-items:center;gap:0.75rem;padding:0.5rem;background:#161621;border:1px solid #2A2A2A;border-radius:6px;text-decoration:none;transition:border-color 0.2s;}
.dc-error-part-card:hover{border-color:#ff6e00;}
.dc-error-part-card__thumb{flex-shrink:0;width:64px;height:64px;border-radius:4px;overflow:hidden;background:#1E1E2E;}
.dc-error-part-card__img{width:100%;height:100%;object-fit:contain;}
.dc-error-part-card__info{flex:1;min-width:0;}
.dc-error-part-card__name{display:block;font-size:0.8125rem;color:#E8E8E8;font-weight:500;line-height:1.3;margin-bottom:0.25rem;}
.dc-error-part-card__price{font-size:0.875rem;color:#10B981;}
.dc-error-cta .dc-btn--primary,.dc-error-seek-pro .dc-btn--primary,.dc-error-sidebar-card .dc-btn--primary{background:#ff6e00;color:#ffffff;border:none;}
.dc-error-cta .dc-btn--primary:hover,.dc-error-seek-pro .dc-btn--primary:hover,.dc-error-sidebar-card .dc-btn--primary:hover{background:#ff8c33;box-shadow:0 0 20px rgba(255,110,0,0.3);}
.dc-btn--block{display:block;width:100%;text-align:center;}
@media (max-width:1024px){.dc-error-single__layout{grid-template-columns:1fr 280px;gap:1.5rem;}
}
@media (max-width:768px){.dc-error-hero{padding:3rem 0 2rem;}
.dc-error-popular__grid,.dc-error-grid,.dc-error-related-grid{grid-template-columns:1fr;}
.dc-error-filters__bar{flex-direction:column;gap:0.75rem;}
.dc-error-filters__group{min-width:100%;}
.dc-error-filters__group--count{margin-left:0;}
.dc-error-cta__inner{flex-direction:column;text-align:center;padding:2rem;}
.dc-error-cta__actions{flex-direction:column;width:100%;}
.dc-error-cta__actions .dc-btn{width:100%;text-align:center;}
.dc-error-single__layout{grid-template-columns:1fr;gap:2rem;}
.dc-error-single__sidebar{position:static;}
.dc-error-step{flex-direction:column;gap:0.75rem;}
.dc-error-seek-pro{flex-direction:column;}
.dc-error-seek-pro__actions{flex-direction:column;}
}
@media (max-width:480px){.dc-error-hero__title{font-size:1.75rem;}
.dc-error-single__title{font-size:1.5rem;}
.dc-error-card{padding:1rem;}
.dc-error-step{padding:1rem;}
}