/*
Theme Name: Agora Child Theme
Template: agora
Theme URI: https://agora.ancorathemes.com/
Description: Agora Child Theme
Author: AncoraThemes
Author URI: https://ancorathemes.com/
Version: 1.0.0
Tested up to: 6.6
Requires at least: 5.0
Requires PHP: 7.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: classes, event, event theme, venue, meetup, events calendar, conference, event management, exhibition, expo, meeting, schedule, seminar, speakers, tickets, webinar
Text Domain: agora
*/

input:focus::placeholder,
textarea:focus::placeholder {
    color: transparent !important;
}

input[type=radio] {
    width: auto !important;
}

/* Chrome, Safari, Edge 自動填充樣式 */
input:-webkit-autofill,
textarea:-webkit-autofill,
select:-webkit-autofill {
    -webkit-text-fill-color: #000 !important;   /* 文字顏色改成黑色 */
    box-shadow: 0 0 0px 1000px #fff inset !important; /* 背景改成白色 */
    transition: background-color 5000s ease-in-out 0s; /* 移除黃色過渡 */
}

.select_container select {
    border-color: #686e77 !important;
}

select:valid {
    color: #000;
}

select {
    padding-top: 7px !important;
}

.banner-fix {
    position: fixed;
    top: 0;
}

iframe, video, embed {
    min-height: 10px;
}

fieldset {
    padding-left: 0;
    padding-right: 0;
}

p, ul, ol, dl, blockquote, address, .wp-block-button, .wp-block-cover, .wp-block-image, .wp-block-video, .wp-block-search, .wp-block-archives, .wp-block-archives-dropdown, .wp-block-categories, .wp-block-calendar, .wp-block-media-text {
    margin-bottom: 1.1em !important;
}

p {
     margin-bottom: 0.5em !important;
}

/*.woocommerce a {*/
/*    color: #016cb7 !important;*/
/*}*/

.woocommerce table.my_account_orders th, table th {
    background-color: #016cb7 !important;
}

.woocommerce table.my_account_orders th a {
    color: #ffffff !important;
}

.membership-actions a {
    color: #016cb7 !important;
    padding: 0px !important;
}

.woocommerce-MyAccount-content a {
    color: #016cb7 !important;
}

.woocommerce table.my_account_orders thead tr th {
    text-align: center !important;
    border: 1px solid white !important;
    border-collapse: collapse !important;
}

.product-detail th {
    text-align: left !important;
}

.woocommerce-orders-table  table th span, table th span {
    font-weight: bold !important;
}

.woocommerce-orders-table table > tbody > tr:nth-child(2n) > td, table > tbody > tr:nth-child(2n) > td {
    background-color: #f2f8fd;
}

.woocommerce-orders-table table > tbody > tr:nth-child(2n+1) > td , table > tbody > tr:nth-child(2n+1) > td {
    background-color: #e6f0fa;
}
.woocommerce-orders-table table td, table td, table th + td, table td + td {
    color: #4d4d4d !important;
}

 table, th, td {
  border: 1px solid white;
  border-collapse: collapse;
     vertical-align: top !important;
}

.woocommerce table.my_account_orders table, .woocommerce table.my_account_orders th, .woocommerce table.my_account_orders td, .woocommerce table.shop_table tr:first-child th {
    border: 1px solid white !important;
    border-collapse: collapse !important;

}

.tablepress-id-1 .column-1,
.tablepress-id-2 .column-1,
.tablepress-id-3 .column-1,
.tablepress-id-8 .column-1,
.tablepress-id-9 .column-1,
.tablepress-id-10 .column-1,
.tablepress-id-12 .column-1{
    width: 260px;
}

/*.tablepress-id-1 .column-2, .tablepress-id-2 .column-2, .tablepress-id-3 .column-2, .tablepress-id-8 .column-2, .tablepress-id-9 .column-2, .tablepress-id-10 .column-2 {*/
/*    width: 80px;*/
/*}*/



