.ddd-license-key {
	display: flex;
	align-items: center;
	gap: 8px;
    font-family:monospace;
    font-size:15px;
    letter-spacing:.08em;
    white-space:nowrap;
}

.ddd-license-key code {
    flex: 1;
    font-size: 13px;
    word-break: break-all;
    max-width: max-content;
    margin-bottom: 0;
}

.ddd-copy-license{
    margin-left:10px;
    padding:0;
    border:0;
    background:transparent;
    color:#777;
    cursor:pointer;
    transition:all .2s ease;
    display:inline-flex;
    align-items:center;
    justify-content:center;
	font-size: 15px;
}

.ddd-copy-license:hover{
    color:#F59E0B;
    transform:scale(1.1);
}

.ddd-copy-license svg{
    width:16px;
    height:16px;
    fill:currentColor;
}

/* ========================================
   LICENSE CARD
======================================== */

.ddd-license-card {

	border: 1px solid #e5e5e5;
	border-radius: 8px;
	margin-bottom: 20px;
	background: #fff;
	overflow: hidden;
}

.ddd-license-card-header {

	display: flex;
	justify-content: space-between;
	align-items: center;

	padding: 20px;

	cursor: pointer;
}

.ddd-license-card-header:hover {

	background: #fafafa;
}

.ddd-license-card-body {

	max-height: 0;

	overflow: hidden;

	padding: 0 20px;

	border-top: 0;

	transition:
		max-height .35s ease,
		padding .35s ease;
}

.ddd-license-card.active .ddd-license-card-body {

	max-height: max-content;

	padding: 20px;

	border-top: 1px solid #e5e5e5;
}

.ddd-license-toggle {

	margin-left: 10px;
	font-size: 14px;

	transition: transform .2s ease;
}

.ddd-license-card.active .ddd-license-toggle {

	transform: rotate(180deg);
}

.ddd-license-section {

	margin-bottom: 25px;
}

.ddd-license-section:last-child {

	margin-bottom: 0;
}

.ddd-license-downloads{

	display:flex;
	align-items:center;
	gap:12px;
	flex-wrap:wrap;
}

.ddd-license-downloads select{

	min-width:220px;
}

.ddd-license-key{

	display:flex;

	align-items:center;

	gap:12px;

	flex-wrap:wrap;
}

.ddd-copy-license{

	cursor:pointer;
}

.ddd-download-button{

	background:#2b87da;

	color:#fff;

	border:0;

	padding:10px 22px;

	font-weight:600;

	cursor:pointer;

	border-radius:4px;

	transition:.2s;
}

.ddd-download-button:hover{

	background:#1f6cb0;
}

/* ========================================
   License Meta Grid
======================================== */

.ddd-license-meta{

	display:grid;

	grid-template-columns:
		repeat(
			3,
			minmax(0,1fr)
		);

	gap:40px;

	margin-top:30px;
}

@media (max-width:767px){

	.ddd-license-meta{

		grid-template-columns:1fr;

		gap:25px;

	}

}

/* ========================================
   Card Header
======================================== */

.ddd-license-card-header{

	display:flex;

	justify-content:space-between;

	align-items:center;

	cursor:pointer;

}

.ddd-license-card-status{

	display:flex;

	align-items:center;

	gap:12px;

}

.ddd-status-badge{

	display:inline-flex;

	align-items:center;

	justify-content:center;

	padding:4px 12px;

	border-radius:999px;

	background:#28a745;

	color:#fff;

	font-size:13px;

	font-weight:600;

	line-height:1;

}

.ddd-license-arrow{

	font-size:10px;

	transition:transform .25s ease;

}

.ddd-license-card.active .ddd-license-arrow{

	transform:rotate(180deg);

}

/* ========================================
   Download
======================================== */

.ddd-download-row{

	display:flex;

	align-items:center;

	gap:12px;

	flex-wrap:wrap;

}

.ddd-download-row select{

	min-width:220px;

	height:40px;

}

.ddd-download-button{

	display:inline-flex;

	align-items:center;

	justify-content:center;

	height:40px;

	padding:0 22px;

	border:none;

	border-radius:6px;

	background:#2b87da;

	color:#fff;

	font-weight:600;

	text-decoration:none;

	transition:.2s;

}

