/*
Theme Name: Hello Elementor Child
Theme URI: https://example.com
Description: Child theme for Hello Elementor
Author: Your Name
Author URI: https://example.com
Template: hello-elementor
Version: 236
Text Domain: hello-elementor-child
*/

/* CSS của bạn viết bên dưới */


/* ===== KimTin 365 Design System ===== */
:root{
  --kt-orange:#fe8601;
  --kt-orange-hover:#E77A00;
  --kt-blue:#0f2942;
  --kt-brand:#00478e;
  --kt-brand-hover:#003a74;
  --kt-text:#111827;
  --kt-muted:#6b7280;

  --kt-border:rgba(15,41,66,.16);
  --kt-border-soft:rgba(15,41,66,.10);
  --kt-bg:#f8fafc;

  --kt-radius:18px;
  --kt-radius-sm:12px;

  --kt-shadow:0 18px 60px rgba(15,41,66,.10);
  --kt-shadow-sm:0 10px 30px rgba(15,41,66,.08);

  --kt-focus:0 0 0 3px rgba(254,134,1,.22);
}


/* ===== Global theme hover override (avoid default pink on hover) ===== */
body:not(.wp-admin) .elementor-button:hover,
body:not(.wp-admin) .elementor-button:focus,
body:not(.wp-admin) .elementor-button:active,
body:not(.wp-admin) .elementor a.elementor-button:hover,
body:not(.wp-admin) .elementor a.elementor-button:focus,
body:not(.wp-admin) .elementor a.elementor-button:active,
body:not(.wp-admin) .wp-block-button__link:hover,
body:not(.wp-admin) .wp-block-button__link:focus,
body:not(.wp-admin) .wp-element-button:hover,
body:not(.wp-admin) .wp-element-button:focus,
body:not(.wp-admin) a.wp-element-button:hover,
body:not(.wp-admin) a.wp-element-button:focus,
body:not(.wp-admin) .woocommerce a.button:hover,
body:not(.wp-admin) .woocommerce a.button:focus,
body:not(.wp-admin) .woocommerce button.button:hover,
body:not(.wp-admin) .woocommerce button.button:focus,
body:not(.wp-admin) .woocommerce input.button:hover,
body:not(.wp-admin) .woocommerce input.button:focus,
body:not(.wp-admin) .woocommerce input[type="submit"]:hover,
body:not(.wp-admin) .woocommerce input[type="submit"]:focus{
  background-color: var(--kt-brand) !important;
  border-color: var(--kt-brand) !important;
  color:#fff !important;
  text-decoration:none !important;
}

body:not(.wp-admin) .elementor-button:hover svg,
body:not(.wp-admin) .elementor-button:focus svg,
body:not(.wp-admin) .wp-block-button__link:hover svg,
body:not(.wp-admin) .wp-block-button__link:focus svg,
body:not(.wp-admin) .wp-element-button:hover svg,
body:not(.wp-admin) .wp-element-button:focus svg{
  fill:#fff !important;
}

body:not(.wp-admin) .elementor-button:hover i,
body:not(.wp-admin) .elementor-button:focus i,
body:not(.wp-admin) .wp-block-button__link:hover i,
body:not(.wp-admin) .wp-block-button__link:focus i,
body:not(.wp-admin) .wp-element-button:hover i,
body:not(.wp-admin) .wp-element-button:focus i{
  color:#fff !important;
}

/* Typography */
.kt-orders-wrap,
.kt-emp-wrap,
.kt-track,
.kt-tc,
.kt-buucuc-fe,
.hec-contact,
.hec-vat{
  font-family: Roboto,system-ui,-apple-system,Segoe UI,Arial,sans-serif;
}

/* Links */
.kt-orders-wrap a,
.kt-emp-wrap a,
.kt-track a,
.kt-tc a,
.kt-buucuc-fe a,
.hec-contact a,
.hec-vat a{
  color:var(--kt-orange);
}
.kt-orders-wrap a:hover,
.kt-emp-wrap a:hover,
.kt-track a:hover,
.kt-tc a:hover,
.kt-buucuc-fe a:hover,
.hec-contact a:hover,
.hec-vat a:hover{
  color:var(--kt-orange-hover);
}

/* Focus ring */
.kt-orders-wrap input:focus,
.kt-orders-wrap select:focus,
.kt-orders-wrap textarea:focus,
.kt-emp-wrap input:focus,
.kt-emp-wrap select:focus,
.kt-emp-wrap textarea:focus,
.kt-tc input:focus,
.kt-tc select:focus,
.kt-tc textarea:focus{
  outline:none;
  box-shadow: var(--kt-focus);
}

/* Small helper for section headers (consistent) */
.kt-section-title{
  color:var(--kt-orange) !important;
}