/* Base styles; can be overridden by Custom CSS option */
.country-selector-wrapper { position: relative; display: inline-block; width: 100%; border-radius: 4px;}
.country-selector-container { position: relative; }
.country-selector-button { width: 100% !important; border: none !important; border-radius: 4px !important; cursor: pointer !important; padding: 10px !important; font-size: 12px !important; display: flex !important; justify-content: start !important; background: transparent !important; align-items: center !important; }
.country-selector-button:hover { background: transparent; }
.country-flag { margin-right: 10px; }
.dropdown { border: solid; border-width: 0 2px 2px 0; display: inline-block; padding: 6px 0 0 6px; margin: 0 0 5px 7px; transform: rotate(45deg); }
.country-list { background-color: #fff; color: #404553; box-shadow: 0 5px 4px rgba(0,0,0,0.18); position: absolute; top: 38px; left: 0; z-index: 1003; padding: 8px 0; white-space: nowrap; display: none; width: 100%; border-radius: 5px; }
.country-list.show { display: block; }
.country-option { display: flex; align-items: center; justify-content: space-between; padding: 10px 15px; cursor: pointer; }
.country-option:hover { background-color: #f1f1f1; }
.country-option .option-details { display: flex; align-items: center; gap: 10px; }
.checkbox-wrapper { height: 20px; width: 20px; margin-left: 10px; }

.country-notification { background-color: #f7f7f7; color: #333; text-align: center; padding: 10px; text-align: center; position: fixed; width: 100%; top: 0; left: 0; z-index: 99999; font-size: 14px; box-shadow: 0 2px 5px rgba(0,0,0,.1); }
.country-notification a { color: #000; font-weight: bold; text-decoration: underline; }
.close-notification { cursor: pointer !important; font-size: 20px !important; font-weight: bold !important; padding: 0 10px !important; color: #333 !important; }