/* Atlantic Image Defense v1.15.4.19.35.451.316 (icons added in v451.317, home icons in v451.318)
 * Request center and home page: one light colour per request type.
 * gold = lawyers, teal = identity impersonation, blue = general information.
 * The tint stays discreet; the selected card shows the full colour. */

html body:not(#aid-x) :is(.aid-request-type-card[data-request-type="lawyer_contact"], .aid-home-special-intake-card[href*="type=lawyer_contact"]) { --aid-type: 214, 178, 92; --aid-type-text: #e6c983; }
html body:not(#aid-x) :is(.aid-request-type-card[data-request-type="identity_impersonation"], .aid-home-special-intake-card[href*="type=identity_impersonation"]) { --aid-type: 24, 215, 208; --aid-type-text: #77e9e4; }
html body:not(#aid-x) :is(.aid-request-type-card[data-request-type="general_information"], .aid-home-special-intake-card[href*="type=general_information"]) { --aid-type: 132, 160, 255; --aid-type-text: #aebfff; }

html body:not(#aid-x) :is(.aid-request-type-card[data-request-type], .aid-home-special-intake-card[href*="type="]) {
    border-color: rgba(var(--aid-type), .26) !important;
    background: linear-gradient(150deg, rgba(var(--aid-type), .09), rgba(var(--aid-type), 0) 62%), linear-gradient(150deg, #1a2237, #131c30) !important;
}
html body:not(#aid-x) :is(.aid-request-type-card[data-request-type], .aid-home-special-intake-card[href*="type="]):hover {
    border-color: rgba(var(--aid-type), .55) !important;
}
html body:not(#aid-x) .aid-request-type-card[data-request-type].is-active,
html.aid-public-is-scrolling body:not(#aid-x) .aid-request-type-card[data-request-type].is-active {
    border-color: rgb(var(--aid-type)) !important;
    background: linear-gradient(150deg, rgba(var(--aid-type), .16), rgba(var(--aid-type), .02) 70%), linear-gradient(150deg, #1a2237, #131c30) !important;
}
html body:not(#aid-x) .aid-request-type-card[data-request-type] > .aid-request-type-number,
html body:not(#aid-x) .aid-home-special-intake-card[href*="type="] > span {
    border-color: rgba(var(--aid-type), .34) !important;
    background: rgba(var(--aid-type), .12) !important;
    color: var(--aid-type-text) !important;
}
html body:not(#aid-x) .aid-home-special-intake-card[href*="type="] em { color: var(--aid-type-text) !important; }
html body:not(#aid-x) .aid-request-type-card[data-request-type]:focus-visible { outline-color: rgb(var(--aid-type)) !important; }

/* Short hint under a field (lawyer intake). */
html body:not(#aid-x) .aid-request-field-hint { display: block; margin-top: 6px; font-size: 13px; line-height: 1.45; color: rgba(226, 237, 242, .6); }
html body:not(#aid-x) [data-request-panel] > .aid-request-consents { margin-top: 18px; }

/* v451.317: an icon under the number of each request type
 * (scales = lawyers, identity card = identity impersonation, document = general information). */
html body:not(#aid-x) .aid-request-type-card[data-request-type] {
    grid-template-columns: 46px minmax(0, 1fr) !important;
    grid-template-rows: auto 1fr !important;
    column-gap: 16px !important;
}
html body:not(#aid-x) .aid-request-type-card[data-request-type] > .aid-request-type-number { grid-column: 1 !important; grid-row: 1 !important; margin: 0 !important; }
html body:not(#aid-x) .aid-request-type-card[data-request-type] > strong { grid-column: 2 !important; grid-row: 1 !important; align-self: center !important; margin: 0 !important; }
html body:not(#aid-x) .aid-request-type-card[data-request-type] > small { grid-column: 2 !important; grid-row: 2 !important; margin: 0 !important; }
html body:not(#aid-x) .aid-request-type-card[data-request-type] > .aid-request-type-icon {
    grid-column: 1; grid-row: 2; justify-self: center; align-self: start;
    display: block; width: 30px; height: 30px; margin-top: 10px;
    color: var(--aid-type-text); opacity: .85;
}
html body:not(#aid-x) .aid-request-type-card[data-request-type] > .aid-request-type-icon svg { display: block; width: 30px; height: 30px; }
@media (max-width: 575.98px) {
    html body:not(#aid-x) .aid-request-type-card[data-request-type] { grid-template-columns: 46px minmax(0, 1fr) 30px !important; }
    html body:not(#aid-x) .aid-request-type-card[data-request-type] > .aid-request-type-icon { grid-column: 3; grid-row: 1; align-self: center; margin-top: 0; }
    html body:not(#aid-x) .aid-request-type-card[data-request-type] > small { grid-column: 1 / -1 !important; }
}

/* v451.317: "Exchange Space" behaves like the other menu entries in the mobile
 * menu (the desktop highlight class was removed from the header). */
html body:not(#aid-x) .mobile_menu > li:not(.current):not(.active):not(.current-menu-item):not(.current_page_item) > a[href^="/community-exchange"]:not(.is-current-page):not([aria-current="page"]):not(:hover):not(:focus-visible) { color: #fff !important; }

/* v451.318: the same icons on the home page cards. */
html body:not(#aid-x) .aid-home-special-intake-card[href*="type="] {
    grid-template-columns: 46px minmax(0, 1fr) !important;
    grid-template-rows: auto auto 1fr auto !important;
    column-gap: 16px !important;
}
html body:not(#aid-x) .aid-home-special-intake-card[href*="type="] > span { grid-column: 1 !important; grid-row: 1 !important; margin: 0 !important; }
html body:not(#aid-x) .aid-home-special-intake-card[href*="type="] > strong { grid-column: 2 !important; grid-row: 1 !important; align-self: center !important; margin: 0 !important; }
html body:not(#aid-x) .aid-home-special-intake-card[href*="type="] > small { grid-column: 2 !important; grid-row: 2 / 4 !important; margin: 0 !important; }
html body:not(#aid-x) .aid-home-special-intake-card[href*="type="] > em { grid-column: 1 / -1 !important; grid-row: 4 !important; }
html body:not(#aid-x) .aid-home-special-intake-card[href*="type="] > .aid-home-special-intake-icon {
    grid-column: 1; grid-row: 2; justify-self: center; align-self: start;
    display: block; width: 30px; height: 30px; margin-top: 10px;
    color: var(--aid-type-text); opacity: .85;
}
@media (max-width: 575.98px) {
    html body:not(#aid-x) .aid-home-special-intake-card[href*="type="] { grid-template-columns: 46px minmax(0, 1fr) 30px !important; grid-template-rows: auto auto auto !important; }
    html body:not(#aid-x) .aid-home-special-intake-card[href*="type="] > .aid-home-special-intake-icon { grid-column: 3; grid-row: 1; align-self: center; margin-top: 0; }
    html body:not(#aid-x) .aid-home-special-intake-card[href*="type="] > small { grid-column: 1 / -1 !important; grid-row: 2 !important; }
    html body:not(#aid-x) .aid-home-special-intake-card[href*="type="] > em { grid-row: 3 !important; }
}