/*
 Theme Name:   ProRange Child Theme
 Theme URI:    https://prorange.ancorathemes.com
 Description:  ProRange Child Theme
 Author:       AncoraThemes
 Author URI:   https://ancorathemes.com
 Template:     prorange
 Version:      1.0
 Tags:         flexible-header, custom-background, custom-colors, custom-header, custom-menu, featured-image-header, featured-images, full-width-template, microformats, post-formats, theme-options, threaded-comments, translation-ready
 Text Domain:  prorange
*/


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

/* =========================================================
   1) Header 主選單（文字 + 底線 3 狀態）
   ========================================================= */

/* 關掉 ThemeREX 可能畫“整條線”的容器線/陰影 */
nav.sc_layouts_menu,
nav.sc_layouts_menu ul.sc_layouts_menu_nav,
nav.sc_layouts_menu ul.sc_layouts_menu_nav_wrap {
  border-bottom: none !important;
  box-shadow: none !important;
}

/* 關掉可能用 pseudo element 畫線 */
nav.sc_layouts_menu::before,
nav.sc_layouts_menu::after,
nav.sc_layouts_menu ul.sc_layouts_menu_nav::before,
nav.sc_layouts_menu ul.sc_layouts_menu_nav::after,
nav.sc_layouts_menu ul.sc_layouts_menu_nav_wrap::before,
nav.sc_layouts_menu ul.sc_layouts_menu_nav_wrap::after {
  content: none !important;
  display: none !important;
  border: none !important;
}

/* 關掉 a/span 上可能的 ::before/::after 裝飾線 */
.sc_layouts_row nav.sc_layouts_menu ul.sc_layouts_menu_nav > li > a::before,
.sc_layouts_row nav.sc_layouts_menu ul.sc_layouts_menu_nav > li > a::after,
.sc_layouts_row nav.sc_layouts_menu ul.sc_layouts_menu_nav > li > a span::before,
.sc_layouts_row nav.sc_layouts_menu ul.sc_layouts_menu_nav > li > a span::after {
  content: none !important;
  display: none !important;
  border: none !important;
}

/* 1) 一般狀態：灰字 + 無底線（透明） */
.sc_layouts_row nav.sc_layouts_menu ul.sc_layouts_menu_nav > li > a {
  text-decoration: none !important;
  border-bottom: 2px solid transparent !important;
  padding-bottom: 4px !important;
}

.sc_layouts_row nav.sc_layouts_menu ul.sc_layouts_menu_nav > li > a > span {
  color: #666666 !important;
}

/* 2) Hover：粉字 + 粉底線 */
.sc_layouts_row nav.sc_layouts_menu ul.sc_layouts_menu_nav > li:hover > a {
  border-bottom-color: #BCA4A9 !important;
}

.sc_layouts_row nav.sc_layouts_menu ul.sc_layouts_menu_nav > li:hover > a > span {
  color: #BCA4A9 !important;
}

/* 3) Current：深粉字 + 深粉底線 */
.sc_layouts_row nav.sc_layouts_menu ul.sc_layouts_menu_nav > li.current-menu-item.menu-item-type-post_type > a,
.sc_layouts_row nav.sc_layouts_menu ul.sc_layouts_menu_nav > li.current_page_item.menu-item-type-post_type > a,
.sc_layouts_row nav.sc_layouts_menu ul.sc_layouts_menu_nav > li.current-menu-ancestor > a {
  border-bottom-color: #9C8C8A !important;
}

.sc_layouts_row nav.sc_layouts_menu ul.sc_layouts_menu_nav > li.current-menu-item.menu-item-type-post_type > a > span,
.sc_layouts_row nav.sc_layouts_menu ul.sc_layouts_menu_nav > li.current_page_item.menu-item-type-post_type > a > span,
.sc_layouts_row nav.sc_layouts_menu ul.sc_layouts_menu_nav > li.current-menu-ancestor > a > span {
  color: #9C8C8A !important;
}

/* 4) 可選：如果你用 JS 加 js-active，也視同 current */
.sc_layouts_row nav.sc_layouts_menu ul.sc_layouts_menu_nav > li.js-active > a {
  border-bottom-color: #9C8C8A !important;
}

.sc_layouts_row nav.sc_layouts_menu ul.sc_layouts_menu_nav > li.js-active > a > span {
  color: #9C8C8A !important;
}


/* =========================================================
   2) 服務區塊顏色
   ========================================================= */
.cpt_services_group-renovation .sc_services_item_header,
.cpt_services_group-renovation .sc_services_item_header h3,
.cpt_services_group-renovation .sc_services_item_header h4,
.cpt_services_group-renovation .sc_services_item_header a {
  color: #BCA4A9 !important;
}

.cpt_services_group-renovation .sc_services_item_content,
.cpt_services_group-renovation .sc_services_item_content p {
  color: #9C8C8A !important;
}


/* =========================================================
   3) Testimonials
   ========================================================= */
body .sc_testimonials.sc_testimonials_accent .sc_testimonials_item::before {
  color: #BCA4A9 !important;
}

.sc_testimonials_accent .swiper-pagination-bullet {
  background-color: #9C8C8A !important;
  border-color: #9C8C8A !important;
  opacity: 1 !important;
}

.sc_testimonials_accent .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #BCA4A9 !important;
  border-color: #BCA4A9 !important;
  opacity: 1 !important;
}


/* =========================================================
   4) TRX Addons 按鈕
   ========================================================= */