.woocommerce table th, .woocommerce table td {
    border-width: 1px;
}

.we-calendar .fc-row:first-child table th{
        background-color: #016CB7 !important;
}

.we-calendar .widget-style td.fc-day-top .fc-day-number {
      color: #fff !important;
}

.evs-day {
    line-height: 0;
}

.fc-bg table td, .fc-bg table th + td,  .fc-bg table td + td {
    color: #fff !important;
}

.fc-bg >  table td {
    color: #fff !important;
}

.fc-day-header  span {
    font-weight: 400 !important;
    font-size: 14px;
}

.fc-bg table, .fc-bg th, .fc-bg td  {
    border: none;
}

.fc-bg table > tbody > tr:nth-child(2n) > td {
    background-color: #016CB7 !important;
}

.fc-bg table > tbody > tr:nth-child(2n+1) > td {
    background-color: #016CB7 !important;
}

.we-calendar .widget-style.fc-unthemed .fc-month-view .fc-divider, .we-calendar .widget-style.fc-unthemed .fc-month-view .fc-popover, .we-calendar .widget-style.fc-unthemed .fc-month-view tbody, .we-calendar .widget-style.fc-unthemed .fc-month-view td, .we-calendar .widget-style.fc-unthemed .fc-month-view th, .we-calendar .widget-style.fc-unthemed .fc-month-view thead, .we-calendar .widget-style .fc-month-view .fc-row:first-child table th {
    border: none;
}

.we-calendar.modern-style .fc-view > table {
    border: none;
}

.fc .fc-row .fc-content-skeleton table, .fc .fc-row .fc-content-skeleton td, .fc .fc-row .fc-helper-skeleton td {
    border: none;
}

.widget-style.fc-ltr .fc-month-view .fc-day-top, .widget-style .fc-month-view .fc-day {
    background: #016CB7 !important;
}

.modern-style .hasevent span.event-el {
    width: 100%;
    height: 3px;
    margin-right: 0px;
}

.we-calendar .fc-toolbar , .we-calendar .fc-toolbar h2{
        background-color: #016CB7 !important;
        color: #fff;
        border: none;
        margin-bottom: 0px;
         margin-top: 20px;
}

.fc-today-button {
    display: none;
}

.we-table-lisst.table-style-2 .we-table .we-first-row span {
    color: #016CB7;
}

.we-table-lisst.table-style-2 .we-table tr:first-child td {
    min-width: 150px;
    border: 1px solid #eee;
}

.we-table-lisst.table-style-2 .we-table td, .we-table-lisst.table-style-1 .we-table td {
      border: 1px solid #eee !important;
}

.we-table-lisst .we-table td {
    border: 1px solid #eee;
}

.we-calendar #calendar a.fc-event, .we-table-lisst .we-table {
        border: none;
    border-spacing: 10px;
    border-collapse: separate;
    border-spacing: 0 21px;
}

.we-table-lisst .we-table td h3 {
    font-size: 18px;
    font-weight: 400;
        line-height: 1.2em;
}

.exev-ed {
    font-size: 14px;
}

.we-calendar .fc-toolbar button {
        background: transparent;
    box-shadow: none;
    border: none;
    color: #fff;
    margin-right: 2px;
    font-weight: 400;
    text-transform: capitalize;
}

h3 {
    margin-bottom: 20px !important;
}

.mejs-controls {
         display: none !important;
         visibility: hidden !important;
}

.woocommerce-page ul.products li.product .post_data .post_data_inner > div + .button.product_type_simple {
    display: none !important;
}

/*--theme-color-text_link {
   color: #016cb7;
}*/

/*.elementor-widget-container a {
    color: #016cb7 !important;
}

*/
/*.sc_layouts_row_type_compact .sc_layouts_item a:not(.sc_button):not([class*="button"]), [class*="scheme_"].sc_layouts_row_type_compact .sc_layouts_item a:not(.sc_button):not([class*="button"]) {
    color: var(--theme-color-text_dark) !important;
}*/

