/*
Theme Name: OK9 Flatsome Child
Theme URI: https://ok9.pet/
Description: Child theme Flatsome cho OK9. Màu chủ đạo #36A638.
Author: OK9
Author URI: https://ok9.pet/
Template: flatsome
Version: 1.0.0
Text Domain: ok9-flatsome-child
*/

/* ============ OK9 - MÀU CHỦ ĐẠO #36A638 ============ */
:root{
  --ok9-primary: #36A638;
  --ok9-primary-dark: #2A8630;
}

/* Nút chính */
.button.primary,
button.primary,
input[type="submit"].primary,
input[type="button"].primary,
.button.primary:not(.is-outline),
.wp-block-button__link{
  background-color: #36A638 !important;
  border-color: #36A638 !important;
}
.button.primary:hover,
button.primary:hover,
input[type="submit"].primary:hover{
  background-color: #2A8630 !important;
  border-color: #2A8630 !important;
}
/* Nút viền */
.button.is-outline.primary{
  color: #36A638 !important;
  border-color: #36A638 !important;
}
.button.is-outline.primary:hover{
  background-color: #36A638 !important;
  color: #fff !important;
}

/* Link và điểm nhấn */
a:hover{ color: #36A638; }
.nav > li.active > a,
.nav > li > a:hover{
  color: #36A638 !important;
}
.badge-inner,
.label-new.menu-item > a:after{
  background-color: #36A638 !important;
}

/* Tiêu đề section có gạch chân */
.ok9-section-title{
  border-bottom: 3px solid #36A638;
  display: inline-block;
  padding-bottom: 8px;
}

/* Thẻ hướng dẫn nhanh */
.ok9-guide-card{
  transition: transform .25s ease, box-shadow .25s ease;
}
.ok9-guide-card:hover{
  transform: translateY(-4px);
}