.ddd-download-button:hover{

	background:#1f6fb8;

	color:#fff;

}

.ddd-download-button:focus{

	color:#fff;

}

.ddd-download-button svg{

	width:16px;

	height:16px;

	margin-left:8px;

	fill:currentColor;

}

.ddd-download-error-notice{
	margin-top:12px;
	padding:10px 14px;

	border-left:4px solid #d63638;
	background:#fcf0f1;

	color:#8a1f11;
	font-size:14px;
	line-height:1.5;

	border-radius:4px;
}

.ddd-site-badge {

	display: inline-block;

	margin-right: 10px;

	padding: 4px 10px;

	color: #fff;

	font-size: 12px;

	font-weight: 600;

	border-radius: 999px;

	text-transform: uppercase;

}

.ddd-site-badge-dev {

	background: #2271b1;

}

.ddd-site-badge-stage {

	background: #dba617;

}

.ddd-site-badge-prod {

	background: #28a745;

}

.woocommerce.my-account-dashboard .ddd-deactivate-button {
    font-family: Poppins, Helvetica, Arial, Lucida, sans-serif !important;
    background: #719d41 !important;
    color: #fff !important;
    border: none;
    border-radius: 10px;
    padding: 8px 25px;
    font-size: 13px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .6px;
    box-shadow: 0 12px 30px rgba(113, 157, 65, .35);
    transition: .25s;
    cursor: pointer;
}

.woocommerce.my-account-dashboard .ddd-deactivate-button:hover {
    background: #638a39 !important;
    transform: translateY(-2px);
}

table.ddd-activations-table {
    margin-top: 40px !important;
}

/*======================================
Notice
======================================*/

.ddd-notice {

	display: none;

	margin: 0 0 24px;

	padding: 14px 18px;

	border-left: 4px solid;

	border-radius: 4px;

	font-size: 14px;

	line-height: 1.5;

}

.ddd-notice-success {

	background: #edf8ef;

	border-color: #3ca54a;

	color: #226b2f;

}

.ddd-notice-error {

	background: #fdf1f1;

	border-color: #d63638;

	color: #8a2424;

}

/*======================================
Activation Spinner
======================================*/

.ddd-spinner {

	display: inline-block;

	margin-left: 8px;

	float: none;

	vertical-align: middle;

	visibility: hidden;

}

.ddd-deactivate-button:disabled {

	opacity: .6;

	cursor: not-allowed;

}

/*
|--------------------------------------------------------------------------
| Loading Spinner
|--------------------------------------------------------------------------
*/

.ddd-spinner {

	display: inline-block;

	width: 14px;
	height: 14px;

	margin-left: 8px;

	border: 2px solid #d9d9d9;
	border-top: 2px solid #2271b1;
	border-radius: 50%;

	vertical-align: middle;

	animation: ddd-spin .7s linear infinite;

	visibility: hidden;
	opacity: 0;

}

.ddd-spinner.is-active {

	visibility: visible;
	opacity: 1;

}

@keyframes ddd-spin {

	from {
		transform: rotate(0deg);
	}

	to {
		transform: rotate(360deg);
	}

}

/*
|--------------------------------------------------------------------------
| Responsive Activations Table
|--------------------------------------------------------------------------
*/

@media (max-width: 1300px) {

	.ddd-activations-table,
	.ddd-activations-table thead,
	.ddd-activations-table tbody,
	.ddd-activations-table th,
	.ddd-activations-table td,
	.ddd-activations-table tr {

		display: block;

	}

	.ddd-activations-table thead {

		display: none;

	}

	.ddd-activations-table tr {

		margin-bottom: 20px;

		padding: 16px;

		border: 1px solid #e5e5e5;

		border-radius: 8px;

		background: #fff;

	}

	.ddd-activations-table td {

		display: flex;

		justify-content: space-between;

		align-items: center;

		padding: 10px 0;

		border: 0;

	}

	.ddd-activations-table td::before {

		font-weight: 700;

		color: #333;

		flex-shrink: 0;

		margin-right: 20px;

	}

	.ddd-activations-table td:nth-child(1)::before {

		content: "URL";

	}

	.ddd-activations-table td:nth-child(2)::before {

		content: "Version";

	}

	.ddd-activations-table td:nth-child(3)::before {

		content: "Last Check-in";

	}

	.ddd-activations-table td:nth-child(4)::before {

		content: "";

	}

	.ddd-activations-table td:first-child {

		display: block;

	}

	.ddd-activations-table td:first-child::before {

		display: block;

		margin-bottom: 8px;

	}

	.ddd-activations-table tr {

		padding: 20px;

	}

	.ddd-activations-table td {

		padding: 12px 0;

	}

	.ddd-activations-table td:last-child {

		justify-content: flex-end;

		padding-top: 18px;

	}

	.ddd-activations-table td:first-child a {

		word-break: break-word;

	}

	.ddd-activations-table td:first-child .ddd-status-badge {

		margin-right: 12px;

	}

}