/*.menu_hover_zoom_line .sc_layouts_menu_nav li li:not(.menu-collapse) > a > span {
        color: var(--theme-color-extra_text) !important;
    }
*/

/* =Child-Theme customization starts here
------------------------------------------------------------ */

.sc_layouts_menu_nav > li ul:not(.sc_item_filters_tabs) {
    width: 20em;
}

.widget_custom_links ul.custom_links_list .custom_links_list_item + .custom_links_list_item {
    margin-top: 0 !important;
}

.footer_wrap .sc_layouts_row .sc_layouts_item {
	margin-top: 0 !important;
    margin-bottom: 0 !important;
}

.widget_custom_links ul>li.custom_links_list_item .custom_links_list_item_title {
    font-size: 14px;
}

.adult_icon:before {
    font-size: 16px;
    font-weight: 400;
    margin-right: 10px;
    font-family: "fontello";
    content: '\EA2A';
    color: var(--theme-color-text_link);
}


.clock_icon:before {
    font-size: 20px;
    font-weight: 400;
    margin-right: 10px;
    font-family: "fontello";
    content: '\E811';
    color: var(--theme-color-text_link);
}

.sc_events_default .sc_events_item_meta_date:before {
        font-size: 15px !important;
}

.sc_events_default .sc_events_item_title {
    line-height: 1.1em;
    margin: 0;
    height: 47px;
}

.sc_events_default .sc_events_item_title {
    font-size: 1.1em !important;
}

.woocommerce form.checkout_coupon .coupon-error-notice {
    color: var(--wc-red);
    display: unset;
    font-size: .75em;
    margin-top: 113px;
    width: 100%;
    line-height: 15px;
}

.page_content_wrap {
    padding-top: 50px !important;
    padding-bottom: 50px !important;
}

.woocommerce div.product div.images, .woocommerce #content div.product div.images, .woocommerce-page div.product div.images, .woocommerce-page #content div.product div.images {
                margin-bottom: 10px !important;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li a, .woocommerce #content div.product .woocommerce-tabs ul.tabs li a, .woocommerce-page div.product .woocommerce-tabs ul.tabs li a, .woocommerce-page #content div.product .woocommerce-tabs ul.tabs li a {
    min-width: 178px;
}


.woocommerce, .woocommerce-page {
        --theme-var-single-product-gallery-width: 40%;
}

.tribe-events-event-image img {
    display: none;
}

.sc_layouts_menu_nav {
    font-size: 14px !important;
    margin-bottom: 0!important;
}

.sc_price_light .sc_price_item.sc_price_active {
    border: 1px solid black;
    height: 100%;
}

.sc_price_light .sc_price_item_subtitle {
    min-height: 50px;
}

.sc_price_light .sc_price_item_description ul li, .sc_price_light .sc_price_item_details ul li {
    margin-left: 12px;
}

.sc_price_light .sc_price_item_description ul li span, .sc_price_light .sc_price_item_details ul li span {
    margin-left: 2px;
}

.sc_price_light .sc_price_item_description ul li::marker, .sc_price_light .sc_price_item_details ul li::marker {
    content: '\e9a2' !important;
    font-family: "fontello"  !important;
    font-size: 11px  !important;
    margin-left: 0px  !important;
    margin-right: 12px  !important;
    position: relative  !important;
    top: 0px  !important;
    color: var(--theme-color-alter_link)  !important;
}

.sc_price_light .sc_price_item_description ul li:after, .sc_price_light .sc_price_item_details ul li:after {
    display: none;
}

.sc_price_slider .sc_price_item, .sc_price_columns_wrap .sc_price_item {
    height: 100%;
}

