/**
 * ============================================================
 * WS SHIPPING COLOMBIA
 * Estilos visuales del calculador de envío
 * ============================================================
 */


/* ============================================================
   1. BARRA SUPERIOR - COTIZA TU ENVÍO
   ============================================================ */

body.single-product a.button.pisol-shipping-calculator-button,
body.single-product .pisol-shipping-calculator-button {
    background: #000000 !important;
    border-color: #000000 !important;

    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;

    text-shadow: none !important;

    font-weight: 700 !important;

    position: relative !important;
}


/*
 * Ocultamos VISUALMENTE el texto original:
 * "SELECCIONA EL LUGAR DE ENTREGA"
 *
 * No modificamos el HTML ni utilizamos JavaScript.
 */
body.single-product a.button.pisol-shipping-calculator-button {
    font-size: 0 !important;
}


/*
 * Nuevo texto visual.
 */
body.single-product a.button.pisol-shipping-calculator-button::before {
    content: "COTIZA TU ENVÍO";

    display: inline-block !important;

    font-size: 14px !important;
    font-weight: 700 !important;

    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;

    line-height: normal !important;
}


/* Hover */

body.single-product a.button.pisol-shipping-calculator-button:hover,
body.single-product a.button.pisol-shipping-calculator-button:focus,
body.single-product .pisol-shipping-calculator-button:hover,
body.single-product .pisol-shipping-calculator-button:focus {
    background: #111111 !important;
    border-color: #111111 !important;

    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}


/* ============================================================
   2. PAÍS - DEPARTAMENTO - CIUDAD
   ============================================================ */

body.single-product form.pisol-woocommerce-shipping-calculator #calc_shipping_country,
body.single-product form.pisol-woocommerce-shipping-calculator #calc_shipping_state,
body.single-product form.pisol-woocommerce-shipping-calculator #ws_shipping_city {
    width: 100% !important;

    background-color: #ffffff !important;

    color: #2b2b2b !important;
    -webkit-text-fill-color: #2b2b2b !important;

    border: 1px solid #cfd6dc !important;
    border-radius: 5px !important;

    box-shadow: none !important;

    opacity: 1 !important;

    font-weight: 500 !important;
}


/* ============================================================
   3. OPCIONES DE LOS SELECTORES
   ============================================================ */

body.single-product form.pisol-woocommerce-shipping-calculator #calc_shipping_country option,
body.single-product form.pisol-woocommerce-shipping-calculator #calc_shipping_state option,
body.single-product form.pisol-woocommerce-shipping-calculator #ws_shipping_city option {
    background: #ffffff !important;

    color: #222222 !important;
    -webkit-text-fill-color: #222222 !important;

    opacity: 1 !important;

    font-weight: 500 !important;
}


/* Texto inicial / placeholder */

body.single-product form.pisol-woocommerce-shipping-calculator #calc_shipping_country option[value=""],
body.single-product form.pisol-woocommerce-shipping-calculator #calc_shipping_state option[value=""],
body.single-product form.pisol-woocommerce-shipping-calculator #ws_shipping_city option[value=""] {
    color: #666666 !important;
    -webkit-text-fill-color: #666666 !important;
}


/* Opción seleccionada */

body.single-product form.pisol-woocommerce-shipping-calculator #calc_shipping_country option:checked,
body.single-product form.pisol-woocommerce-shipping-calculator #calc_shipping_state option:checked,
body.single-product form.pisol-woocommerce-shipping-calculator #ws_shipping_city option:checked {
    background: #AD0705 !important;

    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}


/* ============================================================
   4. FOCO DE LOS CAMPOS
   ============================================================ */

body.single-product form.pisol-woocommerce-shipping-calculator #calc_shipping_country:focus,
body.single-product form.pisol-woocommerce-shipping-calculator #calc_shipping_state:focus,
body.single-product form.pisol-woocommerce-shipping-calculator #ws_shipping_city:focus {
    border-color: #AD0705 !important;

    box-shadow: 0 0 0 1px #AD0705 !important;

    outline: none !important;
}


/* ============================================================
   5. COMPATIBILIDAD SELECT2 / SELECTWOO
   ============================================================ */

