/**
Theme Name: HKS
Author: Hundred Kit Studio
Author URI: https://www.hundredkitstudio.com
Description: Hundred Kit Studio is a creative design solution company based in Hong Kong founded in 2007. Working with different sized companies from a wide range of business sectors providing creative, cost-effective design & IT solutions.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: hks
Template: astra
*/


/*Br Block*/
br.mb-block{display:none;}
@media(max-width:920px){
	br.mb-block{display:block;}
}

/*Logo Bar Parallax*/
.elementor-element .logo-bar-right, .elementor-element .logo-bar-left{
	height: 100%!important;
}


/*Mobile Menu*/
/*header-Hamburger Menu*/
svg.ast-mobile-svg.ast-menu-svg, span.ast-svg-iconset{display: none;}
.mobile-menu-toggle-icon {
    background: url('/wp-content/uploads/2026/02/hmbg_two_wh_2.webp') no-repeat center center;
    background-size: contain;
    width: 30px; /* 根據需求調整 */
    height: 30px;
}
button#menu-toggle-close{
    background: url('/wp-content/uploads/2026/02/close_bk_3.webp') no-repeat center center;
    background-size: contain;
    width: 30px; /* 調整圖標大小 */
    height: 30px;
	margin:20px 20px 0 0;
}


/*Slide Menu*/
.ast-hfb-header .ast-builder-menu-mobile .main-navigation .main-header-menu, .ast-hfb-header .ast-builder-menu-mobile .main-navigation .main-header-menu{border-top:0;}
/* 最後一個 menu item：移除線 */
.ast-hfb-header .ast-builder-menu-mobile .main-navigation .menu-item:last-child > .menu-link {
  border-bottom: none;
}
/*Social Media*/
.ast-builder-layout-element.ast-flex.site-header-focus-item[data-section="section-hb-social-icons-1"] {
  position: absolute ;
  bottom: 0 ;
}




/*Auto Scroll*/
html,
body {
  height: 100%;
  scroll-snap-type: y proximity;
  scroll-behavior: smooth;
}

.snap-section {
  scroll-snap-align: start;
  scroll-snap-stop: always;
}


/*Metal Text Glowing Effect*/
.metal-text {
  position: relative;
  display: inline-block;
}
h1.metal-text{
	-webkit-text-stroke: 1px white;
	font-style: italic;
	font-size:100px;
	line-height: 1.3;
	text-align:center;
}
@media(max-width:768px){
	h1.metal-text{font-size:70px;line-height: 1.1;}
}
@media(max-width:421px){
	h1.metal-text, .mb-tx-align h2{text-align:left;}
	.form-align{align-items:baseline!important;}
}

/* 基本灰色金屬字 */
.metal-base {
  color: #9a9a9a00; /* 中淺灰，白底可讀 */
  position: relative;
  z-index: 1;
}

/* 反光層 */
.metal-shine {
  position: absolute;
  inset: 0;
  z-index: 2;

  background-image: linear-gradient(
    -45deg,
    transparent 0%,
    rgba(255,255,255,0.4) 42%,
    rgba(255,255,255,0.95) 50%,
    rgba(255,255,255,0.4) 58%,
    transparent 100%
  );

  background-size: 220% 100%;
  background-repeat: no-repeat;
  background-position: -220% 0;

  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;

  animation: metal-shine 5s ease-in-out infinite;
  pointer-events: none;
}

@keyframes metal-shine {
  0% {
    background-position: -220% 0;
  }
  45% {
    background-position: -220% 0;
  }
  100% {
    background-position: 220% 0;
  }
}


/*Logo Effect*/
.site-logo-img {
  animation: logo-breathe 4s ease-in-out infinite;
}

@keyframes logo-breathe {
  0% {
    transform: scale(1);
    filter: drop-shadow(0 0 4px rgba(255,255,255,0.12));
  }
  50% {
    transform: scale(1.02);
    filter: drop-shadow(0 0 8px rgba(255,255,255,0.30));
  }
  100% {
    transform: scale(1);
    filter: drop-shadow(0 0 4px rgba(255,255,255,0.12));
  }
}