.sc_button_multiple a.sc_button:first-child {
  background-color: #BCA4A9 !important;
  color: #ffffff !important;
  border-color: #BCA4A9 !important;
}

.sc_button_multiple a.sc_button:first-child:hover {
  background-color: #9C8C8A !important;
  color: #ffffff !important;
  border-color: #9C8C8A !important;
}


/* =========================================================
   5) 關閉 ThemeREX 社群列
   ========================================================= */
.trx_addons_panel_bar,
.panel_bar,
.fixed_socials {
  display: none !important;
}

.socials_wrap,
.socials_fixed,
.socials_mobile,
.trx_addons_socials_fixed,
.trx_addons_socials_panel {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}


/* =========================================================
   6) Slider 箭頭顏色
   ========================================================= */
.slider_prev.slider_arrow_default::before,
.slider_next.slider_arrow_default::before {
  color: #BCA4A9 !important;
  opacity: 1 !important;
}

.slider_prev.slider_arrow_default:hover::before,
.slider_next.slider_arrow_default:hover::before {
  color: #9C8C8A !important;
}


/* =========================================================
   7) Header 固定 + 手機平板顯示
   ========================================================= */
header.sc_layouts_row,
.sc_layouts_row_type_normal {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 9999;
}

@media (max-width: 1024px) {
  header.sc_layouts_row,
  .sc_layouts_row.sc_layouts_row_type_normal,
  .elementor-location-header {
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
  }

  body {
    padding-top: 80px; /* header 比較高就調 90–110px */
  }
}


/* =========================================================
   8) Scroll to Top
   ========================================================= */
.trx_addons_scroll_to_top {
  background-color: #9C8C8A !important;
  border-color: #9C8C8A !important;
}

.trx_addons_scroll_to_top::before {
  color: #FFFFFF !important;
}

.trx_addons_scroll_to_top:hover {
  background-color: #BCA4A9 !important;
  border-color: #BCA4A9 !important;
}
#portfolio {
  scroll-margin-top: 100px; /* 同樣改成 header 高度 */
}

.no-click a {
  pointer-events: none;
  cursor: default;
}

.trx_popup,
.trx_popup_wrap,
.trx_addons_popup {
  display: none !important;
	

}

/* Kill TRX ADP popup */
.adp-popup-container,
.adp-popup-outer,
.adp-popup-content {
  display: none !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

.sc_layouts_menu_nav a{
  outline: none !important;
}
/* 強制鎖定主選單樣式（蓋過 ProRange skin / responsive CSS） */
header .sc_layouts_row nav.sc_layouts_menu ul.sc_layouts_menu_nav > li > a{
  border-bottom: 2px solid transparent !important;
  outline: none !important;
}

header .sc_layouts_row nav.sc_layouts_menu ul.sc_layouts_menu_nav > 
li.current-menu-item.menu-item-type-post_type > a,
header .sc_layouts_row nav.sc_layouts_menu ul.sc_layouts_menu_nav > 
li.current_page_item.menu-item-type-post_type > a{
  border-bottom-color: #9C8C8A !important;
}


/* 鎖住主選單底線（蓋過 skin / responsive） */
header .sc_layouts_row nav.sc_layouts_menu ul.sc_layouts_menu_nav > li > a{
  border-bottom: 2px solid transparent !important;
  outline: none !important;
}

header .sc_layouts_row nav.sc_layouts_menu ul.sc_layouts_menu_nav >
li.current-menu-item.menu-item-type-post_type > a,
header .sc_layouts_row nav.sc_layouts_menu ul.sc_layouts_menu_nav >
li.current_page_item.menu-item-type-post_type > a{
  border-bottom-color: #9C8C8A !important;
}

/* ===== 強制鎖定主選單樣式（蓋過 ProRange / TRX Addons / Responsive） ===== */
header .sc_layouts_row nav.sc_layouts_menu ul.sc_layouts_menu_nav > li > a {
  border-bottom: 2px solid transparent !important;
  outline: none !important;
}

header .sc_layouts_row nav.sc_layouts_menu ul.sc_layouts_menu_nav
> li.current-menu-item.menu-item-type-post_type > a,
header .sc_layouts_row nav.sc_layouts_menu ul.sc_layouts_menu_nav
> li.current_page_item.menu-item-type-post_type > a {
  border-bottom-color: #9C8C8A !important;
}

/* 1) 關掉選單底下那條整條橫線（通常畫在 nav/ul 或 row 上） */
header .sc_layouts_row nav.sc_layouts_menu,
header .sc_layouts_row nav.sc_layouts_menu ul,
header .sc_layouts_row .sc_layouts_menu_nav,
header .sc_layouts_row .sc_layouts_menu_nav:before,
header .sc_layouts_row .sc_layouts_menu_nav:after,
header .sc_layouts_row nav.sc_layouts_menu:before,
header .sc_layouts_row nav.sc_layouts_menu:after{
  border-bottom: none !important;
  box-shadow: none !important;
  background-image: none !important;
}

/* 2) 只讓目前頁的 menu item 有底線 */
header .sc_layouts_row nav.sc_layouts_menu ul.sc_layouts_menu_nav > li > a{
  border-bottom: 2px solid transparent !important;
  outline: none !important;
}

header .sc_layouts_row nav.sc_layouts_menu ul.sc_layouts_menu_nav
> li.current-menu-item.menu-item-type-post_type > a,
header .sc_layouts_row nav.sc_layouts_menu ul.sc_layouts_menu_nav
> li.current_page_item.menu-item-type-post_type > a{
  border-bottom-color: #9C8C8A !important;
}