/* ==========================================================================
   Dashboard Cards
   ========================================================================== */

.ddd-dashboard-cards {

	display: grid;

	grid-template-columns: repeat(4, 1fr);

	gap: 24px;

	margin-top: 24px;

}

.ddd-dashboard-card {

	display: flex;

	flex-direction: column;

	justify-content: flex-start;

	min-height: 170px;

	padding: 30px;

	background: #fff;

	border: 1px solid #e8e8e8;

	border-radius: 8px;

	text-decoration: none;

	color: inherit;

	transition: all .2s ease;

	position: relative;

	overflow: hidden;

}

.ddd-dashboard-card:hover {

	transform: translateY(-4px);

	border-color: #719d41;

	box-shadow: 0 14px 30px rgba(0,0,0,.08);

}

.ddd-dashboard-card h3 {

	margin: 0 0 14px;

	font-size: 24px;

	font-weight: 700;

	line-height: 1.2;

	color: #283d3b;

}

.ddd-dashboard-card p {

	margin: 0;

	color: #666;

	line-height: 1.7;

	font-size: 15px;

}

@media (max-width:980px) {

	.ddd-dashboard-cards {

		grid-template-columns: repeat(2, 1fr);

	}

}

@media (max-width:767px) {

	.ddd-dashboard-cards {

		grid-template-columns: 1fr;

	}

}

.ddd-dashboard-arrow {

	position: absolute;

	right: 24px;

	bottom: 24px;

	width: 22px;

	height: 22px;

	stroke: #719d41;

	stroke-width: 2.5;

	fill: none;

	stroke-linecap: round;

	stroke-linejoin: round;

	transition: transform .2s ease;

}

.ddd-dashboard-card:hover .ddd-dashboard-arrow {

	transform: translateX(5px);

}

.ddd-order-header {

	display: grid;

	grid-template-columns: 220px 1fr;

	gap: 15px;

	position: relative;

	padding: 40px;

	border: 1px solid #e5e5e5;

	border-radius: 10px;

	background: #fff;

}

@media (max-width: 700px) {
	.ddd-order-header {
    	display: flex;
    	flex-direction: column;
    	padding: 10px;
    	align-items: center;
	}
}

.ddd-order-meta {

	display: flex;

	flex-direction: column;

	gap: 10px;

	position: relative;

}

.ddd-order-party p {
    padding-bottom: 0;
	font-size: 14px;
}

.ddd-order-meta-top {

	display: flex;

	justify-content: space-between;

	align-items: flex-start;

}

.ddd-order-meta-top p {

	margin: 0;

}

.ddd-order-meta-top p:last-child {

	margin-bottom: 0;

}

.ddd-print-button {

	position: absolute;

	top: 0;

	right: 0;

	padding: 10px 24px;

	border: 1px solid #d0d0d0;

	border-radius: 999px;

	background: #fff;

	font-size: 14px;

	font-weight: 500;

	cursor: pointer;

	transition: all .2s ease;

}

.ddd-print-button:hover {

	background: #f7f7f7;

	border-color: #bdbdbd;

}

.ddd-order-card {
    margin-top: 30px;
}

.ddd-order-details {
    margin-top: 30px;
}

.ddd-license-card.active .ddd-license-card-header {
    background-color: #fafafa;
}

/* ==========================================================================
   Print
   ========================================================================== */