.sc_price_plain .sc_price_item_description, .sc_price_plain .sc_price_item_details {
    min-height: 128px;
}

 .pricing-table {
    display: flex;
    gap: 10px;
    width: 100%;
    margin-bottom: 40px;
  }

  .pricing-table .pricing-table-bg {
/*    background-color: #0a1e5b;*/
    background-color: white;
    padding: 5px 10px 40px 10px;
    min-width: 250px;
    width: 100%;
     border: 1px solid #ccc;
         color: black;
  }

  .pricing-table .pricing-table-bg:hover {
        background-color: #0a1e5b !important;
        color: white;
  }

  .pricing-table table {
    border-collapse: collapse;
    width: 100%;
    margin-top: 0px;
    height: 0;
    min-height: 100%;
    box-sizing: unset;
  }
  .pricing-table .pricing-table-title {
    text-align: center;
    padding: 8px;
/*    color: white;*/
/*    color: black;*/
    font-weight: bold;
    height: 76px;
  }

/*  .pricing-table .pricing-table-title:hover {
        color: white;
  }*/
/*
  .pricing-table .white-bg {
    background-color: white;
    border: 1px solid #ccc;
  }*/

  .pricing-table .white-bg .price {
    color: #016cb7;
  }

/*  .pricing-table .white-title {
    color: black;
  }*/

  .pricing-table td {
    border: 1px solid #ccc;
  }

  .pricing-table td {
    padding: 5px;
  }

  .pricing-table tr:nth-child(even) {
    background-color: #f2f8fd;
  }

  .pricing-table tr:nth-child(odd) {
    background-color: #e6f0fa;
  }

  .pricing-table .content {
    text-align: left;
    width: 60%;
  }

  .pricing-table .price {
    text-align: center;
    width: 40%;
  }

  .sc_layouts_menu_nav>li>ul {
    top: 3.2em !important;
  }

  .sc_team .sc_item_posts_container>.sc_team_item + .sc_team_item {
    margin-top: 1em;
  }

.sc_team_short .sc_team_item_title {
    font-size: 18px;
    font-weight: 400;
/*    border-bottom: 1px solid #999;*/
  }

  .ccchildpage {
    padding: 0 !important;
  }

  .simple .ccchildpage {
    background: transparent !important;
  }

  .cc-child-pages-thumb {
    height: 230px !important;
    max-width: 100%;
    object-fit: cover;
  }

.simple .ccchildpage {
    background: transparent !important;
    display: flex;
    flex-direction: column-reverse;
}

.simple .ccchildpage h3 {
    font-size: 16px !important;
    margin-bottom: 10px !important;
        margin-top: 1px;
}

.sc_action_item_icon, .sc_action_item_image {
    height: 200px;
    width: 100%;
    display: inline-flex;
}

.sc_action_item_image img {
    object-fit: cover;
    width: 100%;
    min-height: 300px!important;
}

.sc_action_item_description {
        min-height: 140px;
}

.sc_action_slider .sc_action_item, .sc_action_columns_wrap .sc_action_item {
    border: 1px solid #eee;
}

.slider_container.slider_titles_lb .slider-slide {
    height: 100%;
}

#add_payment_method #payment div.form-row, .woocommerce-cart #payment div.form-row, .woocommerce-checkout #payment div.form-row {
    padding: 0px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.2em;
    color: var(--theme-color-alter_text);
    text-align: left;
} 

.woocommerce #payment div.payment_method_cybersource_credit_card #wc-cybersource-credit-card-account-number-hosted, .woocommerce #payment div.payment_method_cybersource_credit_card #wc-cybersource-credit-card-csc-hosted {
        height: 34px;
}

.sc_layouts_menu_nav > li > a {
    color: #00000090 !important;
}

.my-float-button {
    background: #016CB7;
    color: white;
    padding: 8px 17px;
    border-radius: 50px;
    font-size: 24px;
    /*box-shadow: 0 4px 10px rgba(0,0,0,0.2);*/
    text-decoration: none;
    font-weight: bold;
    transition: all 0.3s ease;
}
.my-float-button:hover {
    background: #467ff7;
    color: white;
}

.woocommerce form .show-password-input, .woocommerce-page form .show-password-input {
    top: 20px !important;
}


