/* EGIO Coupon promotion styles. Colors are applied inline from the admin configuration; this file owns layout only. Loaded directly in the page so it does not depend on the theme's LESS @magento_import. */ /* Product badge (macaron) */ .egio-coupon-macaron-wrapper { margin-top: 8px; } /* Extra spacing below the badge on mobile only */ @media (max-width: 767px) { .egio-coupon-macaron-wrapper { margin-bottom: 16px; } } .egio-coupon-macaron-wrapper .egio-coupon-macaron { display: inline-block; padding: 6px 14px; border-radius: 1rem; font-weight: 600; line-height: 1.2; text-decoration: none; white-space: nowrap; } .egio-coupon-macaron-wrapper .egio-coupon-macaron:hover, .egio-coupon-macaron-wrapper .egio-coupon-macaron:focus { text-decoration: none; opacity: .9; } /* Desktop: place the badge to the right of the price */ @media (min-width: 768px) { .product-info-main .custompricing { display: flex; flex-wrap: wrap; align-items: center; } .product-info-main .custompricing .egio-coupon-macaron-wrapper { margin-top: 0; margin-left: auto; } } /* Cart disclaimer */ .egio-coupon-disclaimer { width: var(--egio-disclaimer-width, 70%); margin: 20px auto; padding: 16px 20px; border-radius: 1rem; box-sizing: border-box; } @media (max-width: 767px) { .egio-coupon-disclaimer { width: 100%; } } .egio-coupon-disclaimer > :first-child { margin-top: 0; } .egio-coupon-disclaimer > :last-child { margin-bottom: 0; } /* Cart coupon note (asterisk) injected into the coupon heading */ .egio-coupon-note-init { display: none; } a.egio-coupon-note, a.egio-coupon-note:hover, a.egio-coupon-note:focus { text-decoration: none; }