| 1 |
/** |
| 2 |
* Frequently Bought Together — activation nudge styling. |
| 3 |
* |
| 4 |
* Scoped overrides on top of admin/assets/css/notices.css. Everything here is |
| 5 |
* keyed to .cartflows-fbt-notice so the shared notice component keeps rendering |
| 6 |
* the 5-star and new-UI notices exactly as it does today. |
| 7 |
*/ |
| 8 |
|
| 9 |
/* The shared sheet tints and stretches .notice-image into a column; the mark is already a filled tile. */ |
| 10 |
.cartflows-fbt-notice .notice-image { |
| 11 |
align-self: flex-start; |
| 12 |
background-color: transparent; |
| 13 |
padding: 18px 0 18px 18px; |
| 14 |
} |
| 15 |
|
| 16 |
.cartflows-fbt-notice img.custom-logo { |
| 17 |
display: block; |
| 18 |
width: 40px; |
| 19 |
height: 40px; |
| 20 |
border-radius: 8px; |
| 21 |
} |
| 22 |
|
| 23 |
/* The shared sheet colours only the border; label and icon must take the accent too. */ |
| 24 |
.cartflows-fbt-notice .astra-review-notice:not( .button-primary ) { |
| 25 |
color: var( --cf-notice-accent ); |
| 26 |
border: 1px solid var( --cf-notice-accent ); |
| 27 |
background-color: transparent; |
| 28 |
transition: background-color 0.15s ease-in-out; |
| 29 |
} |
| 30 |
|
| 31 |
.cartflows-fbt-notice .astra-review-notice:not( .button-primary ):hover, |
| 32 |
.cartflows-fbt-notice .astra-review-notice:not( .button-primary ):focus { |
| 33 |
color: var( --cf-notice-accent ); |
| 34 |
background-color: var( --cf-notice-accent-bg ); |
| 35 |
} |
| 36 |
|
| 37 |
.cartflows-fbt-notice .astra-review-notice:not( .button-primary ) .dashicons { |
| 38 |
color: inherit; |
| 39 |
} |
| 40 |
|
| 41 |
.cartflows-fbt-notice .notice-description a { |
| 42 |
color: var( --cf-notice-accent ); |
| 43 |
text-underline-offset: 2px; |
| 44 |
} |
| 45 |
|
| 46 |
@media ( prefers-reduced-motion: reduce ) { |
| 47 |
.cartflows-fbt-notice .astra-review-notice:not( .button-primary ) { |
| 48 |
transition: none; |
| 49 |
} |
| 50 |
} |
| 51 |
|
