/* =========================================================
   TELCORA - Auth Page (Login/Register) Styling
   Simpan sebagai: yourtheme/assets/css/telcora-auth.css
   ========================================================= */

:root{
	--telcora-dark: #171717 !important;
	--telcora-orange: #F7941D !important;
	--telcora-orange-dark: #E07E00 !important;
	--telcora-gray-bg: #F2F2F2 !important;
	--telcora-border: #E4E4E4 !important;
	--telcora-text-muted: #8C8C8C !important;
}

body.woocommerce-account .woocommerce > h2:first-child{
	display:none !important; /* sembunyikan heading default "My account" */
}

.telcora-auth-wrapper{
	max-width: 1180px !important;
	margin: 30px auto !important;
	padding: 0 16px !important;
}

.telcora-auth-box{
	display:flex !important;
	background:#fff !important;
	border:1px solid var(--telcora-border) !important;
	border-radius:16px !important;
	overflow:hidden !important;
	box-shadow: 0 10px 40px rgba(0,0,0,.06) !important;
	min-height: 700px !important;
}

/* ---------- LEFT SIDE ---------- */
.telcora-auth-side{
	flex: 0 0 42% !important;
	background: linear-gradient(180deg, rgba(23,23,23,.97), rgba(23,23,23,.9)),
		url('') center/cover no-repeat !important;
	background-color: var(--telcora-dark) !important;
	color:#fff !important;
	padding: 40px 36px !important;
	display:flex !important;
	flex-direction:column !important;
	justify-content:space-between !important;
}

.telcora-auth-logo{
	display:flex !important;
	align-items:center !important;
	gap:12px !important;
	margin-bottom: 50px !important;
	color: #fff !important;
}
.telcora-logo-box{
	font-size:11px !important;
	font-weight:700 !important;
	line-height:1.2 !important;
	border:1px solid #fff !important;
	padding:4px 8px !important;
	white-space: pre-line !important;
	color: #fff !important;
}
.telcora-brand strong{
	display:block !important;
	font-size:20px !important;
	letter-spacing: .5px !important;
	color: #fff !important;
}
.telcora-brand span{
	display:block !important;
	font-size:10px !important;
	color:#bbb !important;
	letter-spacing: .5px !important;
}

.telcora-auth-headline h2{
	font-size: 40px !important;
	line-height:1.3 !important;
	margin: 0 0 14px !important;
	font-weight:700 !important;
	color: #fff !important;
}
.telcora-auth-headline .accent{ color: var(--telcora-orange) !important; }
.telcora-auth-headline p{
	color:#cfcfcf !important;
	font-size:14px !important;
	max-width: 320px !important;
	border-top: 2px solid var(--telcora-orange) !important;
	padding-top: 16px !important;
	margin-top: 10px !important;
	display:inline-block !important;
}

.telcora-benefits{
	list-style:none !important;
	margin:40px 0 0 !important;
	padding:0 !important;
}
.telcora-benefits li{
	display:flex !important;
	align-items:flex-start !important;
	gap:14px !important;
	margin-bottom: 22px !important;
}
.telcora-benefits .dashicons{
	color: var(--telcora-orange) !important;
	font-size:26px !important;
	width:26px !important;
	height:26px !important;
	flex-shrink:0 !important;
}
.telcora-benefits strong{
	display:block !important;
	font-size:15px !important;
	margin-bottom:2px !important;
	color:#fff !important;
}
.telcora-benefits p{
	margin:0 !important;
	font-size:12.5px !important;
	color:#fff !important;
	line-height:1.4 !important;
}

/* ---------- RIGHT SIDE ---------- */
.telcora-auth-form{
	flex:1 !important;
	padding: 44px 60px !important;
	max-width: 560px !important;
}

.telcora-tabs{
	display:flex !important;
	gap: 5px !important;
	background: var(--telcora-gray-bg) !important;
	border-radius: 10px !important;
	padding: 4px !important;
	margin-bottom: 28px !important;
	max-width: 280px !important;
}
.telcora-tab{
	flex:1 !important;
	border:0 !important;
	background:transparent !important;
	padding:9px 14px !important;
	font-weight:600 !important;
	font-size:14px !important;
	color:#555 !important;
	border-radius:8px !important;
	cursor:pointer !important;
	transition: all .2s ease !important;
}
.telcora-tab.active{
	background:#fff !important;
	color: var(--telcora-dark) !important;
	box-shadow: 0 2px 6px rgba(0,0,0,.08) !important;
}

.telcora-auth-form h1{
	font-size: 28px !important;
	margin: 0 0 4px !important;
	font-weight:800 !important;
}
.telcora-subtitle{
	color: var(--telcora-text-muted) !important;
	font-size:14px !important;
	margin: 0 0 22px !important;
}

