/* === EV refinements (added via Claude) === */

/* 1) Social icons — neutral by default, brand blue on hover, no motion */
.navbar-social a{ filter: grayscale(1) brightness(.45) contrast(1.05); transition: filter .2s ease !important; animation: none !important; }
.navbar-social a:hover{ filter:none !important; transform:none !important; }
.ev-fr-social a, .ev-fr-social a svg{ transition: opacity .18s ease, fill .18s ease !important; animation:none !important; }
.ev-fr-social a:hover{ transform:none !important; opacity:1 !important; }
.ev-fr-social a:hover svg{ fill:#ffffff !important; }

/* 2) Mega-menu fade + slide on open */
@keyframes evMenuIn{ from{opacity:0; transform:translateY(8px);} to{opacity:1; transform:translateY(0);} }
.main-menu-wrap .menu-item-has-children:hover > .sub-menu{ animation: evMenuIn .22s cubic-bezier(.2,.6,.2,1) both; }
@media (prefers-reduced-motion: reduce){ .main-menu-wrap .menu-item-has-children:hover > .sub-menu{ animation:none !important; } }

/* 3) Metadata labels — contrast & size floor */
.ev-about-founder-eyebrow{ color:#5e5e63 !important; font-size:11px !important; }
.ev-about-section-header .count{ color:#5e5e63 !important; font-size:12px !important; }
.entry-date{ color:#5b6270 !important; }
.ev-contact-form-section label, .ev-contact-form-section .grunion-field-label{ color:#5b6270 !important; }
.ev-fr-contact-label{ color:#dbe4f8 !important; }

/* 4) Newsletter icon (custom NL) — footer (white) & contact (blue). Header icon intentionally NOT shown (left-side CTA covers it). */
.ev-fr-social a[href^="mailto"] svg{ display:none !important; }
.ev-fr-social a[href^="mailto"]{ background-image:url(https://eletric-vehicles.com/wp-content/uploads/2026/06/NL_icon_white.svg) !important; background-size:18px 18px; background-repeat:no-repeat; background-position:center; }
a.ev-contact-method[href^="mailto"] .ev-contact-method-icon svg{ display:none !important; }
a.ev-contact-method[href^="mailto"] .ev-contact-method-icon{ background-image:url(https://eletric-vehicles.com/wp-content/uploads/2026/06/NL_icon.svg) !important; background-size:24px 24px; background-repeat:no-repeat; background-position:center; }

/* 5) Contact rows — icons stay put on hover; only the text shifts */
.ev-contact-method:hover{ padding-left:4px !important; }
.ev-contact-method-body{ transition: transform .2s ease; }
.ev-contact-method:hover .ev-contact-method-body{ transform: translateX(10px) !important; }



/* In-content links — brand blue + visible underline; hover only dims opacity */
.single .entry-content p a, .single .entry-content li a{color:#2659d7 !important;text-decoration:underline !important;text-decoration-color:#2659d7 !important;text-decoration-thickness:1px !important;text-underline-offset:2px;transition:opacity .15s ease}
.single .entry-content p a:hover, .single .entry-content li a:hover{opacity:.65 !important;color:#2659d7 !important;text-decoration:underline !important;text-decoration-color:#2659d7 !important;text-decoration-thickness:1px !important}


/* Article title links — underline on hover (coherent: cards + rails) */
.entry-title a:hover, .post-thumbnail:hover ~ .entry-wrapper .entry-title a, .ev-rail__item:hover .ev-rail__headline{color:#2659d7 !important;text-decoration:underline !important;text-decoration-color:#2659d7 !important;text-decoration-thickness:1px !important;text-underline-offset:2px}
/* === end EV refinements === */
/* === EV drawer 2-col + mega caret (Claude) === */
.ev-snm-section{column-count:2;column-gap:18px}
.ev-snm-section .ev-snm-label{column-span:all;-webkit-column-span:all}
.ev-snm-section:has(.ev-snm-sub-list){column-count:1}
.ev-snm-util,.ev-snm-top{break-inside:avoid;-webkit-column-break-inside:avoid}
.main-menu-wrap .ev-card__h a{display:inline !important}
/* === end EV drawer 2-col === */