/* * India Location Checkout UI * Uses the checkout theme's detected field background/text colors while * keeping all location controls on the requested Josefin Sans, 16px type. */ .woocommerce-checkout .ilc-location-field, .woocommerce-checkout .ilc-location-field label, .woocommerce-checkout .ilc-location-field input, .woocommerce-checkout .ilc-location-field select, .woocommerce-checkout .ilc-location-field .select2-container, .woocommerce-checkout .ilc-location-field .select2-selection, .woocommerce-checkout .ilc-location-field .select2-selection__rendered, .woocommerce-checkout .ilc-location-field .select2-selection__placeholder { font-family: "Josefin Sans", sans-serif !important; font-size: 16px !important; } .woocommerce-checkout .ilc-city-control, .woocommerce-checkout .ilc-postcode-control, .woocommerce-checkout .ilc-location-field .select2-container { width: 100% !important; } .woocommerce-checkout .ilc-location-field input, .woocommerce-checkout .ilc-location-field select, .woocommerce-checkout .ilc-location-field .select2-selection--single { background-color: var(--ilc-theme-field-background, transparent) !important; color: var(--ilc-theme-field-color, inherit) !important; border-color: var(--ilc-theme-field-border-color, currentColor) !important; border-radius: var(--ilc-theme-field-border-radius, 0) !important; min-height: var(--ilc-theme-field-height, 42px) !important; } .woocommerce-checkout .ilc-location-field .select2-selection--single { display: flex !important; align-items: center !important; } .woocommerce-checkout .ilc-location-field .select2-selection--single .select2-selection__rendered { width: 100%; padding-top: 0 !important; padding-bottom: 0 !important; color: var(--ilc-theme-field-color, inherit) !important; line-height: normal !important; } .woocommerce-checkout .ilc-location-field .select2-selection__placeholder { color: var(--ilc-theme-field-color, inherit) !important; opacity: 0.65; } .woocommerce-checkout .ilc-location-field .select2-selection--single .select2-selection__arrow { top: 50% !important; transform: translateY(-50%); } .woocommerce-checkout .ilc-location-field select:disabled, .woocommerce-checkout .ilc-location-field .select2-container--disabled .select2-selection--single { cursor: not-allowed; opacity: 0.65; } .woocommerce-checkout .ilc-is-loading { opacity: 0.72; pointer-events: none; } /* SelectWoo appends its dropdown to , so these rules cannot be scoped * through the original form-row. The values below are detected from the * active checkout theme by checkout.js. */ body.woocommerce-checkout .select2-dropdown, body.woocommerce-checkout .select2-search--dropdown, body.woocommerce-checkout .select2-search--dropdown .select2-search__field, body.woocommerce-checkout .select2-results, body.woocommerce-checkout .select2-results__option { font-family: "Josefin Sans", sans-serif !important; font-size: 16px !important; } body.woocommerce-checkout .select2-dropdown, body.woocommerce-checkout .select2-search--dropdown, body.woocommerce-checkout .select2-search--dropdown .select2-search__field, body.woocommerce-checkout .select2-results, body.woocommerce-checkout .select2-results__option[aria-selected]:not(.select2-results__option--highlighted) { background-color: var(--ilc-theme-field-background, transparent) !important; color: var(--ilc-theme-field-color, inherit) !important; } body.woocommerce-checkout .select2-dropdown, body.woocommerce-checkout .select2-search--dropdown .select2-search__field { border-color: var(--ilc-theme-field-border-color, currentColor) !important; } body.woocommerce-checkout .select2-search--dropdown .select2-search__field { border-radius: var(--ilc-theme-field-border-radius, 0) !important; } /* WooCommerce Checkout Fields */ .woocommerce-checkout input.input-text, .woocommerce-checkout textarea, .woocommerce-checkout select, .woocommerce-checkout .select2-container--default .select2-selection--single { background-color: #0A5D70 !important; color: #ffffff !important; border: 1px solid #40ACB6 !important; font-family: "Josefin Sans", sans-serif !important; font-size: 16px !important; } /* Select Field Height */ .woocommerce-checkout .select2-container--default .select2-selection--single { height: 48px !important; display: flex !important; align-items: center !important; } /* Selected Text */ .woocommerce-checkout .select2-container--default .select2-selection--single .select2-selection__rendered { color: #ffffff !important; font-family: "Josefin Sans", sans-serif !important; font-size: 16px !important; line-height: 48px !important; } /* Dropdown Arrow */ .woocommerce-checkout .select2-container--default .select2-selection--single .select2-selection__arrow { height: 46px !important; } .woocommerce-checkout .select2-container--default .select2-selection--single .select2-selection__arrow b { border-color: #ffffff transparent transparent transparent !important; } /* Select2 Dropdown Background */ .select2-dropdown { background-color: #0A5D70 !important; border: 1px solid #40ACB6 !important; color: #ffffff !important; } /* Dropdown Options */ .select2-container--default .select2-results__option { background-color: #0A5D70 !important; color: #ffffff !important; font-family: "Josefin Sans", sans-serif !important; font-size: 16px !important; } /* Hover and Highlighted Option */ .select2-container--default .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-results__option--highlighted[data-selected] { background-color: #40ACB6 !important; color: #ffffff !important; } /* Selected Option */ .select2-container--default .select2-results__option[aria-selected="true"], .select2-container--default .select2-results__option[data-selected="true"] { background-color: #40ACB6 !important; color: #ffffff !important; } /* Dropdown Search Box */ .select2-container--default .select2-search--dropdown .select2-search__field { background-color: #0A5D70 !important; color: #ffffff !important; border: 1px solid #40ACB6 !important; font-family: "Josefin Sans", sans-serif !important; font-size: 16px !important; } /* Input Placeholder Color */ .woocommerce-checkout input::placeholder, .woocommerce-checkout textarea::placeholder, .select2-search__field::placeholder { color: #ffffff !important; opacity: 0.8 !important; } /* Native Select Options */ .woocommerce-checkout select option { background-color: #0A5D70 !important; color: #ffffff !important; }