body.single-product form.pisol-woocommerce-shipping-calculator #calc_shipping_country_field .select2-container .select2-selection--single,
body.single-product form.pisol-woocommerce-shipping-calculator #calc_shipping_state_field .select2-container .select2-selection--single,
body.single-product form.pisol-woocommerce-shipping-calculator #calc_shipping_city_field .select2-container .select2-selection--single {
    background: #ffffff !important;

    border: 1px solid #cfd6dc !important;
    border-radius: 5px !important;

    box-shadow: none !important;

    color: #2b2b2b !important;
}


body.single-product form.pisol-woocommerce-shipping-calculator #calc_shipping_country_field .select2-selection__rendered,
body.single-product form.pisol-woocommerce-shipping-calculator #calc_shipping_state_field .select2-selection__rendered,
body.single-product form.pisol-woocommerce-shipping-calculator #calc_shipping_city_field .select2-selection__rendered {
    color: #2b2b2b !important;

    -webkit-text-fill-color: #2b2b2b !important;

    opacity: 1 !important;
}


body.single-product form.pisol-woocommerce-shipping-calculator #calc_shipping_country_field .select2-selection__placeholder,
body.single-product form.pisol-woocommerce-shipping-calculator #calc_shipping_state_field .select2-selection__placeholder,
body.single-product form.pisol-woocommerce-shipping-calculator #calc_shipping_city_field .select2-selection__placeholder {
    color: #666666 !important;

    -webkit-text-fill-color: #666666 !important;

    opacity: 1 !important;
}


/* ============================================================
   6. BOTÓN ACTUALIZAR DIRECCIÓN
   ============================================================ */

body.single-product form.pisol-woocommerce-shipping-calculator button.button.pisol-update-address-button,
body.single-product form.pisol-woocommerce-shipping-calculator .pisol-update-address-button {
    background: #AD0705 !important;

    border-color: #AD0705 !important;

    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;

    text-shadow: none !important;

    font-weight: 700 !important;

    opacity: 1 !important;

    cursor: pointer !important;
}


/* Hover */

body.single-product form.pisol-woocommerce-shipping-calculator button.button.pisol-update-address-button:hover,
body.single-product form.pisol-woocommerce-shipping-calculator button.button.pisol-update-address-button:focus,
body.single-product form.pisol-woocommerce-shipping-calculator .pisol-update-address-button:hover,
body.single-product form.pisol-woocommerce-shipping-calculator .pisol-update-address-button:focus {
    background: #8f0604 !important;

    border-color: #8f0604 !important;

    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;

    outline: none !important;
}


/* Al presionar */

body.single-product form.pisol-woocommerce-shipping-calculator button.button.pisol-update-address-button:active,
body.single-product form.pisol-woocommerce-shipping-calculator .pisol-update-address-button:active {
    background: #790503 !important;

    border-color: #790503 !important;

    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}


/* ============================================================
   7. RESULTADO DE LA COTIZACIÓN
   ============================================================ */

/*
 * Contenedor donde PiSol muestra:
 *
 * "Formas de envío disponibles para tu ubicación:"
 *
 * Coordinadora ........ $21.380
 */

body.single-product #pisol-ppscw-alert-container,
body.single-product .pisol-ppscw-alert-container {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}


/*
 * Forzamos blanco en TODOS los elementos internos
 * únicamente dentro del resultado del envío.
 */

body.single-product #pisol-ppscw-alert-container *,
body.single-product .pisol-ppscw-alert-container * {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;

    text-shadow: none !important;
}


/* ============================================================
   8. TRANSPORTADORA COORDINADORA
   ============================================================ */

body.single-product #pisol-ppscw-alert-container li#coordinadora,
body.single-product .pisol-ppscw-alert-container li#coordinadora {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}


/*
 * Nombre, precio, span, enlaces, etc.
 */

body.single-product #pisol-ppscw-alert-container li#coordinadora *,
body.single-product .pisol-ppscw-alert-container li#coordinadora * {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}


/* Enlaces dentro del resultado */

body.single-product #pisol-ppscw-alert-container a,
body.single-product .pisol-ppscw-alert-container a {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;

    text-decoration: none !important;
}


/* Si pasas el mouse por la transportadora */

body.single-product #pisol-ppscw-alert-container a:hover,
body.single-product .pisol-ppscw-alert-container a:hover {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;

    text-decoration: none !important;
}