.my-float-button2 {
    color: white;
    padding: 0px;
    border-radius: 50px;
    font-size: 16px;
    text-decoration: none;
    /*font-weight: bold;*/
    transition: all 0.3s ease;
    height: 37px;
    display: block;
}
.my-float-button2:hover {
    /*background: #467ff7;*/
    color: white;
}

.my-float-button2-container {
  background: #016CB7;
  padding: 8px 17px;
  border-radius: 50px;
}

.my-float-button2-container:hover {
    background: #467ff7;
    color: white;
}


.contact-form  input, .contact-form  select {
    padding: 0px !important;
}

.contact-form .select_container {
    margin-top: -23px;
}

.contact-form label {
    /*height: 24px;*/
    display: block;
}

.wc-memberships-member-discount-message {
    background-color: #016CB7 !important;
    text-align: left !important;
    color: #ffffff !important;
    padding: 15px !important;
}

ul.payment_methods li div.sv-wc-payment-gateway-card-icons {
    margin-top: 20px !important;
    margin-left: -25px;
}

.woocommerce-additional-fields {
    display: none !important;
}

.woocommerce-event-meta {
    font-size: 14px;
    margin-top: 10px;
}
.woocommerce-event-meta p {
    margin: 0 0 4px;
}

.jet-filters-group {
    /*flex-direction: row !important;*/
    gap: 20px !important;
}

.form-title-bold label {
    font-weight: 600 !important;
}


.woocommerce-notices-wrapper .woocommerce-info {
    background-color: yellow !important;
    padding: 10px;
}

.df-popup-thumb {
    width: 340px !important;
}

.post_featured_bg, .post_header_wrap_style_style-3.post_header_wrap_in_header.with_featured_image, .author_info, .post_footer_single .post_meta_single,
.related_position_below_content{
    display: none !important;
}

#tablepress-4 th:nth-child(1),
#tablepress-4 td:nth-child(1),
#tablepress-5 th:nth-child(1),
#tablepress-5 td:nth-child(1){
    width: 50%;
}

#tablepress-4 th:nth-child(2),
#tablepress-4 td:nth-child(2),
#tablepress-5 th:nth-child(2),
#tablepress-5 td:nth-child(2){
    width: 30%;
}

.gform-theme--framework.ui-datepicker table th {
    padding-top: 15px !important;
    color: #ffffff !important;
}

.gform-theme--foundation.ui-datepicker .ui-datepicker-title select {
    visibility: visible !important;
    padding-top: 0px !important;
}

.address-margin {
    margin-top: -30px !important;
}

/* 視覺提示（可選） */
.gf-locked-choice label::after{
    content: '';
    font-size: 12px;
    opacity: .7;
    margin-left: .25em;
}

.gform_confirmation_message {
    margin: 20% 0 !important;
    font-size: 21px;
}

.gform-theme--framework .gfield--type-choice .gchoice_other_control {
    margin-left: 30px;
    margin-top: -5px;
}

.woocommerce ul.cart_list li img, .woocommerce-page ul.cart_list li img {
    display: none;
}

.elementor-testimonial {
    display: flex;
    flex-direction: column;
    gap: 20px; /* Adds 20px of vertical space between flex items */
    height: 100%;
    justify-content: space-between; /* 頂與底自動分散到兩端 */
    min-height: 400px;              /* 要有高度才看得到效果 */
}

.custom-billing-notice {
    margin-bottom: 20px;
}

.we-icl-import a {
    color: #ffffff !important;
    font-weight: normal !important;
}

.we-icl-import .exwt-btn:hover{
    background-color: #016cb7 !important;
}
/*.elementor-testimonial__content {*/
/*    display: grid;*/
/*    grid-template-rows: auto auto; !* Example: two rows *!*/
/*    row-gap: 20px; !* Adds 20px of vertical space between grid rows *!*/
/*}*/

