/* ==========================================================================
   LexiPL Theme — main.css
   純手寫主題樣式。區段：變數 / 基礎 / 按鈕 / 導覽 / Hero / 區段 / About /
   Practice / Footer / 響應式。檔案末端併入既有自訂區段樣式（Contact/Team/
   Expertise/彈窗），使聯絡區與現行網站完全一致。
   ========================================================================== */

/* ---------------------------------- 變數 ---------------------------------- */
:root {
	--brand-navy: #2A3B52;      /* 莫蘭迪深藍（主色） */
	--brand-navy-dark: #17222f;
	--brand-navy-box: #364863;
	--gold: #c5a059;            /* 金銅色（強調） */
	--gold-dark: #a88647;
	--text-dark: #1f2937;
	--text-muted: #64748b;
	--text-light: #ffffff;
	--text-muted-light: #cbd5e1;
	--bg-light: #f8fafc;
	--border: #e2e8f0;
	--maxw: 1200px;
	--font-head: 'Poppins', 'Mulish', -apple-system, "PingFang TC", "Microsoft JhengHei", sans-serif;
	--font-body: 'Mulish', -apple-system, "PingFang TC", "Microsoft JhengHei", sans-serif;
}

/* --------------------------------- 基礎 ---------------------------------- */
*, *::before, *::after { box-sizing: border-box; }

html { scroll-behavior: smooth; scroll-padding-top: 80px; }

body {
	margin: 0;
	font-family: var(--font-body);
	color: var(--text-dark);
	line-height: 1.7;
	background: #fff;
	-webkit-font-smoothing: antialiased;
	/* Sticky footer：內容短時仍將頁尾推到視窗底部，避免下方空白 */
	display: flex;
	flex-direction: column;
	min-height: 100vh;
}
.site-main { flex: 1 0 auto; background: var(--brand-navy); }
.site-footer { flex-shrink: 0; }

h1, h2, h3, h4 { font-family: var(--font-head); line-height: 1.25; }

img { max-width: 100%; height: auto; display: block; }

a { color: inherit; }

.section-container {
	max-width: var(--maxw);
	margin: 0 auto;
	padding: 0 24px;
}

.section-title {
	font-size: 38px;
	font-weight: 700;
	color: var(--brand-navy);
	margin: 0 0 16px;
}

.gold-divider {
	width: 60px;
	height: 3px;
	background: var(--gold);
	margin: 0 0 24px;
}
.gold-divider--center { margin-left: auto; margin-right: auto; }

