/* ================================================
   房仲宥來了 | AGENTULIFE CIS 覆蓋樣式
   品牌色系依據 LOGO 設計稿（#E8841A 主橘 / #2C2117 深棕）
   維護：修改此檔案即可，勿動父主題 authentic
   ================================================ */

/* --- 1. 色彩變數 --- */
:root {
  --cis-orange:       #E8841A;
  --cis-orange-dark:  #C86E0E;
  --cis-orange-light: #FDF0E0;
  --cis-brown-dark:   #2C2117;
  --cis-brown-mid:    #4A3728;
  --cis-brown-gold:   #C8A87A;
  --cis-bg:           #FAF6F0;
  --cis-bg-tint:      #FDF0E0;
  --cis-footer-bg:    #1A1209;
}

/* --- 2. 全站底色與文字 --- */
body {
  background-color: var(--cis-bg) !important;
  color: var(--cis-brown-dark) !important;
}

h1, h2, h3, h4, h5, h6 {
  color: var(--cis-brown-dark) !important;
}

p, li, td, th {
  color: var(--cis-brown-mid) !important;
}

a {
  color: var(--cis-orange) !important;
}

a:hover {
  color: var(--cis-orange-dark) !important;
}

/* --- 3. Elementor 按鈕 --- */
.elementor-button,
.elementor-button-wrapper .elementor-button,
a.elementor-button,
button.elementor-button {
  background-color: var(--cis-orange) !important;
  border-color: var(--cis-orange) !important;
  color: #FFFFFF !important;
  border-radius: 24px !important;
  font-weight: 600 !important;
  letter-spacing: 0.03em !important;
  transition: background-color 0.2s ease, transform 0.15s ease !important;
}

.elementor-button:hover,
a.elementor-button:hover,
button.elementor-button:hover {
  background-color: var(--cis-orange-dark) !important;
  border-color: var(--cis-orange-dark) !important;
  transform: translateY(-1px) !important;
}

/* --- 4. Navbar --- */
#masthead,
.site-header,
header.elementor-section,
.elementor-location-header,
.elementor-kit-1 header {
  background-color: var(--cis-brown-dark) !important;
}

.elementor-nav-menu a,
.elementor-nav-menu .elementor-item,
.main-navigation a {
  color: var(--cis-bg) !important;
}

.elementor-nav-menu a:hover,
.elementor-nav-menu .elementor-item:hover,
.elementor-nav-menu .elementor-item.elementor-item-active {
  color: var(--cis-orange) !important;
}

/* --- 5. 區塊標題裝飾線 --- */
.elementor-heading-title {
  position: relative;
  padding-bottom: 14px;
}

.elementor-heading-title::after {
  content: '';
  display: block;
  width: 48px;
  height: 3px;
  background-color: var(--cis-orange);
  border-radius: 2px;
  margin-top: 10px;
}

.elementor-widget-heading.elementor-widget-heading--align-center
  .elementor-heading-title::after {
  margin-left: auto;
  margin-right: auto;
}

.elementor-widget-heading.elementor-widget-heading--align-left
  .elementor-heading-title::after {
  margin-left: 0;
}

/* --- 6. 偶數 Section 底色 --- */
.elementor-section:nth-of-type(even) {
  background-color: var(--cis-bg-tint) !important;
}

/* --- 7. Footer --- */
footer,
.site-footer,
.elementor-location-footer,
footer.elementor-section {
  background-color: var(--cis-footer-bg) !important;
}

footer p,
footer a,
footer li,
footer span,
.site-footer p,
.site-footer a,
.elementor-location-footer p,
.elementor-location-footer a {
  color: var(--cis-brown-gold) !important;
}

footer a:hover,
.site-footer a:hover,
.elementor-location-footer a:hover {
  color: var(--cis-orange) !important;
}

/* --- 8. LINE 懸浮按鈕 --- */
.cis-line-float {
  position: fixed;
  bottom: 24px;
  right: 24px;
  width: 56px;
  height: 56px;
  background-color: #06C755;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 4px 16px rgba(0,0,0,0.25);
  z-index: 9999;
  text-decoration: none !important;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.cis-line-float:hover {
  transform: scale(1.1);
  box-shadow: 0 6px 20px rgba(0,0,0,0.3);
}

.cis-line-float svg {
  width: 30px;
  height: 30px;
  fill: #FFFFFF;
}

/* --- 9. 隱藏舊版 LINE 按鈕（#float-line 來自 Elementor 模板，保留 .cis-line-float）--- */
#float-line {
  display: none !important;
}