/* v41: verified-offer step and global WhatsApp country selector. */
.offer-entry-hidden { display: none !important; }
.modal-notice.is-dismissible,.notice.is-dismissible{position:relative;padding-right:42px}.offer-notice-dismiss{position:absolute;top:50%;right:8px;display:grid;place-items:center;width:26px;height:26px;padding:0;border:0;border-radius:7px;background:transparent;color:currentColor;font-size:20px;font-weight:500;line-height:1;transform:translateY(-50%)}.offer-notice-dismiss:hover{background:rgba(120,30,30,.09)}
.offer-email-verification-panel { grid-column: 1 / -1; display: grid; grid-template-columns: 48px minmax(0, 1fr) minmax(190px, .55fr); gap: 12px 16px; align-items: center; margin: 0; padding: 18px; border: 1px solid #cfdcff; border-radius: 16px; background: linear-gradient(135deg, #f8faff, #eef2ff); box-shadow: 0 14px 30px rgba(60,83,177,.12); }
.offer-email-verification-panel[hidden] { display: none !important; }
.offer-email-verification-icon { display: grid; place-items: center; width: 48px; height: 48px; border-radius: 14px; background: linear-gradient(135deg,#4568e7,#876ff1); color: #fff; font-size: 22px; box-shadow: 0 9px 19px rgba(74,98,213,.24); }
.offer-email-verification-panel p { margin: 3px 0 0; color: #687a98; font-size: 12px; line-height: 1.5; }
.offer-email-verification-panel h3 { margin: 0; color: #253860; font-size: 16px; letter-spacing: -.02em; }
.offer-email-verification-panel label { display: grid; gap: 6px; color: #40516b; font-size: 12px; font-weight: 800; }
.offer-email-verification-panel input { min-height: 45px; box-sizing: border-box; border: 1px solid #bfcdec; border-radius: 11px; padding: 10px 12px; background: #fff; color: #263a62; font: inherit; letter-spacing: .15em; }
.offer-verification-actions { grid-column: 2 / -1; display: flex; gap: 8px; justify-content: flex-end; align-items: center; }
.offer-back-button { border: 0; background: transparent; color: #5b70b7; font: inherit; font-size: 12px; font-weight: 800; padding: 10px 8px; }
.offer-email-verification-panel [data-email-code-notice] { grid-column: 2 / -1; margin: -5px 0 0; }

/* The browser select remains the submitted form control.  This compact button
   always renders a real flag and calling code; the full country name appears
   only in the searchable picker. */
body .whatsapp-composite { position: relative; display: grid !important; grid-template-columns: 112px minmax(0,1fr) !important; min-height: 46px; overflow: visible !important; white-space: normal !important; }
body .whatsapp-composite .phone-country-flag { display: none !important; }
body .whatsapp-composite select.phone-country-native { position: absolute !important; width: 1px !important; height: 1px !important; min-height: 1px !important; opacity: 0 !important; pointer-events: none !important; clip-path: inset(50%) !important; }
body .whatsapp-composite .phone-country-picker { grid-column: 1 !important; grid-row: 1 !important; display: flex !important; align-items: center; gap: 6px; min-width: 0; margin: 0 !important; padding: 0 9px !important; border: 0 !important; border-right: 1px solid #dce5f1 !important; border-radius: 10px 0 0 10px !important; outline: 0; background: #f7f9fe !important; color: #324b75; font: inherit; font-size: 12px !important; font-weight: 800; cursor: pointer; }
body .whatsapp-composite .phone-country-picker:hover, body .whatsapp-composite .phone-country-picker[aria-expanded="true"] { background: #ecf1ff !important; color: #405ee0; }
body .whatsapp-composite .phone-country-picker-flag { font-family: "Segoe UI Emoji","Apple Color Emoji","Noto Color Emoji",sans-serif; font-size: 17px; line-height: 1; }
body .whatsapp-composite .phone-country-picker-code { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
body .whatsapp-composite .phone-country-picker-arrow { margin-left: auto; font-size: 16px; line-height: 1; transform: translateY(-2px); }
body .whatsapp-composite .phone-local-number { grid-column: 2 !important; grid-row: 1 !important; width: auto !important; }
.phone-country-menu { position: absolute; z-index: 10010; top: calc(100% + 7px); left: 0; width: min(356px, calc(100vw - 34px)); padding: 9px; border: 1px solid #cad7ef; border-radius: 13px; background: #fff; box-shadow: 0 18px 42px rgba(36,57,116,.22); }
.phone-country-search { display: block !important; width: 100% !important; min-height: 38px !important; box-sizing: border-box; margin: 0 0 7px !important; padding: 8px 10px !important; border: 1px solid #d9e2f2 !important; border-radius: 9px !important; background: #f9fbff !important; color: #2d4267 !important; font: inherit !important; font-size: 12px !important; }
.phone-country-options { max-height: 238px; overflow: auto; padding-right: 2px; }
.phone-country-option { display: grid; grid-template-columns: 25px 47px minmax(0,1fr); align-items: center; width: 100%; gap: 7px; padding: 7px 8px; border: 0; border-radius: 8px; background: transparent; color: #314667; text-align: left; font: inherit; font-size: 12px; cursor: pointer; }
.phone-country-option:hover, .phone-country-option:focus { outline: 0; background: #eef3ff; color: #405ee0; }
.phone-country-option[hidden] { display: none !important; }
.phone-country-option.is-search-match { background: #eaf0ff; color: #3158d5; box-shadow: inset 0 0 0 1px #cbd8ff; }
.phone-country-option-flag { font-family: "Segoe UI Emoji","Apple Color Emoji","Noto Color Emoji",sans-serif; font-size: 16px; }
.phone-country-option-code { color: #536887; font-weight: 800; }
.phone-country-option-name { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.platform-fa-icon { display: grid; place-items: center; width: 1em; height: 1em; font-size: 1.12em; line-height: 1; }
.platform-mark .platform-fa-icon,.platform-symbol .platform-fa-icon,.platform-list-logo .platform-fa-icon { width: 62%; height: 62%; font-size: 1.3em; }

/* v42: country flags use a small image with an emoji fallback, so they work
   in browsers that do not render regional-indicator emoji. */
.phone-country-selected-art,.phone-country-selected-flag,.phone-country-option-flag { display:grid; place-items:center; flex:0 0 24px; width:24px; height:18px; overflow:hidden; border-radius:3px; }
.phone-country-selected-art img,.phone-country-selected-flag img,.phone-country-option-flag img { display:block; width:24px; height:18px; object-fit:cover; }
.phone-country-emoji-fallback { font-family:"Segoe UI Emoji","Apple Color Emoji","Noto Color Emoji",sans-serif; font-size:16px; line-height:1; }
.phone-country-picker { justify-content:flex-start; }
.phone-country-picker-code { min-width:26px; }
.phone-country-option-flag { font-size:0; }
.phone-country-option-flag .phone-country-emoji-fallback { font-size:16px; }
.offer-email-verification-panel.is-complete { border-color:#a8dec0; background:linear-gradient(135deg,#f6fffa,#eaf9f0); }
.offer-email-verification-panel.is-complete .offer-email-verification-icon { background:linear-gradient(135deg,#16965b,#42bd7a); }
.offer-verify-submit { min-height:42px; padding-inline:14px; }
.offer-verification-actions [hidden] { display:none !important; }
.offer-email-verification-panel .offer-verification-countdown { grid-column: 2 / -1; display: block; margin: -5px 0 0; color: #48669c; font-size: 11px; font-weight: 750; line-height: 1.4; }
.offer-email-verification-panel .offer-verification-countdown[hidden] { display: none !important; }

/* Keep each platform's mark and name on one horizontal line. */
.purchase-modal-card .modal-platform { display: flex !important; align-items: center !important; gap: 10px !important; }
.purchase-modal-card .modal-platform .platform-mark { flex: 0 0 38px; display: grid; margin: 0; }
.purchase-modal-card .modal-platform .platform-choice-copy { display: grid; min-width: 0; gap: 3px; }
.purchase-modal-card .modal-platform .platform-choice-copy b { align-self: auto; }
.standalone .platform-card { display: flex !important; align-items: center !important; gap: 10px; min-height: 72px; }
.standalone .platform-card .platform-symbol { flex: 0 0 35px; margin: 0; }
.standalone .platform-card strong { min-width: 0; }
.standalone .platform-card small { display: none; }
@media (max-width: 620px) { .offer-email-verification-panel { grid-template-columns: 42px minmax(0,1fr); padding: 14px; } .offer-email-verification-icon { width: 42px; height: 42px; } .offer-email-verification-panel label, .offer-verification-actions, .offer-email-verification-panel [data-email-code-notice] { grid-column: 1 / -1; } .offer-verification-actions { justify-content: space-between; } body .whatsapp-composite { grid-template-columns: 106px minmax(0,1fr) !important; } .phone-country-menu { width: min(330px, calc(100vw - 26px)); } }
