/**
 * Theme Name: Blocksy Child
 * Description: Blocksy Child theme
 * Author: Creative Themes
 * Template: blocksy
 * Text Domain: blocksy
 */

/* Style the dropdown inside the column */
.state-dropdown-column select {
    background-color: #fff !important;   /* Force white background */
    color: #326272;                      /* petrol blue text */
    border: 2px solid #326272;           /* optional border */
    border-radius: 6px;
    padding: 10px 15px;
    font-size: 1em;
    cursor: pointer;

    /* Add custom arrow */
    appearance: none;          
    -webkit-appearance: none;  
    -moz-appearance: none;     
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D'10'%20height%3D'6'%20viewBox%3D'0%200%2010%206'%20xmlns%3D'http://www.w3.org/2000/svg'%3E%3Cpath%20d%3D'M0%200l5%206%205-6z'%20fill%3D'%23326272'%2F%3E%3C%2Fsvg%3E");
    background-repeat: no-repeat;
    background-position: right 0.75em center;
    background-size: 10px 6px;
    padding-right: 2em;
}

/* Hover/focus states */
.state-dropdown-column select:hover,
.state-dropdown-column select:focus {
    background-color: #fff !important; /* Keep background white */
    border-color: #d5551e;             
    box-shadow: 0 0 5px rgba(213, 85, 30, 0.5);
    outline: none;

    /* Change arrow to red on hover/focus */
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D'10'%20height%3D'6'%20viewBox%3D'0%200%2010%206'%20xmlns%3D'http://www.w3.org/2000/svg'%3E%3Cpath%20d%3D'M0%200l5%206%205-6z'%20fill%3D'%23d5551e'%2F%3E%3C%2Fsvg%3E");
}