.telcora-social{
	display:flex !important;
	flex-direction:column !important;
	gap:12px !important;
	margin-bottom: 22px !important;
}
.telcora-social iframe,
.telcora-social .nextend-social-login{
	width:100% !important;
}

.telcora-divider{
	display:flex !important;
	align-items:center !important;
	text-align:center !important;
	color: var(--telcora-text-muted) !important;
	font-size:13px !important;
	margin: 22px 0 !important;
}
.telcora-divider::before,
.telcora-divider::after{
	content:"" !important;
	flex:1 !important;
	border-bottom: 1px solid var(--telcora-border) !important;
}
.telcora-divider span{ padding: 0 14px !important; }

.telcora-auth-form .form-row{
	margin-bottom: 18px !important;
}
.telcora-auth-form label{
	display:block !important;
	font-size:13px !important;
	font-weight:600 !important;
	color:#333 !important;
	margin-bottom: 6px !important;
}
.telcora-auth-form .input-text{
	width:100% !important;
	padding: 13px 16px !important;
	border:1px solid var(--telcora-border) !important;
	background: var(--telcora-gray-bg) !important;
	border-radius: 8px !important;
	font-size:14px !important;
	box-sizing:border-box !important;
}
.telcora-auth-form .input-text:focus{
	outline:none !important;
	border-color: var(--telcora-orange) !important;
	background:#fff !important;
}

.password-row{ position:relative !important; }
.telcora-forgot{
	position:absolute !important;
	top:0 !important;
	right:0 !important;
	font-size:13px !important;
	color: var(--telcora-orange) !important;
	text-decoration:none !important;
	font-weight:600 !important;
}
.telcora-password-wrap{
	position:relative !important;
	display:block !important;
}
.telcora-password-wrap .input-text{ padding-right: 44px !important; }
.telcora-toggle-password{
	position:absolute !important;
	right:14px !important;
	top:50% !important;
	transform: translateY(-50%) !important;
	cursor:pointer !important;
	color: var(--telcora-text-muted) !important;
}

.telcora-remember label{
	display:flex !important;
	align-items:center !important;
	gap:8px !important;
	font-weight:400 !important;
	font-size:13.5px !important;
	color:#444 !important;
}
.telcora-remember input{ margin:0 !important; }

.telcora-terms label{
	display:flex !important;
	align-items:flex-start !important;
	gap:8px !important;
	font-weight:400 !important;
	font-size:13px !important;
	color:#444 !important;
}
.telcora-terms input{ margin-top:3px !important; }
.telcora-terms a{ color: var(--telcora-orange) !important; font-weight:600 !important; text-decoration:none !important; }

.telcora-btn-primary{
	width:100% !important;
	background: var(--telcora-orange) !important;
	color:#fff !important;
	border:0 !important;
	padding: 15px !important;
	border-radius: 8px !important;
	font-size:15px !important;
	font-weight:700 !important;
	cursor:pointer !important;
	transition: background .2s ease !important;
}
.telcora-btn-primary:hover{
	background: var(--telcora-orange-dark) !important;
}

.telcora-switch-text{
	text-align:center !important;
	font-size:13.5px !important;
	color:#666 !important;
	margin-top: 18px !important;
}
.telcora-switch-text a{
	color: var(--telcora-orange) !important;
	font-weight:700 !important;
	text-decoration:none !important;
}

/*ADDITIONAL BUTTON*/
#tc-mega .tc-price{
    font-size:16px;
    font-weight:700;
    color:#FF5400;
    margin:8px 0 12px;
}

#tc-mega .tc-actions{
    display:flex;
    gap:8px;
    margin-top:10px;
}

#tc-mega .tc-btn{
    flex:1;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:10px;
    border-radius:6px;
    font-size:13px;
    font-weight:600;
    text-decoration:none;
    transition:.2s;
}

#tc-mega .tc-btn-cart{
    background:#FF5400;
    color:#fff;
}

#tc-mega .tc-btn-cart:hover{
    background:#e54b00;
}

#tc-mega .tc-btn-wa{
    border:1px solid #25D366;
    color:#25D366;
    background:#fff;
}

#tc-mega .tc-btn-wa:hover{
    background:#25D366;
    color:#fff;
}

#tc-mega .tc-link{
    display:inline-block;
    margin-top:10px;
    color:#132A36;
    font-size:13px;
    font-weight:600;
    text-decoration:none;
}

/* ---------- RESPONSIVE ---------- */
@media (max-width: 900px){
	.telcora-auth-box{ flex-direction:column !important; min-height:auto !important; }
	.telcora-auth-side{ flex:none !important; padding:30px !important; }
	.telcora-benefits{ margin-top:24px !important; }
	.telcora-auth-form{ padding:30px !important; max-width:100% !important; }
}