/**
 * Country Shortcode Placeholder CSS
 * Styles for [country_display] shortcode, including flag and name placeholders.
 * Version: 5.0.10
 */

/* Placeholder for the country name (Client-side fallback) */
.wc-country-name-placeholder {
    /* visibility: hidden; -- This is now controlled by an inline style in PHP for initial hiding */
   /* vertical-align: middle; /* Align with flag if present */
}
.wc-country-name-placeholder.loaded {
    visibility: visible !important; /* Override inline 'visibility:hidden' style from PHP */
}

/* General style for the displayed country name (server-side or loaded by JS) */
.wc-country-name {
    vertical-align: unset; /* Ensure alignment with flag */
    /* Add any other specific styling for the name text itself if needed */
}
.wc-country-prepend-text {
    vertical-align: unset;
    /* Add any specific styling for "Express " if needed, e.g., margin-right */
    /* margin-right: 0.25em; */ /* Optional: small space after prepended text */
}

/* Style for the country flag span (applied by PHP server-side or by JS client-side) */
.wc-country-flag {
    display: inline-block;
    width: 14px;
    height: 12px;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    margin-right: 6px;
    vertical-align: sub;
    border: 1px solid #dedede;
    box-sizing: content-box;
}

/* Placeholder specifically for the flag (Client-side fallback before JS loads it) */
.wc-country-flag-placeholder {
    /* Inherits .wc-country-flag styles for size if both classes are on the placeholder */
    /* If it needs to be hidden initially before JS populates background, PHP adds inline style or JS handles it */
    /* For now, if JS doesn't add 'loaded' or bg-image, it'll be an empty styled box */
}
.wc-country-flag-placeholder.loaded {
    /* This class is added by JS to the flag placeholder *after* setting the background-image. */
    /* You can add transitions here if you want the flag to fade in, e.g.: */
    /* opacity: 1; transition: opacity 0.3s ease-in-out; */
    /* (Ensure initial opacity is 0 on .wc-country-flag-placeholder if using opacity transition) */
}


/* Rule to hide specific containers when country is excluded (Server-side check via body class) */
/* Usage: Add the class 'hide-if-geoip-excluded' to the container you want hidden */
body.geoip-country-excluded .hide-if-geoip-excluded {
    display: none !important;
}

/* --- Removed old .wc-country-placeholder rules --- */
/* .wc-country-placeholder { ... } */
/* .wc-country-placeholder.loaded { ... } */