@media print {

	body * {

		visibility: hidden;

	}

	.ddd-print-area,
	.ddd-print-area * {

		visibility: visible;

	}

	.ddd-order-card,
	.ddd-order-header {
	    margin: 0 !important;
	}

	.ddd-print-area {

		margin: 0;

		padding: 0;

	}

	.ddd-print-button {

		display: none;

	}

	header,
	footer,
	#wpadminbar,
	.woocommerce-MyAccount-navigation,
	.et-l--header,
	.et-l--footer,
	.et_pb_section:first-child {

		display: none !important;

	}

	body {
		font-size: 12px !important;
		line-height: 1.35 !important;
	}

	h2 {
		font-size: 24px !important;
	}

	h3 {
		font-size: 18px !important;
	}

	.ddd-order-card {
		padding: 20px !important;
	}

	.ddd-order-header {
		margin-bottom: 20px !important;
	}

	.ddd-order-meta-top {
		margin-bottom: 18px !important;
	}

	.ddd-order-party {
		margin-bottom: 14px !important;
	}

	.ddd-order-party p {
		margin: 0 0 4px !important;
	}

	.ddd-order-party strong {
		display: block;
		margin-bottom: 8px;
	}

	.ddd-invoice-row {
		margin-top: 8px !important;
	}

	.ddd-order-details {
		margin-top: 18px !important;
	}

	.ddd-order-details h2 {
		margin-bottom: 12px !important;
	}

	.ddd-order-details table th,
		.ddd-order-details table td {
			padding: 8px 12px !important;
			font-size: 12px !important;
		}
	
		.ddd-order-details tfoot th,
		.ddd-order-details tfoot td {
			padding: 7px 12px !important;
		}
	
		html,
	body {
		margin: 0 !important;
		padding: 0 !important;
	}
	
	.ddd-print-area {
		width: 100% !important;
		max-width: none !important;
		margin: 0 !important;
		padding: 0 !important;
	}
	
	.ddd-order-card {
		width: 100% !important;
		max-width: none !important;
	}

	/* Remove every Divi wrapper */
	#page-container,
	#main-content,
	.container,
	.et-db #et-boc,
	.et-l,
	.et-l--body,
	.et_pb_section,
	.et_pb_row,
	.et_pb_column,
	.et_pb_with_background,
	.et_pb_post,
	.woocommerce,
	.woocommerce-account,
	.woocommerce-MyAccount,
	.et_pb_pagebuilder_layout,
	#et-boc {
		width: 100% !important;
		max-width: none !important;

		margin: 0 !important;
		padding: 0 !important;

		border: 0 !important;
		box-shadow: none !important;
		background: #fff !important;
	}

}

/* ==========================================================
   Installation Guide
========================================================== */

.ddd-installation-guide {
    border-top: 1px solid #e5e5e5;
}

.ddd-installation-toggle {
    width: 100%;
    padding: 0;
    border: 0;
    background: #fff;

    display: flex;
    align-items: center;
    justify-content: flex-start;

    cursor: pointer;

    font-size: 15px;
    font-weight: 600;
    color: #1d2327;

    transition: background .2s ease;
}

.ddd-installation-toggle:hover {
    background: #f6f7f7;
}

.ddd-installation-toggle span:first-child,
.ddd-installation-toggle {
    padding: 5px 10px;
}

.ddd-installation-arrow {
    font-size: 13px;
    transition: transform .25s ease;
}

.ddd-installation-toggle.active .ddd-installation-arrow {
    transform: rotate(180deg);
}

.ddd-installation-content {

    max-height: 0;
    overflow: hidden;

    padding: 0 14px;

    background: #fff;

    border-top: 0;

    transition:
        max-height .35s ease,
        border-color .35s ease;
}

.ddd-installation-content ol {
    margin: 0;
    padding-left: 20px;
}

.ddd-installation-content li {
    margin-bottom: 12px;
    line-height: 1.7;
}

@media (max-width: 767px) {
	.ddd-installation-guide {
    	margin-top: 30px;
	}

}

@media (max-width: 1300px) {
	table.ddd-activations-table {
	    border-color: transparent !important;
	}

	.ddd-activations-table tr {
        padding: 0px;
    }

	

}