@media (max-width: 1279px) and (min-width: 768px) {
  .left_shift {
    z-index: 5;
    margin: 0 0 0 0px;
    width: 100% !important;
  }

  .sc_price_plain .sc_price_item_inner, .sc_price_plain .sc_price_item.with_image .sc_price_item_inner {
        padding: 56px 40px 40px !important;
    }
}

/* Password Visibility Toggle Styles */
input.hkihrm-password-input {
    padding-right: 40px !important;
}

/* Wrapper for password toggle positioning */
.hkihrm-password-field-wrapper {
    position: relative !important;
    display: block;
}

.hkihrm-password-toggle {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    cursor: pointer;
    padding: 0 !important;
    margin: 0 !important;
    color: #000 !important;
    line-height: 1;
    z-index: 100;
    width: 20px !important;
    height: 20px !important;
    min-width: 0 !important;
    min-height: 0 !important;
    display: flex !important;
    align-items: center;
    justify-content: center;
}

.hkihrm-password-toggle:hover,
.hkihrm-password-toggle:focus,
.hkihrm-password-toggle:active {
    color: #333 !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    outline: none !important;
}

.hkihrm-password-toggle .dashicons {
    font-size: 18px;
    width: 18px;
    height: 18px;
    line-height: 18px;
}

/* Fix for popup/modal password fields */
.mfp-content .hkihrm-password-toggle,
.modal .hkihrm-password-toggle,
.popup .hkihrm-password-toggle {
    z-index: 10000;
}

/* trx_addons_popup toggle-password styles */
.trx_addons_popup .toggle-password {
    cursor: pointer;
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
    z-index: 10;
    color: #000;
    line-height: 1;
}

.trx_addons_popup .toggle-password i,
.trx_addons_popup .toggle-password .dashicons {
    font-size: 18px;
    width: 18px;
    height: 18px;
    line-height: 18px;
}

/* Hide specific top messages on checkout page (keep member discount message) */
.woocommerce-checkout .woocommerce-form-login-toggle,
.woocommerce-checkout .woocommerce-form-coupon-toggle,
.woocommerce-checkout .return-to-shop {
    display: none !important;
}

/* CF7 submit button wider */
.wpcf7-submit-style .wpcf7-submit {
    min-width: 200px;
    padding: 0.8em 2em !important;
    text-align: center !important;
    background-color: #0073aa !important;
    color: #fff !important;
    border: none !important;
    cursor: pointer;
}

.wpcf7-submit-style .wpcf7-submit:hover {
    background-color: #005a87 !important;
}

.wpcf7-submit-style .wpcf7-submit:disabled {
    background-color: #ccc !important;
    cursor: not-allowed;
}

/* Hide the icon span and spinner */
.wpcf7-submit-style .submit-style-in,
.wpcf7-submit-style .wpcf7-spinner {
    display: none !important;
}

/* CF7 AJAX response message in Elementor popup */
.elementor-popup-modal .wpcf7 .wpcf7-response-output {
    display: none;
    margin: 1em 0;
    padding: 0.75em 1em;
    border-radius: 4px;
}

.elementor-popup-modal .wpcf7.sent .wpcf7-response-output {
    display: block !important;
    border: 2px solid #46b450;
    background-color: #ecf7ed;
    color: #1e4620;
}

.elementor-popup-modal .wpcf7.invalid .wpcf7-response-output,
.elementor-popup-modal .wpcf7.unaccepted .wpcf7-response-output,
.elementor-popup-modal .wpcf7.failed .wpcf7-response-output {
    display: block !important;
    border: 2px solid #dc3232;
    background-color: #fbeaea;
    color: #8b0000;
}


@media (max-width: 479px) {
    .trx_addons_popup {
        width: 360px!important;
    }
}

/* ============================================
   Custom Password Strength Meter Styles
   Matches backend validation: 8 chars + 3/4 types
   ============================================ */

/* Password strength meter container */
.hkihrm-password-strength,
.woocommerce-password-strength {
    display: block;
    margin-top: 8px;
    padding: 10px 15px;
    border-radius: 4px;
    font-size: 14px;
    font-weight: 500;
    text-align: center;
    transition: all 0.3s ease;
}

