/* Karry CTA Block — 样式表
   由 karry-cta-block.php 通过 wp_enqueue_style 加载。
   PHP 有 11KB 上限，CSS 单独放不受限制。 */

/* ===== 1. CTA 大按钮（SKU 下方） ===== */
.karry-inq-cta-block{margin:22px 0 14px;clear:both}
.karry-inq-cta-btn{
	display:flex;align-items:center;gap:14px;width:100%;
	padding:16px 22px;border:0;border-radius:10px;cursor:pointer;
	background:linear-gradient(135deg,#2E6BA8 0%,#1F4E7C 100%);
	color:#fff!important;
	font:600 16px/1.2 inherit;text-align:left;
	box-shadow:0 4px 14px rgba(46,107,168,.32),inset 0 1px 0 rgba(255,255,255,.18);
	transition:transform .25s ease,box-shadow .25s ease,background .25s ease}
.karry-inq-cta-btn:hover{
	transform:translateY(-1px);
	box-shadow:0 10px 24px rgba(46,107,168,.42),inset 0 1px 0 rgba(255,255,255,.22);
	background:linear-gradient(135deg,#1F4E7C 0%,#143455 100%)}
.karry-inq-cta-btn:active{transform:translateY(0)}
.karry-inq-cta-icon{
	flex:0 0 36px;height:36px;border-radius:50%;
	background:rgba(255,255,255,.18);
	display:inline-flex;align-items:center;justify-content:center;font-size:18px}
.karry-inq-cta-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}
.karry-inq-cta-label{font-size:17px;letter-spacing:.2px;
	white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.karry-inq-cta-sub{font-size:12px;font-weight:400;opacity:.92;letter-spacing:.3px}
.karry-inq-cta-arrow{flex:0 0 24px;font-size:20px;font-weight:700;transition:transform .25s ease}
.karry-inq-cta-btn--open .karry-inq-cta-arrow{transform:rotate(180deg)}
.karry-inq-cta-btn--open{
	background:#fff!important;color:#2E6BA8!important;
	border:1px solid #2E6BA8;padding:15px 21px;
	box-shadow:0 2px 8px rgba(46,107,168,.18)}
.karry-inq-cta-btn--open .karry-inq-cta-icon{background:rgba(46,107,168,.12)}

/* ===== 2. 展开面板内的表单 ===== */
.karry-inq-cta-panel{
	margin-top:14px;padding:24px;
	background:#F8FAFD;border:1px solid #d4dbe1;border-radius:10px;
	box-shadow:inset 0 1px 0 #fff}
.karry-inq-cta-panel .karry-inq-form{max-width:100%;margin:0;display:grid;gap:14px}
.karry-inq-cta-panel .karry-inq-form p{margin:0;display:grid;gap:6px}
.karry-inq-cta-panel .karry-inq-form label{font-weight:500;color:#2E6BA8;font-size:13px;letter-spacing:.2px}
.karry-inq-cta-panel .karry-inq-form input,
.karry-inq-cta-panel .karry-inq-form textarea{
	border:1px solid #d4dbe1;border-radius:6px;padding:10px 12px;
	font-size:14px;color:#2C5F8D;background:#fff;
	transition:border-color .2s,box-shadow .2s}
.karry-inq-cta-panel .karry-inq-form input:focus,
.karry-inq-cta-panel .karry-inq-form textarea:focus{
	outline:none;border-color:#4A8FC8;box-shadow:0 0 0 3px rgba(74,143,200,.18)}
.karry-inq-cta-panel .karry-inq-form .karry-inq-submit{
	background:#2E6BA8;color:#fff;border:none;border-radius:6px;
	padding:12px 28px;font-size:14px;font-weight:600;letter-spacing:.3px;
	cursor:pointer;justify-self:start;
	transition:background-color .2s,box-shadow .2s,transform .2s}
.karry-inq-cta-panel .karry-inq-form .karry-inq-submit:hover{
	background:#1F4E7C;box-shadow:0 4px 12px rgba(46,107,168,.28)}
.karry-inq-cta-panel .karry-inq-form .karry-hp{position:absolute;left:-9999px;height:0;overflow:hidden}
.karry-inq-cta-panel .karry-inq-intro{color:#4A6B85;font-size:14px;line-height:1.7;margin:0 0 8px}
.karry-inq-cta-panel .karry-inq-ok{background:#EAF3DE;border:1px solid #639922;color:#27500A;padding:14px 18px;border-radius:6px;margin-bottom:18px;font-weight:500}
.karry-inq-cta-panel .karry-inq-err{background:#FCEBEB;border:1px solid #A32D2D;color:#791F1F;padding:14px 18px;border-radius:6px;margin-bottom:18px;font-weight:500}

/* ===== 3. 浮动 CTA 条（滚动后出现） ===== */
.karry-sticky-cta{
	position:fixed;left:0;right:0;bottom:0;z-index:9999;
	display:flex;align-items:center;justify-content:center;gap:10px;
	padding:12px 16px;
	background:linear-gradient(135deg,#2E6BA8 0%,#1F4E7C 100%);
	color:#fff!important;font-size:15px;font-weight:600;letter-spacing:.3px;
	box-shadow:0 -4px 20px rgba(20,52,85,.35);
	transform:translateY(110%);
	transition:transform .3s cubic-bezier(.4,0,.2,1);
	text-decoration:none;border:0;cursor:pointer;
	min-height:52px}
.karry-sticky-cta.karry-sticky-show{transform:translateY(0)}
.karry-sticky-cta:hover{background:linear-gradient(135deg,#1F4E7C 0%,#143455 100%);color:#fff!important}
.karry-sticky-cta-arrow{font-size:18px}

@media (min-width:782px){
	.karry-sticky-cta{
		left:auto;right:24px;bottom:24px;
		width:auto;padding:0 24px;
		border-radius:50px;min-height:52px}
}

/* 有浮动条时给页脚留位置，避免遮住内容 */
body.karry-sticky-on{padding-bottom:0}

@media (max-width:600px){
	.karry-inq-cta-btn{padding:14px 16px;gap:10px}
	.karry-inq-cta-icon{flex-basis:32px;height:32px;font-size:16px}
	.karry-inq-cta-label{font-size:15px}
	.karry-inq-cta-sub{font-size:11px}
	.karry-inq-cta-panel{padding:18px}
}