/*
 * bkSoft — estilos de marca para WHMCS dentro de WordPress (WHMCS Bridge).
 * Cubre las plantillas de WHMCS basadas en Bootstrap ("Six" y "Twenty-One").
 * Todo va bajo .bk-is-whmcs (clase que el tema pone en <body> en las páginas
 * de WHMCS) para no afectar al resto del sitio.
 */

.bk-whmcs-hero { background: var(--bk-ink); color: #F2F4F7; padding: 48px 0 40px; }
.bk-whmcs-hero__label { font-family: var(--bk-mono); font-size: 13px; color: var(--bk-orange); margin-bottom: 8px; }
.bk-whmcs-hero__title { margin: 0; font-size: clamp(28px, 4vw, 40px); }
.bk-whmcs { padding: 40px 0 80px; }

.bk-is-whmcs .bk-entry-content,
.bk-is-whmcs .bk-whmcs {
	font-family: var(--bk-sans);
	font-size: 15px;
	color: var(--bk-ink);
}

/* Títulos */
.bk-is-whmcs .header-lined h1,
.bk-is-whmcs .bk-whmcs h1,
.bk-is-whmcs .bk-whmcs h2,
.bk-is-whmcs .bk-whmcs h3 { font-family: var(--bk-sans); font-weight: 700; letter-spacing: -0.01em; color: var(--bk-ink); }
.bk-is-whmcs .header-lined { border-bottom: 1px solid var(--bk-border); margin-bottom: 24px; }
.bk-is-whmcs .breadcrumb { background: transparent; padding: 0; font-size: 13px; }
.bk-is-whmcs .breadcrumb a { color: var(--bk-orange-dark); }

/* Botones */
.bk-is-whmcs .btn {
	font-family: var(--bk-sans);
	font-weight: 600;
	border-radius: var(--bk-radius);
	padding: 10px 18px;
	box-shadow: none;
	text-shadow: none;
	transition: background-color .15s ease, border-color .15s ease, color .15s ease;
}
.bk-is-whmcs .btn-sm { padding: 6px 12px; font-size: 13px; }
.bk-is-whmcs .btn-lg { padding: 14px 24px; font-size: 16px; }
.bk-is-whmcs .btn-primary,
.bk-is-whmcs .btn-success,
.bk-is-whmcs .btn-checkout {
	background: var(--bk-orange);
	border-color: var(--bk-orange);
	color: var(--bk-ink);
}
.bk-is-whmcs .btn-primary:hover, .bk-is-whmcs .btn-primary:focus,
.bk-is-whmcs .btn-success:hover, .bk-is-whmcs .btn-success:focus,
.bk-is-whmcs .btn-checkout:hover, .bk-is-whmcs .btn-checkout:focus {
	background: #D97A08;
	border-color: #D97A08;
	color: var(--bk-ink);
}
.bk-is-whmcs .btn-default,
.bk-is-whmcs .btn-secondary,
.bk-is-whmcs .btn-info {
	background: var(--bk-white);
	border-color: #C7CCD4;
	color: var(--bk-ink);
}
.bk-is-whmcs .btn-default:hover, .bk-is-whmcs .btn-secondary:hover, .bk-is-whmcs .btn-info:hover {
	background: var(--bk-light);
	border-color: var(--bk-ink);
	color: var(--bk-ink);
}
.bk-is-whmcs .btn-danger { border-radius: var(--bk-radius); }
.bk-is-whmcs .btn-link { color: var(--bk-orange-dark); }

/* Formularios */
.bk-is-whmcs .form-control,
.bk-is-whmcs select.form-control,
.bk-is-whmcs .custom-select {
	height: auto;
	padding: 11px 14px;
	font-size: 15px;
	border: 1px solid #C7CCD4;
	border-radius: var(--bk-radius);
	box-shadow: none;
	color: var(--bk-ink);
}
.bk-is-whmcs .form-control:focus,
.bk-is-whmcs .custom-select:focus {
	border-color: var(--bk-orange);
	box-shadow: 0 0 0 3px rgba(240, 138, 18, .25);
	outline: none;
}
.bk-is-whmcs label,
.bk-is-whmcs .control-label { font-weight: 600; font-size: 14px; }
.bk-is-whmcs .input-group-addon,
.bk-is-whmcs .input-group-text { background: var(--bk-light); border-color: #C7CCD4; }

/* Paneles y tarjetas */
.bk-is-whmcs .panel,
.bk-is-whmcs .card {
	border: 1px solid var(--bk-border);
	border-radius: 14px;
	box-shadow: none;
	overflow: hidden;
}
.bk-is-whmcs .panel-heading,
.bk-is-whmcs .card-header {
	background: var(--bk-light);
	border-bottom: 1px solid var(--bk-border);
	color: var(--bk-ink);
	font-weight: 600;
}
.bk-is-whmcs .panel-title,
.bk-is-whmcs .card-title { font-weight: 600; font-size: 16px; }
.bk-is-whmcs .panel-footer,
.bk-is-whmcs .card-footer { background: var(--bk-white); border-top: 1px solid var(--bk-border); }

/* Menú lateral del área de clientes */
.bk-is-whmcs .list-group-item { border-color: var(--bk-border); color: var(--bk-ink); }
.bk-is-whmcs .list-group-item:hover { background: var(--bk-light); }
.bk-is-whmcs .list-group-item.active,
.bk-is-whmcs .list-group-item.active:hover,
.bk-is-whmcs .list-group-item.active:focus {
	background: var(--bk-ink);
	border-color: var(--bk-ink);
	color: #F2F4F7;
}
.bk-is-whmcs .list-group-item.active .badge { background: var(--bk-orange); color: var(--bk-ink); }

/* Tablas */
.bk-is-whmcs .table { font-size: 14px; }
.bk-is-whmcs .table > thead > tr > th,
.bk-is-whmcs .table thead th {
	background: var(--bk-light);
	border-bottom: 1px solid var(--bk-border);
	font-weight: 600;
	color: var(--bk-ink);
}
.bk-is-whmcs .table > tbody > tr > td,
.bk-is-whmcs .table td { border-color: var(--bk-border); vertical-align: middle; }
.bk-is-whmcs .table-hover > tbody > tr:hover { background: #FBFBFC; }

/* Pestañas y paginación */
.bk-is-whmcs .nav-tabs { border-bottom-color: var(--bk-border); }
.bk-is-whmcs .nav-tabs > li > a,
.bk-is-whmcs .nav-tabs .nav-link { color: var(--bk-text); border-radius: var(--bk-radius) var(--bk-radius) 0 0; }
.bk-is-whmcs .nav-tabs > li.active > a,
.bk-is-whmcs .nav-tabs .nav-link.active { color: var(--bk-ink); font-weight: 600; border-bottom: 2px solid var(--bk-orange); }
.bk-is-whmcs .pagination > .active > a,
.bk-is-whmcs .pagination .page-item.active .page-link {
	background: var(--bk-ink);
	border-color: var(--bk-ink);
	color: #F2F4F7;
}
.bk-is-whmcs .pagination a,
.bk-is-whmcs .pagination .page-link { color: var(--bk-ink); }

/* Alertas y etiquetas de estado */
.bk-is-whmcs .alert { border-radius: var(--bk-radius); border-width: 1px; }
.bk-is-whmcs .alert-info { background: #EEF4FB; border-color: #C9DCF2; color: #1D3B5E; }
.bk-is-whmcs .alert-warning { background: #FFF5E8; border-color: #F8D7A8; color: #6B3D00; }
.bk-is-whmcs .alert-success { background: #ECF8F1; border-color: #BFE6CF; color: #1E5136; }
.bk-is-whmcs .alert-danger { background: #FDEEEE; border-color: #F3C4C4; color: #7A1F1F; }
.bk-is-whmcs .label,
.bk-is-whmcs .badge { border-radius: 99px; font-weight: 600; padding: .35em .7em; }
.bk-is-whmcs .label-active,
.bk-is-whmcs .label-success,
.bk-is-whmcs .status-active,
.bk-is-whmcs .status-paid { background: #1E7A4A; color: #FFFFFF; }
.bk-is-whmcs .label-pending,
.bk-is-whmcs .status-pending,
.bk-is-whmcs .status-unpaid { background: #B85E00; color: #FFFFFF; }

/* Buscador de dominios y carrito */
.bk-is-whmcs .domain-checker-container,
.bk-is-whmcs .domain-checker-bg {
	background: var(--bk-ink);
	background-image: none;
	border-radius: 14px;
}
.bk-is-whmcs .domain-checker-container .input-group-box,
.bk-is-whmcs .domain-checker-container .input-group { border-radius: var(--bk-radius); }
.bk-is-whmcs .domain-checker-available,
.bk-is-whmcs .domain-available { color: #1E7A4A; }
.bk-is-whmcs .domain-checker-unavailable,
.bk-is-whmcs .domain-unavailable { color: #A12A2A; }
.bk-is-whmcs #order-standard_cart .order-summary,
.bk-is-whmcs #order-standard_cart .summary-container {
	background: var(--bk-ink);
	border-radius: 14px;
	color: #F2F4F7;
}
.bk-is-whmcs #order-standard_cart .order-summary h2 { background: transparent; color: #F2F4F7; font-family: var(--bk-sans); }
.bk-is-whmcs #order-standard_cart .total-due-today .amt { font-family: var(--bk-mono); font-weight: 800; color: var(--bk-orange); }
.bk-is-whmcs #order-standard_cart .products .product {
	border: 1px solid var(--bk-border);
	border-radius: 14px;
	box-shadow: none;
}
.bk-is-whmcs #order-standard_cart .products .product header { background: var(--bk-light); border-radius: 14px 14px 0 0; }
.bk-is-whmcs #order-standard_cart .products .product .price { font-family: var(--bk-mono); font-weight: 800; }