/* Hide meter when empty */
.hkihrm-password-strength:empty,
.woocommerce-password-strength:empty {
    display: none;
}

/* Weak - Red (doesn't meet requirements) */
.hkihrm-password-strength.weak,
.woocommerce-password-strength.short,
.woocommerce-password-strength.bad {
    background-color: #fef2f2;
    border: 2px solid #dc3232;
    color: #dc3232;
}

/* Medium - Yellow/Orange (meets minimum requirements) */
.hkihrm-password-strength.medium,
.woocommerce-password-strength.good {
    background-color: #fffbeb;
    border: 2px solid #f59e0b;
    color: #b45309;
}

/* Strong - Green */
.hkihrm-password-strength.strong {
    background-color: #f0fdf4;
    border: 2px solid #22c55e;
    color: #15803d;
}

/* Very Strong - Dark Green */
.hkihrm-password-strength.very-strong,
.woocommerce-password-strength.strong {
    background-color: #ecfdf5;
    border: 2px solid #059669;
    color: #047857;
}

/* Password hint text */
.hkihrm-password-hint,
.woocommerce-password-hint {
    display: block;
    margin-top: 8px;
    padding: 12px 15px;
    background-color: #e0f2fe;
    border: 1px solid #0ea5e9;
    border-radius: 4px;
    color: #0369a1;
    font-size: 13px;
    line-height: 1.5;
}

/* Character type indicator container */
.hkihrm-char-types {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 8px;
    margin-top: 10px;
    padding: 10px;
    background-color: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 4px;
    font-size: 13px;
}

/* Character type list */
.hkihrm-char-types .char-type-list {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    justify-content: center;
}

/* Individual character type badge */
.hkihrm-char-types .char-type {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 4px 8px;
    border-radius: 4px;
    font-size: 12px;
    font-weight: 500;
}

/* Character type present (green checkmark) */
.hkihrm-char-types .char-type.has {
    background-color: #dcfce7;
    color: #166534;
    border: 1px solid #86efac;
}

/* Character type missing (red cross) */
.hkihrm-char-types .char-type.missing {
    background-color: #fee2e2;
    color: #991b1b;
    border: 1px solid #fca5a5;
}

/* Character type count */
.hkihrm-char-types .char-type-count {
    color: #64748b;
    font-size: 12px;
    font-weight: 600;
}

/* Disabled submit button styling */
form.register button[type="submit"].disabled,
form.checkout button[type="submit"].disabled,
form.edit-account button[type="submit"].disabled,
form.lost_reset_password button[type="submit"].disabled,
form.woocommerce-ResetPassword button[type="submit"].disabled {
    opacity: 0.5;
    cursor: not-allowed;
    pointer-events: none;
}

/* Override WooCommerce default password strength meter colors */
.woocommerce form .woocommerce-password-strength.short,
.woocommerce form .woocommerce-password-strength.bad {
    background-color: #fef2f2 !important;
    border-color: #dc3232 !important;
    color: #dc3232 !important;
}

.woocommerce form .woocommerce-password-strength.good {
    background-color: #fffbeb !important;
    border-color: #f59e0b !important;
    color: #b45309 !important;
}

.woocommerce form .woocommerce-password-strength.strong {
    background-color: #ecfdf5 !important;
    border-color: #059669 !important;
    color: #047857 !important;
}

/* Mobile responsive adjustments */
@media (max-width: 600px) {
    .hkihrm-char-types {
        flex-direction: column;
        gap: 6px;
    }

    .hkihrm-char-types .char-type-list {
        gap: 6px;
    }

    .hkihrm-char-types .char-type {
        font-size: 11px;
        padding: 3px 6px;
    }

    .hkihrm-password-hint,
    .woocommerce-password-hint {
        font-size: 12px;
        padding: 10px 12px;
    }
}