/* --------------------------------- 按鈕 ---------------------------------- */
.btn {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 14px 30px;
	border-radius: 4px;
	font-family: var(--font-head);
	font-weight: 600;
	font-size: 16px;
	text-decoration: none;
	cursor: pointer;
	transition: all .3s ease;
}
.btn--solid { background: var(--gold); color: #fff; border: 2px solid var(--gold); }
.btn--solid:hover { background: var(--gold-dark); border-color: var(--gold-dark); transform: translateY(-2px); }
.btn--outline { background: transparent; color: #fff; border: 2px solid rgba(255,255,255,.7); }
.btn--outline:hover { background: #fff; color: var(--brand-navy); }

/* -------------------------------- 導覽列 --------------------------------- */
.site-header {
	position: sticky;
	top: 0;
	z-index: 1000;
	background: var(--brand-navy-dark);
	box-shadow: 0 2px 10px rgba(0,0,0,.12);
}
.site-header__inner {
	max-width: var(--maxw);
	margin: 0 auto;
	padding: 0 24px;
	height: 72px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.site-brand {
	font-family: var(--font-head);
	font-weight: 700;
	font-size: 20px;
	color: #fff;
	text-decoration: none;
	letter-spacing: .5px;
}
.site-brand__zh { font-size: 14px; color: var(--gold); margin-left: 6px; font-weight: 500; }

.site-nav { display: flex; align-items: center; gap: 28px; }
.site-nav a {
	color: var(--text-muted-light);
	text-decoration: none;
	font-weight: 600;
	font-size: 15px;
	transition: color .25s ease;
}
.site-nav a:hover { color: var(--gold); }
.site-nav__lang {
	border: 1px solid rgba(255,255,255,.3);
	padding: 6px 14px;
	border-radius: 4px;
	font-size: 14px !important;
}
.site-nav__lang:hover { border-color: var(--gold); }

/* 手機漢堡選單 */
.nav-toggle, .nav-toggle__btn { display: none; }

/* --------------------------------- Hero ---------------------------------- */
.hero {
	position: relative;
	background: var(--brand-navy);
	color: #fff;
	padding: 140px 0 120px;
	overflow: hidden;
}
.hero__overlay {
	position: absolute;
	inset: 0;
	background: none;
	pointer-events: none;
}
.hero__inner {
	position: relative;
	max-width: 860px;
	margin: 0 auto;
	padding: 0 24px;
	text-align: center;
}
.hero__title { font-size: 54px; font-weight: 700; margin: 0 0 24px; letter-spacing: .5px; }
.hero__divider { width: 90px; height: 3px; background: var(--gold); margin: 0 auto 30px; }
.hero__subtitle { font-size: 18px; color: var(--text-muted-light); max-width: 680px; margin: 0 auto 40px; }
.hero__actions { display: flex; gap: 18px; justify-content: center; flex-wrap: wrap; }

/* --------------------------------- About --------------------------------- */
.about { padding: 100px 0; background: var(--bg-light); }
.about__grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 60px;
	align-items: center;
}
.about__media img { border-radius: 8px; box-shadow: 0 20px 45px rgba(0,0,0,.15); width: 100%; object-fit: cover; }
.about__content p { font-size: 16px; color: var(--text-muted); margin: 0; }

/* ------------------------------ Practice Areas --------------------------- */
.practice { padding: 100px 0; background: var(--brand-navy); }
.practice .section-title { color: #fff; }
.practice__header { text-align: center; margin-bottom: 55px; }
.practice__grid {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 28px;
}
.practice__card {
	position: relative;
	background: var(--bg-light);
	border: 1px solid var(--border);
	border-radius: 8px;
	padding: 34px 34px 34px 40px;
	overflow: hidden;
	transition: transform .3s ease, box-shadow .3s ease;
}
.practice__bar {
	position: absolute; left: 0; top: 0; bottom: 0; width: 4px; background: var(--gold);
}
.practice__icon {
	width: 56px; height: 56px; border-radius: 50%;
	background: rgba(197,160,89,.12);
	display: flex; align-items: center; justify-content: center;
	margin-bottom: 18px;
}
.practice__icon svg { width: 26px; height: 26px; color: var(--gold); }
.practice__card:hover { transform: translateY(-5px); box-shadow: 0 18px 40px rgba(0,0,0,.25); }
.practice__card h3 { font-size: 20px; color: var(--brand-navy); margin: 0 0 12px; }
.practice__card p { font-size: 15px; color: var(--text-muted); margin: 0; }

.practice__experience {
	margin-top: 55px;
	background: rgba(255,255,255,.05);
	border: 1px solid rgba(255,255,255,.12);
	color: #fff;
	border-radius: 8px;
	padding: 45px 50px;
}
.practice__experience h3 { font-size: 22px; color: var(--gold); margin: 0 0 22px; }
.practice__experience ul { margin: 0; padding: 0; list-style: none; display: grid; gap: 14px; }
.practice__experience li {
	position: relative;
	padding-left: 26px;
	color: var(--text-muted-light);
	font-size: 15.5px;
}
.practice__experience li::before {
	content: "";
	position: absolute; left: 0; top: 10px;
	width: 8px; height: 8px; border-radius: 50%; background: var(--gold);
}

/* -------------------------------- Footer --------------------------------- */
.site-footer { background: var(--brand-navy-dark); color: var(--text-muted-light); }
.site-footer__inner {
	max-width: var(--maxw);
	margin: 0 auto;
	padding: 30px 24px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
	gap: 12px;
}
.site-footer__copy { margin: 0; font-size: 14px; }
.site-footer__top { color: var(--gold); text-decoration: none; font-weight: 600; font-size: 14px; }
.site-footer__top:hover { color: #fff; }

/* 一般內容頁 */
.basic-content { padding: 90px 24px; }

/* -------------------------------- 響應式 --------------------------------- */
@media (max-width: 992px) {
	.hero__title { font-size: 40px; }
	.about__grid { grid-template-columns: 1fr; gap: 36px; }
	.practice__grid { grid-template-columns: 1fr; }

	.nav-toggle__btn {
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		width: 28px; height: 20px;
		cursor: pointer;
	}
	.nav-toggle__btn span { display: block; height: 3px; background: #fff; border-radius: 2px; }

	.site-nav {
		position: absolute;
		top: 72px; left: 0; right: 0;
		background: var(--brand-navy-dark);
		flex-direction: column;
		align-items: flex-start;
		gap: 0;
		max-height: 0;
		overflow: hidden;
		transition: max-height .3s ease;
		box-shadow: 0 10px 20px rgba(0,0,0,.15);
	}
	.nav-toggle:checked ~ .site-nav { max-height: 340px; }
	.site-nav a { width: 100%; padding: 16px 24px; border-top: 1px solid rgba(255,255,255,.06); }
	.site-nav__lang { border: none; padding: 16px 24px !important; }
}

@media (max-width: 600px) {
	.hero { padding: 100px 0 80px; }
	.hero__title { font-size: 32px; }
	.section-title { font-size: 30px; }
	.practice__experience { padding: 34px 24px; }
}


/* ==========================================================================
   以下為既有自訂區段樣式（Contact / Team / Expertise / 彈窗），
   直接沿用現行網站的樣式，確保聯絡區等區塊視覺完全一致。
   ========================================================================== */


.kubio-shape-circles{background-image:url('https://www.lexipl.com/1/wp-content/plugins/kubio/lib/shapes/header-shapes/circles.png')}.kubio-shape-10degree-stripes{background-image:url('https://www.lexipl.com/1/wp-content/plugins/kubio/lib/shapes/header-shapes/10degree-stripes.png')}.kubio-shape-rounded-squares-blue{background-image:url('https://www.lexipl.com/1/wp-content/plugins/kubio/lib/shapes/header-shapes/rounded-squares-blue.png')}.kubio-shape-many-rounded-squares-blue{background-image:url('https://www.lexipl.com/1/wp-content/plugins/kubio/lib/shapes/header-shapes/many-rounded-squares-blue.png')}.kubio-shape-two-circles{background-image:url('https://www.lexipl.com/1/wp-content/plugins/kubio/lib/shapes/header-shapes/two-circles.png')}.kubio-shape-circles-2{background-image:url('https://www.lexipl.com/1/wp-content/plugins/kubio/lib/shapes/header-shapes/circles-2.png')}.kubio-shape-circles-3{background-image:url('https://www.lexipl.com/1/wp-content/plugins/kubio/lib/shapes/header-shapes/circles-3.png')}.kubio-shape-circles-gradient{background-image:url('https://www.lexipl.com/1/wp-content/plugins/kubio/lib/shapes/header-shapes/circles-gradient.png')}.kubio-shape-circles-white-gradient{background-image:url('https://www.lexipl.com/1/wp-content/plugins/kubio/lib/shapes/header-shapes/circles-white-gradient.png')}.kubio-shape-waves{background-image:url('https://www.lexipl.com/1/wp-content/plugins/kubio/lib/shapes/header-shapes/waves.png')}.kubio-shape-waves-inverted{background-image:url('https://www.lexipl.com/1/wp-content/plugins/kubio/lib/shapes/header-shapes/waves-inverted.png')}.kubio-shape-dots{background-image:url('https://www.lexipl.com/1/wp-content/plugins/kubio/lib/shapes/header-shapes/dots.png')}.kubio-shape-left-tilted-lines{background-image:url('https://www.lexipl.com/1/wp-content/plugins/kubio/lib/shapes/header-shapes/left-tilted-lines.png')}.kubio-shape-right-tilted-lines{background-image:url('https://www.lexipl.com/1/wp-content/plugins/kubio/lib/shapes/header-shapes/right-tilted-lines.png')}.kubio-shape-right-tilted-strips{background-image:url('https://www.lexipl.com/1/wp-content/plugins/kubio/lib/shapes/header-shapes/right-tilted-strips.png')}.kubio-shape-doodle{background-image:url('https://www.lexipl.com/1/wp-content/plugins/kubio/lib/shapes/header-shapes/doodle.png')}.kubio-shape-falling-stars{background-image:url('https://www.lexipl.com/1/wp-content/plugins/kubio/lib/shapes/header-shapes/falling-stars.png')}.kubio-shape-grain{background-image:url('https://www.lexipl.com/1/wp-content/plugins/kubio/lib/shapes/header-shapes/grain.png')}.kubio-shape-poly1{background-image:url('https://www.lexipl.com/1/wp-content/plugins/kubio/lib/shapes/header-shapes/poly1.png')}.kubio-shape-poly2{background-image:url('https://www.lexipl.com/1/wp-content/plugins/kubio/lib/shapes/header-shapes/poly2.png')}.kubio-shape-wavy-lines{background-image:url('https://www.lexipl.com/1/wp-content/plugins/kubio/lib/shapes/header-shapes/wavy-lines.png')}

:root { --kubio-color-1:251,133,0;--kubio-color-2:255,172,79;--kubio-color-3:255,233,207;--kubio-color-4:184,196,203;--kubio-color-5:255,255,255;--kubio-color-6:59,60,77;--kubio-color-1-variant-1:250,211,167;--kubio-color-1-variant-2:250,172,83;--kubio-color-1-variant-3:251,133,0;--kubio-color-1-variant-4:165,87,0;--kubio-color-1-variant-5:80,42,0;--kubio-color-2-variant-1:255,252,249;--kubio-color-2-variant-2:255,212,164;--kubio-color-2-variant-3:255,172,79;--kubio-color-2-variant-4:169,114,52;--kubio-color-2-variant-5:84,57,26;--kubio-color-3-variant-1:255,233,207;--kubio-color-3-variant-2:255,194,122;--kubio-color-3-variant-3:169,155,137;--kubio-color-3-variant-4:255,155,37;--kubio-color-3-variant-5:84,77,68;--kubio-color-4-variant-1:184,196,203;--kubio-color-4-variant-2:116,171,202;--kubio-color-4-variant-3:48,146,202;--kubio-color-4-variant-4:106,113,117;--kubio-color-4-variant-5:29,31,32;--kubio-color-5-variant-1:255,255,255;--kubio-color-5-variant-2:204,204,204;--kubio-color-5-variant-3:153,153,153;--kubio-color-5-variant-4:101,101,101;--kubio-color-5-variant-5:50,50,50;--kubio-color-6-variant-1:189,192,246;--kubio-color-6-variant-2:124,126,161;--kubio-color-6-variant-3:59,60,77;--kubio-color-6-variant-4:33,35,76;--kubio-color-6-variant-5:7,11,76 } .has-kubio-color-1-color{color:rgb(var(--kubio-color-1))} .has-kubio-color-1-background-color{background-color:rgb(var(--kubio-color-1))} [data-kubio] .has-kubio-color-1-color{color:rgb(var(--kubio-color-1))} [data-kubio] .has-kubio-color-1-background-color{background-color:rgb(var(--kubio-color-1))} .has-kubio-color-2-color{color:rgb(var(--kubio-color-2))} .has-kubio-color-2-background-color{background-color:rgb(var(--kubio-color-2))} [data-kubio] .has-kubio-color-2-color{color:rgb(var(--kubio-color-2))} [data-kubio] .has-kubio-color-2-background-color{background-color:rgb(var(--kubio-color-2))} .has-kubio-color-3-color{color:rgb(var(--kubio-color-3))} .has-kubio-color-3-background-color{background-color:rgb(var(--kubio-color-3))} [data-kubio] .has-kubio-color-3-color{color:rgb(var(--kubio-color-3))} [data-kubio] .has-kubio-color-3-background-color{background-color:rgb(var(--kubio-color-3))} .has-kubio-color-4-color{color:rgb(var(--kubio-color-4))} .has-kubio-color-4-background-color{background-color:rgb(var(--kubio-color-4))} [data-kubio] .has-kubio-color-4-color{color:rgb(var(--kubio-color-4))} [data-kubio] .has-kubio-color-4-background-color{background-color:rgb(var(--kubio-color-4))} .has-kubio-color-5-color{color:rgb(var(--kubio-color-5))} .has-kubio-color-5-background-color{background-color:rgb(var(--kubio-color-5))} [data-kubio] .has-kubio-color-5-color{color:rgb(var(--kubio-color-5))} [data-kubio] .has-kubio-color-5-background-color{background-color:rgb(var(--kubio-color-5))} .has-kubio-color-6-color{color:rgb(var(--kubio-color-6))} .has-kubio-color-6-background-color{background-color:rgb(var(--kubio-color-6))} [data-kubio] .has-kubio-color-6-color{color:rgb(var(--kubio-color-6))} [data-kubio] .has-kubio-color-6-background-color{background-color:rgb(var(--kubio-color-6))}

/*Contact*/
:root {
    --lh-dark-morandi: #2A3B52;       /* 深邃莫蘭迪藍 (整體背景) */
    --lh-dark-morandi-box: #364863;   /* 稍淺一點的莫蘭迪藍 (表單背景) */
    --lh-gold: #c5a059;               /* 金銅色 */
    --lh-text-light: #ffffff;         /* 主標題反白 */
    --lh-text-muted-light: #cbd5e1;   /* 內文淺灰藍色 */
}

/* 清除 WordPress 干擾 */
.law-contact-wrapper p:empty,
.law-contact-wrapper br {
    display: none !important;
}

/* 整體深色莫蘭迪背景 */
.law-contact-wrapper {
    width: 100% !important;
    padding: 100px 0 !important;
    background-color: var(--lh-dark-morandi) !important; 
    box-sizing: border-box !important;
}

.law-container {
    max-width: 1200px !important;
    margin: 0 auto !important;
    padding: 0 20px !important;
    box-sizing: border-box !important;
}

/* 雙欄排版 */
.law-contact-layout {
    display: flex !important;
    flex-direction: row !important; /* 電腦版明確指定橫向 */
    gap: 80px !important;
    align-items: stretch !important;
    width: 100% !important;
}

/* ================= ⚡ 強制靠左對齊防禦令 ================= */
.law-contact-info,
.law-contact-info h2,
.law-contact-intro,
.law-info-text,
.law-info-text h4,
.law-info-text p,
.law-contact-form-box h3,
.law-form-group label {
    text-align: left !important;
    align-items: flex-start !important;
}

/* ================= 左側：聯絡資訊 ================= */
.law-contact-info {
    flex: 1 !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    box-sizing: border-box !important;
} 

.law-contact-info h2 {
    font-size: 42px !important;
    font-weight: 700 !important;
    color: var(--lh-text-light) !important;
    margin: 0 0 20px 0 !important;
}

.law-gold-divider {
    width: 60px !important;
    height: 3px !important;
    background-color: var(--lh-gold) !important;
    margin: 0 0 25px 0 !important; /* 強制靠左 */
}

.law-contact-intro {
    font-size: 16px !important;
    line-height: 1.7 !important;
    color: var(--lh-text-muted-light) !important;
    margin: 0 0 45px 0 !important;
}

.law-info-list {
    display: flex !important;
    flex-direction: column !important;
    gap: 35px !important;
    margin-bottom: 50px !important;
}

/* 強制橫向排列，避免被 Kubio 變成上下置中 */
.law-info-item {
    display: flex !important;
    flex-direction: row !important; 
    align-items: flex-start !important;
    justify-content: flex-start !important;
    gap: 20px !important;
}

.law-info-icon {
    width: 45px !important;
    height: 45px !important;
    background-color: rgba(197, 160, 89, 0.15) !important; /* 金色微透明底 */
    border-radius: 50% !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    flex-shrink: 0 !important;
}

.law-info-icon svg {
    width: 22px !important;
    height: 22px !important;
    color: var(--lh-gold) !important;
}

.law-info-text h4 {
    font-size: 14px !important;
    color: var(--lh-gold) !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    font-weight: 700 !important;
    margin: 0 0 6px 0 !important;
}

.law-info-text p {
    font-size: 16px !important;
    color: var(--lh-text-light) !important;
    line-height: 1.6 !important;
    margin: 0 !important;
}

/* 地圖按鈕強制靠左 */
.law-map-btn {
    display: inline-flex !important;
    align-items: center !important;
    gap: 10px !important;
    background-color: transparent !important;
    color: var(--lh-gold) !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    padding: 14px 30px !important;
    border: 2px solid var(--lh-gold) !important;
    border-radius: 4px !important;
    transition: all 0.3s ease !important;
    width: fit-content !important;
    margin: 0 auto 0 0 !important; 
}

.law-map-btn:hover {
    background-color: var(--lh-gold) !important;
    color: #ffffff !important;
}

.law-map-btn:hover span {
    transform: translateX(5px) !important;
}

/* ================= 右側：諮詢表單暗黑質感 ================= */
.law-contact-form-box {
    flex: 1 !important;
    background-color: var(--lh-dark-morandi-box) !important; /* 較淺的莫蘭迪藍 */
    padding: 50px !important;
    border-radius: 8px !important;
    border: 1px solid rgba(255,255,255,0.05) !important;
    box-shadow: 0 20px 40px rgba(0,0,0,0.15) !important;
    box-sizing: border-box !important;
}

.law-contact-form-box h3 {
    font-size: 24px !important;
    color: var(--lh-text-light) !important;
    margin: 0 0 30px 0 !important;
    font-weight: 600 !important;
}

.law-form-group {
    margin-bottom: 25px !important;
}

.law-form-group label {
    display: block !important;
    font-size: 14px !important;
    color: var(--lh-text-muted-light) !important;
    font-weight: 600 !important;
    margin-bottom: 8px !important;
}

/* 確保輸入框為白色，方便閱讀與填寫 */
.law-form-group input,
.law-form-group textarea {
    width: 100% !important;
    padding: 15px !important;
    border: 1px solid rgba(255,255,255,0.2) !important;
    border-radius: 4px !important;
    background-color: #ffffff !important;
    font-size: 15px !important;
    color: #1a1a1a !important;
    font-family: inherit !important;
    box-sizing: border-box !important;
    transition: border-color 0.3s ease !important;
}

.law-form-group input:focus,
.law-form-group textarea:focus {
    outline: none !important;
    border-color: var(--lh-gold) !important;
}

/* 表單送出按鈕 */
.law-submit-btn {
    width: 100% !important;
    background-color: var(--lh-gold) !important;
    color: #ffffff !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    padding: 16px !important;
    border: none !important;
    border-radius: 4px !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
}

.law-submit-btn:hover {
    background-color: #a88647 !important;
    box-shadow: 0 5px 15px rgba(0,0,0,0.2) !important;
    transform: translateY(-2px) !important;
}

/* ================= ⚡ 終極手機板強制響應式防禦 ================= */
/* 提高斷點到 992px，確保平板與手機都會轉為上下排列 */
@media (max-width: 992px) {
    
    /* 1. 強制破除雙欄排版 */
    .law-contact-layout {
        display: block !important; /* 解除 Flex 限制，強制垂直堆疊 */
        width: 100% !important;
    }

    /* 2. 左側與右側皆強制改為 100% 寬度 */
    .law-contact-info,
    .law-contact-form-box {
        width: 100% !important;
        max-width: 100% !important;
        flex: none !important; /* 解除 flex: 1 屬性 */
        display: block !important;
    }

    /* 3. 為左側資訊底部加入間距，隔開下方的表單 */
    .law-contact-info {
        margin-bottom: 50px !important;
    }

    /* 4. 縮小整體背景與表單的內距，避免撐破手機螢幕 */
    .law-contact-wrapper {
        padding: 60px 0 !important;
    }
    .law-contact-form-box {
        padding: 30px 20px !important; /* 縮小左右 padding */
    }

    /* 5. 調整標題大小 */
    .law-contact-info h2 {
        font-size: 32px !important;
    }

    /* 6. 防止 iOS 輸入框點擊放大 */
    .law-form-group input,
    .law-form-group textarea {
        font-size: 16px !important; 
    }
}

/*Team*/

:root {
    --lt-brand-blue: #2A3B52;       
    --lt-navy: #1a212d;             
    --lt-gold: #c5a059;             
    --lt-text-light: #ffffff;       
    --lt-text-muted-light: #cbd5e1; 
    --lt-card-bg: #ffffff;          
    --lt-text-muted: #64748b;       
    --lt-tag-bg: #f1f5f9;           
    --lt-border: #e2e8f0;           
}

/* 隱藏觸發用的核取方塊 */
.law-modal-toggle { display: none !important; }

/* ================= 1. 主頁面背景 ================= */
.law-team-wrapper {
    position: relative !important;
    width: 100% !important;
    padding: 100px 0 120px 0 !important;
    background-color: transparent !important; 
    box-sizing: border-box !important;
    clear: both !important;
}

.law-team-wrapper p:empty,
.law-team-wrapper br { display: none !important; }
/* 例外：律師簡歷「快速資訊」欄位（如 Education）內的換行需保留 */
.law-team-wrapper .law-fact-col br { display: inline !important; }

.law-container {
    width: 100% !important;
    max-width: 1100px !important;
    margin: 0 auto !important;
    padding: 0 20px !important;
    box-sizing: border-box !important;
}

/* 縮減標題與卡片的距離 */
.law-team-header { text-align: center !important; margin-bottom: 30px !important; }
.law-team-header h2 { font-size: 38px !important; color: var(--lt-text-light) !important; font-weight: 700 !important; margin: 0 0 15px 0 !important; }
.law-gold-divider { width: 60px !important; height: 3px !important; background-color: var(--lt-gold) !important; margin: 0 auto 20px auto !important; }
.law-team-header p { color: var(--lt-text-muted-light) !important; font-size: 16px !important; margin: 0 !important; }

/* 網格改為上下垂直排列，並將卡片間距 (gap) 減半為 20px */
.law-team-grid {
    display: flex !important;
    flex-direction: column !important; /* 上下堆疊 */
    justify-content: center !important;
    align-items: center !important;
    gap: 20px !important; 
    width: 100% !important;
    max-width: 800px !important;
    margin: 0 auto !important;
}

/* ================= 2. 名片本體 ================= */
.law-team-card {
    display: block !important;
    width: 100% !important; 
    background-color: var(--lt-card-bg) !important; 
    border-radius: 8px !important;
    /* ⚡ 保留原本的留白，微調上下讓視覺更平衡 */
    padding: 30px 40px !important; 
    text-align: left !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15) !important; 
    transition: all 0.3s ease !important;
    position: relative !important; 
    overflow: hidden !important;
    box-sizing: border-box !important;
}

/* 隱形保鮮膜：確保點擊正常 */
.law-card-link-overlay {
    position: absolute !important;
    top: 0 !important; left: 0 !important;
    width: 100% !important; height: 100% !important;
    z-index: 50 !important; 
    cursor: pointer !important;
    -webkit-tap-highlight-color: transparent !important;
}

.law-team-card::before {
    content: "" !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 4px !important;
    background-color: var(--lt-gold) !important;
    transition: background-color 0.3s ease !important;
}

.law-team-card:hover {
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3) !important;
    transform: translateY(-5px) !important;
}

.law-team-card:hover::before {
    background-color: var(--lt-brand-blue) !important; 
}

/* 左右排版容器 */
.law-card-flex-wrapper {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 40px !important;
}

/* 右側資訊區塊 */
.law-card-info {
    flex: 1 !important;
}

/* ⚡ 頭像圖片 (放大尺寸至 220px，維持正方形，與名片內容等比例) */
.law-card-avatar-img {
    width: 220px !important;  /* 放大寬度 */
    height: 220px !important; /* 放大高度，強制正方形 */
    flex-shrink: 0 !important; 
    aspect-ratio: 1 / 1 !important; 
    margin: 0 !important; 
    border-radius: 8px !important; 
    overflow: hidden !important;
    border: 3px solid var(--lt-gold) !important;
    box-shadow: 0 4px 10px rgba(0,0,0,0.15) !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    background-color: var(--lt-brand-blue) !important;
}

.law-card-avatar-img img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center 15% !important;
    display: block !important;
}

/* 文字排版 */
.law-lawyer-name { font-size: 24px !important; color: var(--lt-navy) !important; font-weight: 700 !important; margin: 0 0 5px 0 !important; }
.law-lawyer-title { font-size: 15px !important; color: var(--lt-gold) !important; font-weight: 600 !important; margin: 0 0 15px 0 !important; text-transform: uppercase !important; letter-spacing: 1px !important; }

.law-card-tags {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: flex-start !important; 
    gap: 8px !important;
    margin-bottom: 20px !important;
}

.law-card-tags span {
    font-size: 12.5px !important;
    background-color: var(--lt-tag-bg) !important; 
    color: var(--lt-text-muted) !important; 
    padding: 6px 14px !important;
    border-radius: 20px !important;
    font-weight: 500 !important;
}

.law-view-profile {
    display: inline-block !important;
    font-size: 14px !important;
    color: var(--lt-brand-blue) !important;
    font-weight: 600 !important;
    transition: color 0.3s ease !important;
}

.law-team-card:hover .law-view-profile { color: var(--lt-gold) !important; }
.law-view-profile span { transition: transform 0.3s ease !important; display: inline-block !important; }
.law-team-card:hover .law-view-profile span { transform: translateX(4px) !important; }

/* ================= 3. 終極彈出視窗 (保持不變) ================= */
.law-team-modal {
    position: fixed !important;
    top: 0 !important; left: 0 !important;
    width: 100vw !important; height: 100vh !important;
    background: transparent !important; 
    z-index: 9999999 !important;
    opacity: 0 !important;
    visibility: hidden !important;
    transition: opacity 0.3s ease, visibility 0.3s ease !important;
    pointer-events: none !important;
}

body:has(#toggle-pan:checked) .modal-pan-window,
body:has(#toggle-lin:checked) .modal-lin-window {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
}

.law-modal-overlay {
    position: absolute !important;
    top: 0 !important; left: 0 !important;
    width: 100% !important; height: 100% !important;
    cursor: default !important;
    z-index: 1 !important;
}

.law-team-modal-body {
    position: absolute !important;
    top: 50% !important; left: 50% !important;
    transform: translate(-50%, -45%) !important;
    background: #ffffff !important;
    width: 90% !important;
    max-width: 850px !important;
    max-height: 85vh !important;
    overflow-y: auto !important;
    border-radius: 8px !important;
    box-shadow: 0 25px 60px rgba(0,0,0,0.4) !important; 
    box-sizing: border-box !important;
    z-index: 2 !important; 
    transition: transform 0.3s ease !important;
}

body:has(#toggle-pan:checked) .modal-pan-window .law-team-modal-body,
body:has(#toggle-lin:checked) .modal-lin-window .law-team-modal-body {
    transform: translate(-50%, -50%) !important;
}

label.law-modal-close {
    position: absolute !important;
    top: 25px !important; right: 30px !important;
    font-size: 32px !important; 
    color: #ffffff !important; 
    cursor: pointer !important;
    line-height: 1 !important;
    transition: color 0.2s ease !important;
    z-index: 10 !important;
}
label.law-modal-close:hover { color: var(--lt-gold) !important; }

.law-modal-head {
    background-color: var(--lt-brand-blue) !important; 
    padding: 40px 50px !important;
    text-align: left !important;
    border-radius: 8px 8px 0 0 !important;
}

.law-modal-head h2 { font-size: 32px !important; color: #ffffff !important; margin: 0 0 5px 0 !important; }
.law-modal-title { color: var(--lt-gold) !important; font-size: 16px !important; margin: 0 !important; font-weight: 600 !important; letter-spacing: 1px !important; text-transform: uppercase !important; }
.law-modal-content { padding: 40px 50px !important; text-align: left !important; }

.law-quick-facts {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 20px !important;
    background-color: var(--lt-tag-bg) !important;
    padding: 25px !important;
    border-radius: 6px !important;
    margin-bottom: 40px !important;
    border: 1px solid var(--lt-border) !important;
}

.law-fact-col h4 { font-size: 12px !important; color: var(--lt-gold) !important; text-transform: uppercase !important; letter-spacing: 1px !important; margin: 0 0 5px 0 !important; }
.law-fact-col p, .law-fact-col ul { font-size: 14px !important; color: var(--lt-navy) !important; margin: 0 !important; line-height: 1.5 !important; }
.law-fact-col ul { padding-left: 15px !important; }
.law-fact-col.law-full-col { grid-column: span 2 !important; }
.law-detail-section { margin-bottom: 40px !important; }
.law-detail-section:last-child { margin-bottom: 0 !important; }
.law-detail-section h3 { font-size: 20px !important; color: var(--lt-brand-blue) !important; border-bottom: 2px solid var(--lt-gold) !important; padding-bottom: 10px !important; margin: 0 0 20px 0 !important; display: inline-block !important; }
.law-detail-section p { font-size: 15px !important; line-height: 1.8 !important; color: var(--lt-text-muted) !important; margin: 0 0 15px 0 !important; text-align: justify !important; }
.law-pub-list { list-style: none !important; padding: 0 !important; margin: 0 !important; }
.law-pub-list li { font-size: 14.5px !important; line-height: 1.6 !important; color: var(--lt-text-muted) !important; margin-bottom: 12px !important; position: relative !important; padding-left: 20px !important; }
.law-pub-list li::before { content: "■" !important; position: absolute !important; left: 0 !important; top: 5px !important; color: var(--lt-gold) !important; font-size: 10px !important; }

/* 響應式：手機版自動變回上下置中排版 */
@media (max-width: 768px){
    .law-card-flex-wrapper { 
        flex-direction: column !important; 
        text-align: center !important; 
    }
    .law-team-card {
        padding: 40px 20px !important;
        text-align: center !important; 
    }
    .law-card-tags {
        justify-content: center !important; 
    }
    
    .law-team-modal-body { width: 95% !important; max-height: 90vh !important; }
    .law-modal-head, .law-modal-content { padding: 30px !important; }
    .law-quick-facts { grid-template-columns: 1fr !important; }
    .law-fact-col.law-full-col { grid-column: span 1 !important; }
}

/* EXPERTISE*/

:root {
    --lt-brand-blue: #2A3B52;       
    --lt-navy: #1a212d;             
    --lt-gold: #c5a059;             
    --lt-text-light: #ffffff;       
    --lt-text-muted-light: #cbd5e1; 
    --lt-card-bg: #ffffff;          
    --lt-text-muted: #64748b;       
    --lt-tag-bg: #f1f5f9;           
    --lt-border: #e2e8f0;           
}

/* 隱藏觸發用的核取方塊 */
.law-exp-toggle { display: none !important; }

/* ================= 1. Expertise 背景與標題 ================= */
.law-exp-wrapper {
    position: relative !important;
    width: 100% !important;
    padding: 100px 0 120px 0 !important;
    background-color: transparent !important; 
    box-sizing: border-box !important;
    clear: both !important;
}

.law-exp-wrapper p:empty,
.law-exp-wrapper br { display: none !important; }

.law-container {
    width: 100% !important;
    max-width: 1200px !important; /* 加寬外層容器給 4 張卡片空間 */
    margin: 0 auto !important;
    padding: 0 20px !important;
    box-sizing: border-box !important;
}

.law-exp-header { text-align: center !important; margin-bottom: 60px !important; }
.law-exp-header h2 { font-size: 38px !important; color: var(--lt-text-light) !important; font-weight: 700 !important; margin: 0 0 15px 0 !important; }
.law-gold-divider { width: 60px !important; height: 3px !important; background-color: var(--lt-gold) !important; margin: 0 auto 20px auto !important; }
.law-exp-header p { color: var(--lt-text-muted-light) !important; font-size: 16px !important; margin: 0 !important; }

/* ================= 修正後的靈活網格 (強迫 4 張併排) ================= */
.law-exp-grid {
    display: flex !important;           /* 改用 Flexbox */
    flex-direction: row !important;     /* 強制左右排列 */
    justify-content: center !important; /* 置中 */
    align-items: stretch !important;    /* 高度對齊 */
    gap: 20px !important;               /* 縮小間距，給卡片更多空間 */
    width: 100% !important;
    max-width: 1200px !important;
    margin: 0 auto !important;
    box-sizing: border-box !important;
}

/* 修正卡片寬度，讓它在大螢幕下能並排 */
.law-exp-card {
    display: flex !important;
    flex-direction: column !important;
    flex: 1 1 25% !important;           /* 讓每張卡片靈活佔 25% 寬度 */
    min-width: 220px !important;        /* 設定最小寬度，防止手機版擠壓過度 */
    background-color: var(--lt-card-bg) !important; 
    border-radius: 8px !important;
    padding: 30px 15px !important;      /* 稍微減少左右邊距 */
    text-align: center !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15) !important; 
    transition: all 0.3s ease !important;
    position: relative !important; 
    overflow: hidden !important;
    box-sizing: border-box !important;
    word-break: keep-all !important; 
}

/* 修正手機板響應式 (確保手機版變回垂直堆疊) */
@media (max-width: 900px) {
    .law-exp-grid { 
        flex-direction: column !important; 
        max-width: 400px !important; /* 手機版限制卡片最大寬度 */
    }
}

/* ⚡ 隱形保鮮膜 */
.law-card-link-overlay {
    position: absolute !important;
    top: 0 !important; left: 0 !important;
    width: 100% !important; height: 100% !important;
    z-index: 10 !important;
    cursor: pointer !important;
    -webkit-tap-highlight-color: transparent !important;
}

.law-exp-card::before {
    content: "" !important;
    position: absolute !important;
    top: 0 !important; left: 0 !important;
    width: 100% !important; height: 4px !important;
    background-color: var(--lt-gold) !important;
    transition: background-color 0.3s ease !important;
}

.law-exp-card:hover {
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3) !important;
    transform: translateY(-8px) !important;
}
.law-exp-card:hover::before { background-color: var(--lt-brand-blue) !important; }

/* 圖示 */
.law-icon-circle {
    width: 65px !important;
    height: 65px !important;
    background-color: rgba(197, 160, 89, 0.1) !important;
    border-radius: 50% !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    margin: 0 auto 20px auto !important;
    transition: all 0.3s ease !important;
}
.law-icon-circle svg { width: 28px !important; height: 28px !important; color: var(--lt-gold) !important; }
.law-exp-card:hover .law-icon-circle { background-color: var(--lt-brand-blue) !important; }
.law-exp-card:hover .law-icon-circle svg { color: #ffffff !important; }

.law-exp-card h3 { 
    font-size: 19px !important; 
    color: var(--lt-navy) !important; 
    font-weight: 700 !important; 
    margin: 0 0 15px 0 !important; 
    line-height: 1.3 !important;
    word-wrap: break-word !important; 
}
.law-exp-card p { 
    font-size: 14px !important; 
    color: var(--lt-text-muted) !important; 
    margin: 0 0 25px 0 !important; 
    line-height: 1.5 !important; 
    flex-grow: 1 !important;
}

.law-view-profile {
    display: inline-block !important;
    font-size: 13px !important;
    color: var(--lt-brand-blue) !important;
    font-weight: 600 !important;
    transition: color 0.3s ease !important;
}

.law-exp-card:hover .law-view-profile { color: var(--lt-gold) !important; }
.law-view-profile span { transition: transform 0.3s ease !important; display: inline-block !important; }
.law-exp-card:hover .law-view-profile span { transform: translateX(4px) !important; }

/* ================= 3. Expertise 彈出視窗 (黑科技 :has) ================= */
.law-exp-modal {
    position: fixed !important;
    top: 0 !important; left: 0 !important;
    width: 100vw !important; height: 100vh !important;
    background: transparent !important; 
    z-index: 9999999 !important;
    opacity: 0 !important;
    visibility: hidden !important;
    transition: opacity 0.3s ease, visibility 0.3s ease !important;
    pointer-events: none !important;
}

/* ⚡ 導彈追蹤顯示 */
body:has(#exp-toggle-1:checked) .modal-exp-1,
body:has(#exp-toggle-2:checked) .modal-exp-2,
body:has(#exp-toggle-3:checked) .modal-exp-3,
body:has(#exp-toggle-4:checked) .modal-exp-4 {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
}

/* 點擊透明背景關閉 */
.law-modal-overlay {
    position: absolute !important;
    top: 0 !important; left: 0 !important;
    width: 100% !important; height: 100% !important;
    cursor: default !important;
    z-index: 1 !important;
}

.law-exp-modal-body {
    position: absolute !important;
    top: 50% !important; left: 50% !important;
    transform: translate(-50%, -45%) !important;
    background: #ffffff !important;
    width: 90% !important;
    max-width: 800px !important;
    max-height: 85vh !important;
    overflow-y: auto !important;
    border-radius: 8px !important;
    box-shadow: 0 25px 60px rgba(0,0,0,0.4) !important; 
    box-sizing: border-box !important;
    z-index: 2 !important; 
    transition: transform 0.3s ease !important;
}

body:has(#exp-toggle-1:checked) .modal-exp-1 .law-exp-modal-body,
body:has(#exp-toggle-2:checked) .modal-exp-2 .law-exp-modal-body,
body:has(#exp-toggle-3:checked) .modal-exp-3 .law-exp-modal-body,
body:has(#exp-toggle-4:checked) .modal-exp-4 .law-exp-modal-body {
    transform: translate(-50%, -50%) !important;
}

/* X 關閉按鈕 */
label.law-modal-close {
    position: absolute !important;
    top: 25px !important; right: 30px !important;
    font-size: 32px !important; 
    color: #ffffff !important; 
    cursor: pointer !important;
    line-height: 1 !important;
    transition: color 0.2s ease !important;
    z-index: 10 !important;
}
label.law-modal-close:hover { color: var(--lt-gold) !important; }

/* 視窗內部排版 */
.law-modal-head {
    background-color: var(--lt-brand-blue) !important; 
    padding: 40px 50px !important;
    text-align: left !important;
    border-radius: 8px 8px 0 0 !important;
}
.law-modal-head h2 { font-size: 32px !important; color: #ffffff !important; margin: 0 0 5px 0 !important; }
.law-modal-title { color: var(--lt-gold) !important; font-size: 16px !important; margin: 0 !important; font-weight: 600 !important; letter-spacing: 1px !important; text-transform: uppercase !important; }
.law-modal-content { padding: 40px 50px !important; text-align: left !important; }

/* 實績清單專屬設計 */
.law-exp-list {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}
.law-exp-list li {
    font-size: 15px !important;
    line-height: 1.8 !important;
    color: var(--lt-text-muted) !important;
    margin-bottom: 20px !important;
    position: relative !important;
    padding-left: 25px !important;
    text-align: justify !important;
}
.law-exp-list li::before {
    content: "■" !important;
    position: absolute !important;
    left: 0 !important;
    top: 6px !important;
    color: var(--lt-gold) !important;
    font-size: 10px !important;
}

/* ================= 響應式 RWD ================= */
@media (max-width: 1024px) {
    /* 平板變雙欄 */
    .law-exp-grid { grid-template-columns: repeat(2, 1fr) !important; }
}
@media (max-width: 768px) {
    /* 手機變單欄 */
    .law-exp-grid { grid-template-columns: 1fr !important; }
    .law-exp-modal-body { width: 95% !important; max-height: 90vh !important; }
    .law-modal-head, .law-modal-content { padding: 30px !important; }
}

/* 案件類型標籤樣式 (微調為更精緻的圓角標籤) */
.law-exp-tag {
    display: inline-block !important;
    background-color: var(--lt-brand-blue) !important;
    color: var(--lt-gold) !important;
    font-size: 10px !important; /* 稍微縮小讓它更像標註 */
    font-weight: 700 !important;
    text-transform: uppercase !important;
    padding: 1px 6px !important;
    border-radius: 3px !important;
    margin-right: 8px !important;
    vertical-align: middle !important;
    letter-spacing: 0.5px !important;
    line-height: 1.4 !important;
}

/* 修正清單排版，將點點與標籤並列 */
.law-exp-list li {
    font-size: 15px !important;
    line-height: 1.8 !important;
    color: var(--lt-text-muted) !important;
    margin-bottom: 20px !important;
    position: relative !important;
    padding-left: 25px !important; /* 保留點點空間 */
    text-align: justify !important;
}

/* 點點設計 */
.law-exp-list li::before {
    content: "■" !important;
    position: absolute !important;
    left: 0 !important;
    top: 6px !important;
    color: var(--lt-gold) !important;
    font-size: 10px !important;
}

/*Contact 彈出視窗 */
/* ================= ⚡ 成功送出彈出視窗樣式 ================= */
.law-success-modal {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: 100vw !important;
    height: 100vh !important;
    background-color: rgba(26, 33, 45, 0.85) !important; 
    z-index: 9999999 !important;
    /* ⚡ 刪除了這層強制顯示的屬性，讓 JS 可以正常控制隱藏與顯示 */
    justify-content: center !important;
    align-items: center !important;
    backdrop-filter: blur(5px) !important; 
}

/* 視窗本體的 CSS 不變，如果你剛剛全貼也可以直接覆蓋這段確認 */
.law-success-content {
    background-color: #ffffff !important;
    padding: 50px 40px !important;
    border-radius: 8px !important;
    text-align: center !important;
    max-width: 420px !important;
    width: 90% !important;
    box-shadow: 0 25px 50px rgba(0,0,0,0.25) !important;
    box-sizing: border-box !important;
    animation: lawModalPop 0.4s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.law-success-content svg {
    width: 60px !important;
    height: 60px !important;
    color: var(--lh-gold) !important;
    margin-bottom: 20px !important;
}

.law-success-content h3 {
    color: var(--lh-dark-morandi) !important;
    font-size: 28px !important;
    font-weight: 700 !important;
    margin: 0 0 15px 0 !important;
}

.law-success-content p {
    color: #64748b !important;
    font-size: 16px !important;
    line-height: 1.6 !important;
    margin: 0 0 30px 0 !important;
}

/* 彈出動畫 */
@keyframes lawModalPop {
    0% { transform: translateY(20px) scale(0.95); opacity: 0; }
    100% { transform: translateY(0) scale(1); opacity: 1; }
}

@media (max-width: 768px) {
    /* 鎖定所有彈出視窗內的段落與清單，強制解除左右對齊 */
    html body .law-team-modal-body p,
    html body .law-team-modal-body li,
    html body .law-detail-section p,
    html body .law-pub-list li {
        text-align: left !important;
        text-justify: auto !important;
        word-spacing: normal !important;
        letter-spacing: normal !important;
    }
}

#kubio .style-cIeUkhHVunK-outer .wp-block-kubio-navigation-section__nav{animation-duration:0.5s;padding-top:15px;padding-bottom:15px;padding-left:20px;padding-right:20px;background-color:unset;background-image:none;}#kubio .style-cIeUkhHVunK-outer .h-navigation_sticky:not(.extra-1).wp-block-kubio-navigation-section__nav{padding-top:10px;padding-bottom:10px;background-color:#ffffff;box-shadow:0px 0px 10px 0px rgba(23, 25, 39, 0.1) ;}#kubio .style-Qgam80_2G0z-inner{text-align:center;height:auto;min-height:unset;}#kubio .style-Qgam80_2G0z-container{height:auto;min-height:unset;}#kubio .h-navigation_sticky:not(.extra-1) .style-Qgam80_2G0z-inner{text-align:left;}#kubio .style-gUt9D-fEQtX-container{justify-content:center;align-items:center;gap:10px;--kubio-gap-fallback:10px;text-decoration:none;}#kubio .style-gUt9D-fEQtX-container .kubio-logo-image{max-height:70px;}#kubio .style-gUt9D-fEQtX-image{max-height:70px;}#kubio .style-gUt9D-fEQtX-text{font-weight:700;font-size:20px;color:#d5d8dd;}#kubio .h-navigation_sticky:not(.extra-1) .style-gUt9D-fEQtX-container{justify-content:flex-start;align-items:flex-start;}#kubio .style-TzowGKN3cL-inner{text-align:center;}#kubio .style-TzowGKN3cL-container{height:auto;min-height:unset;}#kubio .style-xsqwbrTq60-container{height:50px;}#kubio .style-nPkELGIt8wy-inner{text-align:center;height:auto;min-height:unset;}#kubio .style-nPkELGIt8wy-container{height:auto;min-height:unset;}#kubio .h-navigation_sticky:not(.extra-1) .style-nPkELGIt8wy-inner{text-align:right;}#kubio .style-KIxdRfMtQNw-outer.bordered-active-item > .kubio-menu > ul > li::before,#kubio .style-KIxdRfMtQNw-outer.bordered-active-item > .kubio-menu > ul > li::after{background-color:#c5a059;height:3px;}#kubio .style-KIxdRfMtQNw-outer.solid-active-item > .kubio-menu > ul > li::before,#kubio .style-KIxdRfMtQNw-outer.solid-active-item > .kubio-menu > ul > li::after{background-color:white;border-top-left-radius:0%;border-top-right-radius:0%;border-bottom-left-radius:0%;border-bottom-right-radius:0%;}#kubio .style-KIxdRfMtQNw-outer > .kubio-menu > ul{justify-content:center;gap:40px;--kubio-gap-fallback:40px;}#kubio .style-KIxdRfMtQNw-outer > .kubio-menu  > ul > li > a{font-weight:600;font-size:14px;line-height:1.5em;letter-spacing:0px;text-decoration:none;text-transform:uppercase;color:rgba(var(--kubio-color-5),1);padding-top:10px;padding-bottom:10px;padding-left:0px;padding-right:0px;}#kubio .style-KIxdRfMtQNw-outer > .kubio-menu  > ul > li > a:hover,#kubio .style-KIxdRfMtQNw-outer > .kubio-menu > ul > li > a.hover{color:#c5a059;}#kubio .style-KIxdRfMtQNw-outer > .kubio-menu > ul > li.current-menu-item > a,#kubio .style-KIxdRfMtQNw-outer > .kubio-menu > ul > li.current_page_item > a{color:#c5a059;}#kubio .style-KIxdRfMtQNw-outer > .kubio-menu  > ul > li > a > svg{padding-left:5px;padding-right:5px;}#kubio .style-KIxdRfMtQNw-outer > .kubio-menu  li > ul{background-color:#ffffff;margin-left:5px;margin-right:5px;box-shadow:0px 0px 5px 2px rgba(0, 0, 0, 0.04) ;}#kubio .style-KIxdRfMtQNw-outer > .kubio-menu  li > ul > li> a{font-size:14px;text-decoration:none;color:rgba(var(--kubio-color-6-variant-3),1);padding-top:10px;padding-bottom:10px;padding-left:20px;padding-right:20px;border-bottom-color:rgba(128,128,128,.2);border-bottom-width:1px;border-bottom-style:solid;background-color:rgb(255, 255, 255);}#kubio .style-KIxdRfMtQNw-outer > .kubio-menu  li > ul > li > a:hover,#kubio .style-KIxdRfMtQNw-outer > .kubio-menu  li > ul > li > a.hover{color:rgb(255, 255, 255);background-color:rgba(var(--kubio-color-1),1);}#kubio .style-KIxdRfMtQNw-outer > .kubio-menu li > ul > li.current-menu-item > a,#kubio .style-KIxdRfMtQNw-outer > .kubio-menu  li > ul > li.current_page_item > a{color:rgb(255, 255, 255);background-color:rgba(var(--kubio-color-1),1);}#kubio .style-KIxdRfMtQNw-outer > .kubio-menu > ul > li > ul{margin-top:0px;}#kubio .style-KIxdRfMtQNw-outer > .kubio-menu > ul > li > ul:before{height:0px;width:100%;}#kubio .h-navigation_sticky:not(.extra-1) .style-KIxdRfMtQNw-outer > .kubio-menu > ul{justify-content:flex-end;}#kubio .style-hysNbIJ4L9q-icon{background-color:rgba(0, 0, 0, 0.1);border-top-color:black;border-top-width:0px;border-top-style:solid;border-right-color:black;border-right-width:0px;border-right-style:solid;border-bottom-color:black;border-bottom-width:0px;border-bottom-style:solid;border-left-color:black;border-left-width:0px;border-left-style:solid;border-top-left-radius:100%;border-top-right-radius:100%;border-bottom-left-radius:100%;border-bottom-right-radius:100%;fill:white;padding-top:5px;padding-bottom:5px;padding-left:5px;padding-right:5px;width:24px;height:24px;}.style-hysNbIJ4L9q-offscreen{background-color:rgba(var(--kubio-color-6),1);width:300px !important;}.style-hysNbIJ4L9q-offscreenOverlay{background-color:rgba(0,0,0,0.5);}#kubio .style-lzwfd2yMR2T-inner{text-align:left;}#kubio .style-lzwfd2yMR2T-container{height:auto;min-height:unset;}#kubio .style-FrLlEEpPHMy-container{align-items:flex-start;justify-content:flex-start;gap:10px;--kubio-gap-fallback:10px;text-decoration:none;}#kubio .style-FrLlEEpPHMy-container .kubio-logo-image{max-height:70px;}#kubio .style-FrLlEEpPHMy-image{max-height:70px;}#kubio .style-MvtkHeFOAnQ-outer > .kubio-menu > ul{--kubio-accordion-menu-offset:10px;}#kubio .style-MvtkHeFOAnQ-outer > .kubio-menu  > ul > li > a{font-size:14px;text-decoration:none;color:rgba(var(--kubio-color-5),1);border-top-color:#808080;border-right-color:#808080;border-bottom-color:#808080;border-bottom-width:1px;border-bottom-style:solid;border-left-color:#808080;padding-top:12px;padding-bottom:12px;padding-left:40px;}#kubio .style-MvtkHeFOAnQ-outer > .kubio-menu  > ul > li > a:hover,#kubio .style-MvtkHeFOAnQ-outer > .kubio-menu > ul > li > a.hover{color:rgba(var(--kubio-color-1),1);}#kubio .style-MvtkHeFOAnQ-outer > .kubio-menu > ul > li.current-menu-item > a,#kubio .style-MvtkHeFOAnQ-outer > .kubio-menu > ul > li.current_page_item > a{color:rgba(var(--kubio-color-1),1);}#kubio .style-MvtkHeFOAnQ-outer > .kubio-menu  > ul > li > a > svg{padding-left:20px;padding-right:20px;}#kubio .style-MvtkHeFOAnQ-outer > .kubio-menu  li > ul > li> a{border-top-color:#808080;border-right-color:#808080;border-bottom-color:#808080;border-bottom-width:1px;border-bottom-style:solid;border-left-color:#808080;padding-top:12px;padding-bottom:12px;padding-left:40px;font-size:14px;text-decoration:none;}#kubio .style-MvtkHeFOAnQ-outer > .kubio-menu  li > ul > li > a > svg{padding-left:20px;padding-right:20px;}#kubio .style-PsHuKaTBVuB-inner{text-align:center;}#kubio .style-PsHuKaTBVuB-container{height:auto;min-height:unset;}#kubio .style-nbQFw1oIGwx-outer p{color:rgba(var(--kubio-color-5),0.4);}#kubio .style-j9dWF1B3Im-outer{height:auto;min-height:unset;background-color:#2a3b52;background-image:none;padding-top:200px;padding-bottom:154px;}#kubio .style-6xte212DkB-inner{text-align:right;height:auto;min-height:unset;}#kubio .style-6xte212DkB-container{height:auto;min-height:unset;}#kubio .wp-block.wp-block-kubio-heading__text.style-5tdFx2xrh9-text{color:#c5a059;}#kubio .wp-block.wp-block-kubio-heading__text.style-5tdFx2xrh9-text .text-wrapper-fancy svg path{stroke:#000000;stroke-linejoin:initial;stroke-linecap:initial;stroke-width:8px;}#kubio .wp-block.wp-block-kubio-heading__text.style-baa1_9VEYL-text{color:rgba(var(--kubio-color-5),1);}#kubio .wp-block.wp-block-kubio-heading__text.style-baa1_9VEYL-text .text-wrapper-fancy svg path{stroke:#000000;stroke-linejoin:initial;stroke-linecap:initial;stroke-width:8px;}#kubio p.wp-block.wp-block-kubio-text__text.style-11fzyPTPTf-text{color:#c5a059;}#kubio p.wp-block.wp-block-kubio-text__text.style-WsB4r0Kze0r-text{color:#d4e2e5;}#kubio .style-8WsDkgyg8x6-outer a.style-8WsDkgyg8x6-link{text-align:center;background-color:#c5a059;border-top-color:#c5a059;border-top-width:2px;border-top-style:solid;border-right-color:#c5a059;border-right-width:2px;border-right-style:solid;border-bottom-color:#c5a059;border-bottom-width:2px;border-bottom-style:solid;border-left-color:#c5a059;border-left-width:2px;border-left-style:solid;border-top-left-radius:5px;border-top-right-radius:5px;border-bottom-left-radius:5px;border-bottom-right-radius:5px;padding-top:12px;padding-bottom:12px;padding-left:24px;padding-right:24px;text-decoration:none;color:#fff;justify-content:center;}#kubio .style-8WsDkgyg8x6-outer a.style-8WsDkgyg8x6-link:hover{background-color:rgba(var(--kubio-color-1-variant-4),1);border-top-color:rgba(var(--kubio-color-1-variant-4),1);border-right-color:rgba(var(--kubio-color-1-variant-4),1);border-bottom-color:rgba(var(--kubio-color-1-variant-4),1);border-left-color:rgba(var(--kubio-color-1-variant-4),1);}#kubio a.style-8WsDkgyg8x6-link .style-8WsDkgyg8x6-icon{width:12px;height:12px;min-width:12px;min-height:12px;margin-left:10px;margin-right:0px;}#kubio .style-Np8w7sW9lu-outer a.style-Np8w7sW9lu-link{text-align:center;background-color:#c5a059;border-top-color:#c5a059;border-top-width:2px;border-top-style:solid;border-right-color:#c5a059;border-right-width:2px;border-right-style:solid;border-bottom-color:#c5a059;border-bottom-width:2px;border-bottom-style:solid;border-left-color:#c5a059;border-left-width:2px;border-left-style:solid;border-top-left-radius:5px;border-top-right-radius:5px;border-bottom-left-radius:5px;border-bottom-right-radius:5px;padding-top:12px;padding-bottom:12px;padding-left:24px;padding-right:24px;text-decoration:none;color:#fff;justify-content:center;}#kubio .style-Np8w7sW9lu-outer a.style-Np8w7sW9lu-link:hover{background-color:rgba(var(--kubio-color-1-variant-4),1);border-top-color:rgba(var(--kubio-color-1-variant-4),1);border-right-color:rgba(var(--kubio-color-1-variant-4),1);border-bottom-color:rgba(var(--kubio-color-1-variant-4),1);border-left-color:rgba(var(--kubio-color-1-variant-4),1);}#kubio a.style-Np8w7sW9lu-link .style-Np8w7sW9lu-icon{width:12px;height:12px;min-width:12px;min-height:12px;margin-left:10px;margin-right:0px;}#kubio .style-eqAIrg58FWH-inner{text-align:center;min-height:400px;background-color:rgba(var(--kubio-color-5),1);background-image:url("https://www.lexipl.com/1/wp-content/uploads/2026/05/about1.jpg");background-size:cover;background-position:50% 50%;background-attachment:scroll;background-repeat:no-repeat;border-top-color:rgba(var(--kubio-color-5),1);border-top-width:6px;border-top-style:solid;border-right-color:rgba(var(--kubio-color-5),1);border-right-width:6px;border-right-style:solid;border-bottom-color:rgba(var(--kubio-color-5),1);border-bottom-width:6px;border-bottom-style:solid;border-left-color:rgba(var(--kubio-color-5),1);border-left-width:6px;border-left-style:solid;border-top-left-radius:6px;border-top-right-radius:6px;border-bottom-left-radius:6px;border-bottom-right-radius:6px;box-shadow:0px 19px 38px 0px rgba(0, 0, 0, 0.16) ;}#kubio .style-eqAIrg58FWH-container{height:auto;min-height:unset;}#kubio .style-vhz6sax1uo-inner{text-align:center;}#kubio .style-vhz6sax1uo-container{height:auto;min-height:unset;}#kubio p.wp-block.wp-block-kubio-text__text.style-YK0AwAI-s8-text{text-align:left;color:#c5a059;}#kubio p.wp-block.wp-block-kubio-text__text.style-v_acOKV_ko-text{text-align:left;}#kubio .style-GxDWxdPQT-inner{text-align:center;}#kubio .style-GxDWxdPQT-container{height:auto;min-height:unset;}#kubio .wp-block.wp-block-kubio-heading__text.style--kkFjQ8mmN-text{text-align:left;}#kubio .wp-block.wp-block-kubio-heading__text.style--kkFjQ8mmN-text .text-wrapper-fancy svg path{stroke:#000000;stroke-linejoin:initial;stroke-linecap:initial;stroke-width:8px;}#kubio .wp-block.wp-block-kubio-heading__text.style-XALQc5Nj4G-text{text-align:left;}#kubio .wp-block.wp-block-kubio-heading__text.style-XALQc5Nj4G-text .text-wrapper-fancy svg path{stroke:#000000;stroke-linejoin:initial;stroke-linecap:initial;stroke-width:8px;}#kubio p.wp-block.wp-block-kubio-text__text.style-ySqIXbpO-u-text{text-align:left;font-size:14px;}#kubio .wp-block.wp-block-kubio-heading__text.style-Ugt9scmLdZ-text{text-align:left;}#kubio .wp-block.wp-block-kubio-heading__text.style-Ugt9scmLdZ-text .text-wrapper-fancy svg path{stroke:#000000;stroke-linejoin:initial;stroke-linecap:initial;stroke-width:8px;}#kubio p.wp-block.wp-block-kubio-text__text.style--phnGqRKDO-text{font-size:14px;text-align:left;}#kubio p.wp-block.wp-block-kubio-text__text.style-SkAeV5xh5Y-text{text-align:left;font-size:14px;}#kubio p.wp-block.wp-block-kubio-text__text.style-XNY1jZy-OQ-text{text-align:left;font-size:14px;}#kubio p.wp-block.wp-block-kubio-text__text.style-YeznTVai4X-text{text-align:left;font-size:14px;}#kubio .style-d8DzB10XfL-inner{text-align:center;}#kubio .style-d8DzB10XfL-container{height:auto;min-height:unset;}#kubio .style-Ml8OzqDNWv-outer{background-color:#2a3b52;}#kubio .style-zlzPrsmI3p-inner{text-align:center;}#kubio .style-zlzPrsmI3p-container{height:auto;min-height:unset;}#kubio .style-Md7UE4ZBkX-inner{text-align:center;}#kubio .style-Md7UE4ZBkX-container{height:auto;min-height:unset;}#kubio .style-vP0mYzy99sE-outer{padding-top:0px;padding-bottom:0px;background-color:rgba(var(--kubio-color-5),1);}body:not(.extra-1) .style-vP0mYzy99sE-outer a,body:not(.extra-1) .style-vP0mYzy99sE-outer a[data-kubio]{color:rgba(var(--kubio-color-1),1);}body:not(.extra-1) .style-vP0mYzy99sE-outer a:hover,body:not(.extra-1) .style-vP0mYzy99sE-outer a[data-kubio]:hover{color:rgba(var(--kubio-color-1-variant-2),1);}#kubio .style-nJpox2eRXHV-inner{text-align:center;}#kubio .style-nJpox2eRXHV-container{text-align:center;height:auto;min-height:unset;}#kubio .style-local-5-container{flex:0 0 auto;ms-flex:0 0 auto;width:auto;max-width:100%;}#kubio .style-local-7-container{flex:1 1 0;ms-flex:1 1 0%;max-width:100%;}#kubio .style-local-9-container{flex:0 0 auto;ms-flex:0 0 auto;width:auto;max-width:100%;}#kubio .style-local-15-container{flex:1 1 0;ms-flex:1 1 0%;max-width:100%;}#kubio .style-local-20-container{flex:0 0 auto;-ms-flex:0 0 auto;}#kubio .style-local-24-container{width:50%;flex:0 0 auto;-ms-flex:0 0 auto;}#kubio .style-local-32-container{width:50%;flex:0 0 auto;-ms-flex:0 0 auto;}#kubio .style-local-35-container{width:43.2%;flex:0 0 auto;-ms-flex:0 0 auto;}#kubio .style-local-38-container{width:52.74%;flex:0 0 auto;-ms-flex:0 0 auto;}#kubio .style-local-50-container{width:4.06%;flex:0 0 auto;-ms-flex:0 0 auto;}#kubio .style-local-53-container{width:100%;flex:0 0 auto;-ms-flex:0 0 auto;}#kubio .style-local-54-container{width:50%;flex:0 0 auto;-ms-flex:0 0 auto;}#kubio .style-local-58-container{flex:0 0 auto;-ms-flex:0 0 auto;}.h-y-container > *:not(:last-child),.h-x-container-inner > *{margin-bottom:20px;}.h-x-container-inner,.h-column__content > .h-x-container > *:last-child,.h-y-container > .kubio-block-inserter{margin-bottom:-20px;}.h-x-container-inner{margin-left:-10px;margin-right:-10px;}.h-x-container-inner > *{padding-left:10px;padding-right:10px;}[data-kubio] a:not([class*=wp-block-button]):not([class*=wp-element-button]),.with-kubio-global-style a:not([class*=wp-block-button]):not([class*=wp-element-button]),a:not([class*=wp-block-button]):not([class*=wp-element-button])[data-kubio],.wp-block-woocommerce-mini-cart-contents a:not([class*=wp-block-button]):not([class*=wp-element-button]){font-family:Mulish,Helvetica, Arial, Sans-Serif, serif;font-weight:600;font-size:1em;line-height:1.5;text-decoration:none;color:rgba(var(--kubio-color-1),1);}[data-kubio] a:not([class*=wp-block-button]):not([class*=wp-element-button]):hover,.with-kubio-global-style a:not([class*=wp-block-button]):not([class*=wp-element-button]):hover,a:not([class*=wp-block-button]):not([class*=wp-element-button])[data-kubio]:hover,.wp-block-woocommerce-mini-cart-contents a:not([class*=wp-block-button]):not([class*=wp-element-button]):hover{color:rgba(var(--kubio-color-1-variant-4),1);}[data-kubio] h1,.with-kubio-global-style h1,h1[data-kubio],.wp-block-woocommerce-mini-cart-contents h1{font-family:Mulish,Helvetica, Arial, Sans-Serif, serif;font-weight:700;font-size:5.5em;line-height:1.26;text-transform:none;color:rgba(var(--kubio-color-6),1);}[data-kubio] h2,.with-kubio-global-style h2,h2[data-kubio],.wp-block-woocommerce-mini-cart-contents h2{font-family:Mulish,Helvetica, Arial, Sans-Serif, serif;font-weight:700;font-size:3em;line-height:1.143;text-transform:none;color:rgba(var(--kubio-color-6),1);}[data-kubio] h3,.with-kubio-global-style h3,h3[data-kubio],.wp-block-woocommerce-mini-cart-contents h3{font-family:Mulish,Helvetica, Arial, Sans-Serif, serif;font-weight:700;font-size:1.8em;line-height:1.25;text-transform:none;color:rgba(var(--kubio-color-6),1);}[data-kubio] h4,.with-kubio-global-style h4,h4[data-kubio],.wp-block-woocommerce-mini-cart-contents h4{font-family:Mulish,Helvetica, Arial, Sans-Serif, serif;font-weight:500;font-size:1.4em;line-height:1.4;text-transform:none;color:rgba(var(--kubio-color-6),1);}[data-kubio] h5,.with-kubio-global-style h5,h5[data-kubio],.wp-block-woocommerce-mini-cart-contents h5{font-family:Mulish,Helvetica, Arial, Sans-Serif, serif;font-weight:400;font-size:1.125em;line-height:1.4;text-transform:none;color:rgba(var(--kubio-color-6),1);}[data-kubio] h6,.with-kubio-global-style h6,h6[data-kubio],.wp-block-woocommerce-mini-cart-contents h6{font-family:Mulish,Helvetica, Arial, Sans-Serif, serif;font-weight:400;font-size:0.9em;line-height:1.4;letter-spacing:1px;text-transform:uppercase;color:rgba(var(--kubio-color-1),1);}[data-kubio],.with-kubio-global-style,[data-kubio] p,.with-kubio-global-style p,p[data-kubio],.wp-block-woocommerce-mini-cart-contents{font-family:Mulish,Helvetica, Arial, Sans-Serif, serif;font-weight:300;font-size:16px;line-height:1.4;text-transform:none;color:rgba(var(--kubio-color-6-variant-4),1);}[data-kubio] .h-lead,.with-kubio-global-style .h-lead,.h-lead[data-kubio]{font-family:Mulish,Helvetica, Arial, Sans-Serif, serif;font-weight:400;font-size:1.2em;line-height:1.5;text-transform:none;color:rgba(var(--kubio-color-6),1);}div.h-section-global-spacing{padding-top:100px;padding-bottom:100px;}.h-global-transition,.h-global-transition-all,.h-global-transition-all *{transition-duration:1s;}[data-kubio] input[type='color'],[data-kubio] input[type='date'],[data-kubio] input[type='datetime'],[data-kubio] input[type='datetime-local'],[data-kubio] input[type='email'],[data-kubio] input[type='month'],[data-kubio] input[type='number'],[data-kubio] input[type='password'],[data-kubio] input[type='search'],[data-kubio] input[type='tel'],[data-kubio] input[type='text'],[data-kubio] input[type='url'],[data-kubio] input[type='week'],[data-kubio] input[type='time'],[data-kubio] input:not([type]),[data-kubio] textarea,[data-kubio] select{font-family:Syne,Helvetica, Arial, Sans-Serif, serif;font-weight:400;font-size:16px;line-height:1.6;text-transform:none;background-color:rgba(var(--kubio-color-5),1);border-top-color:rgba(var(--kubio-color-5-variant-2),1);border-top-width:1px;border-top-style:solid;border-right-color:rgba(var(--kubio-color-5-variant-2),1);border-right-width:1px;border-right-style:solid;border-bottom-color:rgba(var(--kubio-color-5-variant-2),1);border-bottom-width:1px;border-bottom-style:solid;border-left-color:rgba(var(--kubio-color-5-variant-2),1);border-left-width:1px;border-left-style:solid;border-top-left-radius:4px;border-top-right-radius:4px;border-bottom-left-radius:4px;border-bottom-right-radius:4px;padding-top:4px;padding-bottom:4px;padding-left:10px;padding-right:10px;margin-bottom:10px;}[data-kubio] input[type='color']:hover,[data-kubio] input[type='date']:hover,[data-kubio] input[type='datetime']:hover,[data-kubio] input[type='datetime-local']:hover,[data-kubio] input[type='email']:hover,[data-kubio] input[type='month']:hover,[data-kubio] input[type='number']:hover,[data-kubio] input[type='password']:hover,[data-kubio] input[type='search']:hover,[data-kubio] input[type='tel']:hover,[data-kubio] input[type='text']:hover,[data-kubio] input[type='url']:hover,[data-kubio] input[type='week']:hover,[data-kubio] input[type='time']:hover,[data-kubio] input:not([type]):hover,[data-kubio] textarea:hover,[data-kubio] select:hover{color:rgba(var(--kubio-color-6),1);border-top-color:rgba(var(--kubio-color-6-variant-1),1);border-right-color:rgba(var(--kubio-color-6-variant-1),1);border-bottom-color:rgba(var(--kubio-color-6-variant-1),1);border-left-color:rgba(var(--kubio-color-6-variant-1),1);}[data-kubio] input[type='color']:focus,[data-kubio] input[type='date']:focus,[data-kubio] input[type='datetime']:focus,[data-kubio] input[type='datetime-local']:focus,[data-kubio] input[type='email']:focus,[data-kubio] input[type='month']:focus,[data-kubio] input[type='number']:focus,[data-kubio] input[type='password']:focus,[data-kubio] input[type='search']:focus,[data-kubio] input[type='tel']:focus,[data-kubio] input[type='text']:focus,[data-kubio] input[type='url']:focus,[data-kubio] input[type='week']:focus,[data-kubio] input[type='time']:focus,[data-kubio] input:not([type]):focus,[data-kubio] textarea:focus,[data-kubio] select:focus{color:rgba(var(--kubio-color-6),1);border-top-color:rgba(var(--kubio-color-1),1);border-right-color:rgba(var(--kubio-color-1),1);border-bottom-color:rgba(var(--kubio-color-1),1);border-left-color:rgba(var(--kubio-color-1),1);}[data-kubio] input[type='button'],[data-kubio] button:where(:not(.wp-block-accordion-heading__toggle):not(.wp-block-navigation-submenu__toggle):not(.wc-block-mini-cart__button):not(.wp-block-woocommerce-accordion-header .accordion-item__toggle)){background-color:rgba(var(--kubio-color-1),1);border-top-color:rgba(var(--kubio-color-1),1);border-top-width:2px;border-top-style:solid;border-right-color:rgba(var(--kubio-color-1),1);border-right-width:2px;border-right-style:solid;border-bottom-color:rgba(var(--kubio-color-1),1);border-bottom-width:2px;border-bottom-style:solid;border-left-color:rgba(var(--kubio-color-1),1);border-left-width:2px;border-left-style:solid;border-top-left-radius:4px;border-top-right-radius:4px;border-bottom-left-radius:4px;border-bottom-right-radius:4px;font-family:Syne,Helvetica, Arial, Sans-Serif, serif;font-weight:400;color:rgba(var(--kubio-color-5),1);padding-top:8px;padding-bottom:8px;padding-left:25px;padding-right:24px;}[data-kubio] input[type='button']:hover,[data-kubio] button:where(:not(.wp-block-accordion-heading__toggle):not(.wp-block-navigation-submenu__toggle):not(.wc-block-mini-cart__button):not(.wp-block-woocommerce-accordion-header .accordion-item__toggle)):hover{background-color:rgba(var(--kubio-color-1-variant-4),1);border-top-color:rgba(var(--kubio-color-1-variant-4),1);border-right-color:rgba(var(--kubio-color-1-variant-4),1);border-bottom-color:rgba(var(--kubio-color-1-variant-4),1);border-left-color:rgba(var(--kubio-color-1-variant-4),1);}[data-kubio] input[type='button']:disabled,[data-kubio] button:where(:not(.wp-block-accordion-heading__toggle):not(.wp-block-navigation-submenu__toggle):not(.wc-block-mini-cart__button):not(.wp-block-woocommerce-accordion-header .accordion-item__toggle)):disabled,[data-kubio] input[type='button'][disabled],[data-kubio] button:where(:not(.wp-block-accordion-heading__toggle):not(.wp-block-navigation-submenu__toggle):not(.wc-block-mini-cart__button):not(.wp-block-woocommerce-accordion-header .accordion-item__toggle))[disabled]{background-color:rgba(var(--kubio-color-5-variant-2),1);border-top-color:rgba(var(--kubio-color-5-variant-2),1);border-right-color:rgba(var(--kubio-color-5-variant-2),1);border-bottom-color:rgba(var(--kubio-color-5-variant-2),1);border-left-color:rgba(var(--kubio-color-5-variant-2),1);color:rgba(var(--kubio-color-5-variant-3),1);}[data-kubio] input[type='submit'],[data-kubio] button[type='submit']{border-top-color:rgba(var(--kubio-color-1),1);border-top-width:2px;border-top-style:solid;border-right-color:rgba(var(--kubio-color-1),1);border-right-width:2px;border-right-style:solid;border-bottom-color:rgba(var(--kubio-color-1),1);border-bottom-width:2px;border-bottom-style:solid;border-left-color:rgba(var(--kubio-color-1),1);border-left-width:2px;border-left-style:solid;border-top-left-radius:4px;border-top-right-radius:4px;border-bottom-left-radius:4px;border-bottom-right-radius:4px;font-family:Syne,Helvetica, Arial, Sans-Serif, serif;font-weight:400;color:rgba(var(--kubio-color-5),1);padding-top:8px;padding-bottom:8px;padding-left:25px;padding-right:24px;background-color:rgba(var(--kubio-color-1),1);}[data-kubio] input[type='submit']:hover,[data-kubio] button[type='submit']:hover{border-top-color:rgba(var(--kubio-color-1-variant-4),1);border-right-color:rgba(var(--kubio-color-1-variant-4),1);border-bottom-color:rgba(var(--kubio-color-1-variant-4),1);border-left-color:rgba(var(--kubio-color-1-variant-4),1);background-color:rgba(var(--kubio-color-1-variant-4),1);}[data-kubio] input[type='submit']:disabled,[data-kubio] input[type='submit'][disabled],[data-kubio] button[type='submit']:disabled,[data-kubio] button[type='submit'][disabled]{border-top-color:rgba(var(--kubio-color-5-variant-2),1);border-right-color:rgba(var(--kubio-color-5-variant-2),1);border-bottom-color:rgba(var(--kubio-color-5-variant-2),1);border-left-color:rgba(var(--kubio-color-5-variant-2),1);color:rgba(var(--kubio-color-5-variant-3),1);background-color:rgba(var(--kubio-color-5-variant-2),1);}[data-kubio] input[type='reset'],[data-kubio] button[type='reset']{background-color:rgba(var(--kubio-color-1-variant-1),1);border-top-color:rgba(var(--kubio-color-1-variant-1),1);border-top-width:2px;border-top-style:solid;border-right-color:rgba(var(--kubio-color-1-variant-1),1);border-right-width:2px;border-right-style:solid;border-bottom-color:rgba(var(--kubio-color-1-variant-1),1);border-bottom-width:2px;border-bottom-style:solid;border-left-color:rgba(var(--kubio-color-1-variant-1),1);border-left-width:2px;border-left-style:solid;border-top-left-radius:4px;border-top-right-radius:4px;border-bottom-left-radius:4px;border-bottom-right-radius:4px;font-family:Syne,Helvetica, Arial, Sans-Serif, serif;font-weight:400;color:rgba(var(--kubio-color-6-variant-2),1);padding-top:8px;padding-bottom:8px;padding-left:25px;padding-right:24px;}[data-kubio] input[type='reset']:hover,[data-kubio] button[type='reset']:hover{background-color:rgba(var(--kubio-color-1-variant-2),1);border-top-color:rgba(var(--kubio-color-1-variant-2),1);border-right-color:rgba(var(--kubio-color-1-variant-2),1);border-bottom-color:rgba(var(--kubio-color-1-variant-2),1);border-left-color:rgba(var(--kubio-color-1-variant-2),1);}[data-kubio] input[type='reset']:disabled,[data-kubio] input[type='reset'][disabled],[data-kubio] button[type='reset']:disabled,[data-kubio] button[type='reset'][disabled]{background-color:rgba(var(--kubio-color-5-variant-2),1);border-top-color:rgba(var(--kubio-color-5-variant-2),1);border-right-color:rgba(var(--kubio-color-5-variant-2),1);border-bottom-color:rgba(var(--kubio-color-5-variant-2),1);border-left-color:rgba(var(--kubio-color-5-variant-2),1);color:rgba(var(--kubio-color-5-variant-3),1);}#kubio  .woocommerce a.button,#kubio  .woocommerce button.button,#kubio  .woocommerce input.button,#kubio  .woocommerce #respond input#submit{border-top-color:rgba(var(--kubio-color-2),1);border-top-width:2px;border-top-style:solid;border-right-color:rgba(var(--kubio-color-2),1);border-right-width:2px;border-right-style:solid;border-bottom-color:rgba(var(--kubio-color-2),1);border-bottom-width:2px;border-bottom-style:solid;border-left-color:rgba(var(--kubio-color-2),1);border-left-width:2px;border-left-style:solid;border-top-left-radius:4px;border-top-right-radius:4px;border-bottom-left-radius:4px;border-bottom-right-radius:4px;background-color:rgba(var(--kubio-color-2),1);font-family:Open Sans,Helvetica, Arial, Sans-Serif, serif;font-weight:400;font-size:14px;line-height:1.2;text-transform:none;color:rgba(var(--kubio-color-5),1);}#kubio  .woocommerce a.button:hover,#kubio  .woocommerce button.button:hover,#kubio  .woocommerce input.button:hover,#kubio  .woocommerce #respond input#submit:hover{border-top-color:rgba(var(--kubio-color-2-variant-4),1);border-right-color:rgba(var(--kubio-color-2-variant-4),1);border-bottom-color:rgba(var(--kubio-color-2-variant-4),1);border-left-color:rgba(var(--kubio-color-2-variant-4),1);background-color:rgba(var(--kubio-color-2-variant-4),1);}#kubio  .woocommerce a.button:disabled,#kubio  .woocommerce a.button[disabled],#kubio  .woocommerce button.button:disabled,#kubio  .woocommerce button.button[disabled],#kubio  .woocommerce input.button:disabled,#kubio  .woocommerce input.button[disabled],#kubio  .woocommerce #respond input#submit:disabled,#kubio  .woocommerce #respond input#submit[disabled]{border-top-color:rgba(var(--kubio-color-5-variant-2),1);border-right-color:rgba(var(--kubio-color-5-variant-2),1);border-bottom-color:rgba(var(--kubio-color-5-variant-2),1);border-left-color:rgba(var(--kubio-color-5-variant-2),1);background-color:rgba(var(--kubio-color-5-variant-2),1);color:rgba(var(--kubio-color-5-variant-4),1);}#kubio  .woocommerce a.button.woocommerce-form-login__submit,#kubio  .woocommerce a.button.add_to_cart_button,#kubio  .woocommerce a.button.alt,#kubio  .woocommerce button.button.woocommerce-form-login__submit,#kubio  .woocommerce button.button.add_to_cart_button,#kubio  .woocommerce button.button.alt,#kubio  .woocommerce input.button.woocommerce-form-login__submit,#kubio  .woocommerce input.button.add_to_cart_button,#kubio  .woocommerce input.button.alt,#kubio  .woocommerce #respond input#submit.woocommerce-form-login__submit,#kubio  .woocommerce #respond input#submit.add_to_cart_button,#kubio  .woocommerce #respond input#submit.alt{background-color:rgba(var(--kubio-color-1),1);border-top-color:rgba(var(--kubio-color-1),1);border-top-width:2px;border-top-style:solid;border-right-color:rgba(var(--kubio-color-1),1);border-right-width:2px;border-right-style:solid;border-bottom-color:rgba(var(--kubio-color-1),1);border-bottom-width:2px;border-bottom-style:solid;border-left-color:rgba(var(--kubio-color-1),1);border-left-width:2px;border-left-style:solid;border-top-left-radius:4px;border-top-right-radius:4px;border-bottom-left-radius:4px;border-bottom-right-radius:4px;font-family:Open Sans,Helvetica, Arial, Sans-Serif, serif;font-weight:400;font-size:14px;line-height:1.2;text-transform:none;color:rgba(var(--kubio-color-5),1);box-shadow:0px 27px 15px -24px rgba(0,0,0,0.5) ;}#kubio  .woocommerce a.button.woocommerce-form-login__submit:hover,#kubio  .woocommerce a.button.add_to_cart_button:hover,#kubio  .woocommerce a.button.alt:hover,#kubio  .woocommerce button.button.woocommerce-form-login__submit:hover,#kubio  .woocommerce button.button.add_to_cart_button:hover,#kubio  .woocommerce button.button.alt:hover,#kubio  .woocommerce input.button.woocommerce-form-login__submit:hover,#kubio  .woocommerce input.button.add_to_cart_button:hover,#kubio  .woocommerce input.button.alt:hover,#kubio  .woocommerce #respond input#submit.woocommerce-form-login__submit:hover,#kubio  .woocommerce #respond input#submit.add_to_cart_button:hover,#kubio  .woocommerce #respond input#submit.alt:hover{background-color:rgba(var(--kubio-color-1-variant-4),1);border-top-color:rgba(var(--kubio-color-1-variant-4),1);border-right-color:rgba(var(--kubio-color-1-variant-4),1);border-bottom-color:rgba(var(--kubio-color-1-variant-4),1);border-left-color:rgba(var(--kubio-color-1-variant-4),1);}#kubio  .woocommerce a.button.woocommerce-form-login__submit:disabled,#kubio  .woocommerce a.button.woocommerce-form-login__submit[disabled],#kubio  .woocommerce a.button.add_to_cart_button:disabled,#kubio  .woocommerce a.button.add_to_cart_button[disabled],#kubio  .woocommerce a.button.alt:disabled,#kubio  .woocommerce a.button.alt[disabled],#kubio  .woocommerce button.button.woocommerce-form-login__submit:disabled,#kubio  .woocommerce button.button.woocommerce-form-login__submit[disabled],#kubio  .woocommerce button.button.add_to_cart_button:disabled,#kubio  .woocommerce button.button.add_to_cart_button[disabled],#kubio  .woocommerce button.button.alt:disabled,#kubio  .woocommerce button.button.alt[disabled],#kubio  .woocommerce input.button.woocommerce-form-login__submit:disabled,#kubio  .woocommerce input.button.woocommerce-form-login__submit[disabled],#kubio  .woocommerce input.button.add_to_cart_button:disabled,#kubio  .woocommerce input.button.add_to_cart_button[disabled],#kubio  .woocommerce input.button.alt:disabled,#kubio  .woocommerce input.button.alt[disabled],#kubio  .woocommerce #respond input#submit.woocommerce-form-login__submit:disabled,#kubio  .woocommerce #respond input#submit.woocommerce-form-login__submit[disabled],#kubio  .woocommerce #respond input#submit.add_to_cart_button:disabled,#kubio  .woocommerce #respond input#submit.add_to_cart_button[disabled],#kubio  .woocommerce #respond input#submit.alt:disabled,#kubio  .woocommerce #respond input#submit.alt[disabled]{background-color:rgba(var(--kubio-color-5-variant-2),1);border-top-color:rgba(var(--kubio-color-5-variant-2),1);border-right-color:rgba(var(--kubio-color-5-variant-2),1);border-bottom-color:rgba(var(--kubio-color-5-variant-2),1);border-left-color:rgba(var(--kubio-color-5-variant-2),1);color:rgba(var(--kubio-color-5-variant-4),1);}#kubio  .woocommerce-loop-product__link .onsale,#kubio  .single-product .onsale{background-color:rgba(var(--kubio-color-3-variant-2),1);color:rgba(var(--kubio-color-5),1);padding-top:5px;padding-bottom:5px;padding-left:10px;padding-right:10px;border-top-left-radius:10px;border-top-right-radius:10px;border-bottom-left-radius:10px;border-bottom-right-radius:10px;}@media (min-width: 768px) and (max-width: 1023px){#kubio .style-cIeUkhHVunK-outer .h-navigation_sticky:not(.extra-1).wp-block-kubio-navigation-section__nav{padding-top:15px;padding-bottom:15px;}#kubio .h-navigation_sticky:not(.extra-1) .style-Qgam80_2G0z-inner{text-align:center;}#kubio .h-navigation_sticky:not(.extra-1) .style-gUt9D-fEQtX-container{justify-content:center;align-items:center;}#kubio .h-navigation_sticky:not(.extra-1) .style-nPkELGIt8wy-inner{text-align:center;}#kubio .h-navigation_sticky:not(.extra-1) .style-KIxdRfMtQNw-outer > .kubio-menu > ul{justify-content:center;}[data-kubio] h1,.with-kubio-global-style h1,h1[data-kubio],.wp-block-woocommerce-mini-cart-contents h1{font-size:5em;}div.h-section-global-spacing{padding-top:60px;padding-bottom:60px;}}@media (max-width: 767px){#kubio .style-cIeUkhHVunK-outer .wp-block-kubio-navigation-section__nav{padding-top:10px;padding-bottom:10px;}#kubio .style-cIeUkhHVunK-outer .h-navigation_sticky:not(.extra-1).wp-block-kubio-navigation-section__nav{padding-top:0px;padding-bottom:0px;background-color:rgba(var(--kubio-color-5),1);}#kubio .style-Qgam80_2G0z-inner{text-align:left;}#kubio .style-gUt9D-fEQtX-container{justify-content:flex-start;align-items:flex-start;}#kubio .style-6xte212DkB-inner{text-align:center;}#kubio .style-eqAIrg58FWH-inner{min-height:300px;}#kubio .style-local-5-container{flex:1 1 0;ms-flex:1 1 0%;}#kubio .style-local-7-container{width:100%;flex:0 0 auto;-ms-flex:0 0 auto;}#kubio .style-local-15-container{width:100%;flex:0 0 auto;-ms-flex:0 0 auto;}#kubio .style-local-20-container{width:100%;}#kubio .style-local-24-container{width:100%;}#kubio .style-local-32-container{width:100%;}#kubio .style-local-35-container{width:100%;}#kubio .style-local-38-container{width:100%;}#kubio .style-local-50-container{width:100%;}#kubio .style-local-54-container{width:100%;}#kubio .style-local-58-container{width:100%;}[data-kubio] h1,.with-kubio-global-style h1,h1[data-kubio],.wp-block-woocommerce-mini-cart-contents h1{font-size:2.5em;}div.h-section-global-spacing{padding-top:30px;padding-bottom:30px;}}
/*# sourceURL=kubio-block-library-inline-css */



/* ==========================================================================
   區段背景：首頁單頁式採「深淺交替」以增加層次與美感。
   Hero(深) → About(淺) → Expertise(深) → Team(淺) → Contact(深)。
   Expertise 內層 wrapper 為透明、標題白字 → 需深底。
   Team 改為淺底，故另將其標題文字改回深色（覆寫既有白字規則）。
   聯絡區自帶深色底，不需處理。
   ========================================================================== */
.expertise-section {
	background-color: var(--brand-navy);
}
.team-section {
	background-color: var(--bg-light);
}
/* Team 置於淺底時，標題與副標改深色（覆寫既有 !important 白字規則） */
.team-section .law-team-header h2 {
	color: var(--brand-navy) !important;
}
.team-section .law-team-header p {
	color: var(--text-muted) !important;
}

/* Practice 區的 CTA 按鈕（Selected Experience 下方） */
.practice__cta { margin: 30px 0 0; }

/* ==========================================================================
   獨立 Team 頁（page template）改用深色底，與 Expertise 頁一致；
   首頁的 Team 區塊維持淺色（深淺交替），故僅以 page-template body class 覆寫。
   ========================================================================== */
.page-template-template-team-php .team-section {
	background-color: var(--brand-navy);
}
.page-template-template-team-php .team-section .law-team-header h2 {
	color: var(--text-light) !important;
}
.page-template-template-team-php .team-section .law-team-header p {
	color: var(--text-muted-light) !important;
}

/* ==========================================================================
   Expertise 獨立頁：內容較短（4 張卡片），原 wrapper 上下內距過大造成卡片
   下方大片空白。此處縮減上下內距（僅限該頁），讓版面更緊湊。
   ========================================================================== */
.page-template-template-expertise-php .law-exp-wrapper {
	padding-top: 70px !important;
	padding-bottom: 70px !important;
}
.page-template-template-expertise-php .law-exp-header {
	margin-bottom: 40px !important;
}
/* Team 獨立頁與 Expertise 頁採一致的上下內距，讓標題高度對齊 */
.page-template-template-team-php .law-team-wrapper {
	padding-top: 70px !important;
	padding-bottom: 70px !important;
}
.page-template-template-team-php .law-team-header {
	margin-bottom: 40px !important;
}