/* ==============================================
   Start Admin License Page CSS
   ============================================== */

#scWordAILicenseKey table {
	width: 75%;
	border-spacing: 30px;
    margin: 0 auto;
}   

#scWordAILicenseKey table td.wordai-license-key-label-td {
	width: 25%;
}
#scWordAILicenseKey table td.wordai-license-key-td {
	width: 100%;
}

.sc-wordai-license-info-refresh-btn-text {
	font-size: 16px;
	font-weight: 800;
	color: #2779F6;
	/* text-decoration: underline; */
	cursor: pointer;	
}
.expired-renew-license {
	font-size: 16px;
	font-weight: bold;	
}
.advance-renew-license {
	font-size: 16px;
	font-weight: bold;
}

/* Wrapper styling */
.wrap {
    font-family: "Segoe UI", "Roboto", sans-serif;
    color: #23282d;
    background-color: #fff;
    padding: 20px;
    border: 1px solid #e5e5e5;
    border-radius: 10px;
    box-shadow: 0 3px 8px rgba(0,0,0,0.07);
}

/* License Page Top Header */
.license-page-header {
    text-align: center;
    font-size: 28px;
    font-weight: 600;
    color: #0073aa;               /* WordPress blue */
    margin-bottom: 25px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 12px;
    transition: all 0.3s ease;
}

/* Icon styling */
.license-page-header i {
    font-size: 32px;
    color: #00a0d2;               /* Slightly lighter blue for icon */
    transition: transform 0.3s ease, color 0.3s ease;
}

/* Icon hover effect */
.license-page-header:hover i {
    transform: rotate(-15deg) scale(1.1);
    color: #005f8d;               /* Darker blue on hover */
}

/* Table hover effect */
#scWordAILicenseKey table tr:hover td {
    background-color: rgba(0, 115, 170, 0.05);
}

/* License Key Card */
.license-key-card {
    display: block;           /* Make sure it fills the table cell */
    width: 100%;
    padding: 16px 20px;
    background: #f9f9f9;
    border: 1px solid #e5e5e5;
    border-radius: 10px;
    box-shadow: 0 2px 6px rgba(0,0,0,0.08);
    box-sizing: border-box;   /* Include padding in width */
    transition: all 0.3s ease, transform 0.25s ease;
}

.license-key-card:hover {
    background-color: rgba(0,115,170,0.05); /* Slightly stronger to cover full width */
    box-shadow: 0 6px 18px rgba(0,0,0,0.15);
    transform: translateY(-3px);
}


/* License Key Input */
.wordai-pro-license-key {
    width: 100%;
    height: 45px;
    min-height: 40px;
    padding: 12px 16px;
    font-size: 14px;
    border-radius: 6px;
    border: 1px solid #ccd0d4;
    background: linear-gradient(to bottom, #fff, #fefefe);
    box-shadow: inset 0 1px 3px rgba(0,0,0,0.08);
    transition: all 0.3s ease;
}

.wordai-pro-license-key:focus {
    border-color: #0073aa;
    box-shadow: 0 0 6px rgba(0,115,170,0.3), inset 0 1px 3px rgba(0,0,0,0.08);
    outline: none;
}

/* Save Button */
.license-action-wrapper {
    display: flex;
    justify-content: flex-end;
    margin-top: 12px;
}

.save-license-key-btn {
    padding: 12px 28px;
    height: 40px;
    font-size: 15px;
    border-radius: 6px;
    font-weight: 600;
    background: linear-gradient(to bottom, #0073aa, #005f8d);
    color: #fff;
    border: 1px solid #005f8d;
    box-shadow: 0 2px 4px rgba(0,0,0,0.15);
    transition: all 0.3s ease;
}

.save-license-key-btn:hover {
    background: linear-gradient(to bottom, #0089cc, #0073aa);
    border-color: #0073aa;
}

/* License Page Support Info */
.license-page-support-info {
    padding: 14px 18px;
    border-radius: 10px;
    text-align: right;
    background: #f5f7fa;              /* subtle light background */
    border: 1px solid #e0e0e0;       /* soft border */
    font-size: 13px;
    line-height: 1.5;
    color: #23282d;
    transition: all 0.3s ease, box-shadow 0.3s ease;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 6px;
}

/* Hover effect on entire row */
.license-page-support-info:hover {
    background: #f0f4fb;
    box-shadow: 0 4px 12px rgba(0,0,0,0.08);
}

/* Smiley icon effect on row hover */
.license-page-support-info:hover span.dashicons {
    color: #0073aa;
    transform: scale(1.2);
    transition: all 0.3s ease;
}

/* Support link styling */
.license-page-support-info a {
    color: #0073aa;
    text-decoration: none;
    font-weight: 500;
    transition: color 0.3s ease;
}

.license-page-support-info a:hover {
    color: #005f8d;
    text-decoration: underline;
}

/* License Info & Refresh */

/* License Key Messages Card - Hidden by Default */
.sc-wordai-license-message-settings-info {
    display: none;                 /* hidden initially */
    width: 100%;
    margin-bottom: 15px;              /* space below input */
    padding: 14px 18px;            /* airy padding for readability */
    background: #f9f9f9;           /* light card background when shown */
    border: 1px solid #e5e5e5;     /* subtle border */
    border-radius: 10px;
    box-shadow: 0 2px 6px rgba(0,0,0,0.08);
    box-sizing: border-box;
    font-size: 13px;
    line-height: 1.5;
    transition: all 0.3s ease, transform 0.25s ease;
}

/* Show card when a message is added dynamically */
.sc-wordai-license-message-settings-info.active {
    display: block;                /* becomes visible */
}

/* Optional hover lift if desired when visible */
.sc-wordai-license-message-settings-info.active:hover {
    background-color: rgba(0,115,170,0.03);
    box-shadow: 0 6px 18px rgba(0,0,0,0.12);
    transform: translateY(-2px);
}

.license-info-wrapper {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 20px;
    padding: 12px 16px;
    border-radius: 10px;
    flex-wrap: wrap;
    background: #f9f9f9;
    border: 1px solid #e5e5e5;
    box-shadow: 0 2px 6px rgba(0,0,0,0.08);
    transition: all 0.3s ease, transform 0.25s ease;
    box-sizing: border-box; /* ensure padding included in width */
}

.license-info-wrapper:hover {
    background-color: rgba(0,115,170,0.03);
    box-shadow: 0 6px 18px rgba(0,0,0,0.15);
    transform: translateY(-3px);
}

.license-status-wrapper {
    display: flex;
    flex-direction: column;
    gap: 4px;
    text-align: right;
}

.license-status-wrapper i {
    margin-right: 6px;
    color: #0073aa;
}

.license-days-left {
    font-size: 13px;
    color: #23282d;
}

.sc-wordai-license-info-refresh-btn-text {
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    padding: 8px 14px;
    font-size: 13px;
    color: #0073aa;
    border-radius: 4px;
    transition: all 0.2s ease;
}

.sc-wordai-license-info-refresh-btn-text:hover {
    background-color: rgba(0,115,170,0.05);
}

/* Status labels */
.text-success {
    color: #008a20;
    font-weight: 600;
}
.text-error {
    color: #d63638;
    font-weight: 600;
}
.text-warning {
	color: #b45309;
	font-weight: 600;
}
.text-disabled {
    color: #6c7781;
    font-weight: 600;
}

.wordai-license-shell {
	background: transparent;
	border: 0;
	box-shadow: none;
}

.wordai-license-input-shell {
	display: flex;
	align-items: center;
	gap: 12px;
	min-height: 58px;
	padding: 0 18px;
	border: 1px solid #c9d3de;
	border-radius: 999px;
	background: #ffffff;
	box-shadow: inset 0 1px 2px rgba(15, 23, 42, 0.03);
}

.wordai-license-input-shell:focus-within {
	border-color: #2f80ed;
	box-shadow: 0 0 0 3px rgba(47, 128, 237, 0.14);
}

.wordai-license-input-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 22px;
	color: #175ea6;
	font-size: 15px;
}

.wordai-license-input-shell .wordai-pro-license-key {
	width: 100% !important;
	min-height: 56px !important;
	padding: 0 !important;
	border: 0 !important;
	border-radius: 0 !important;
	background: transparent !important;
	font-size: 15px;
	box-shadow: none !important;
	outline: none !important;
	appearance: none;
}

.wordai-license-input-shell .wordai-pro-license-key:focus {
	outline: none !important;
	box-shadow: none !important;
	border: 0 !important;
	background: transparent !important;
}

.sc-wordai-license-message-settings-info.active.text-error {
	color: #b91c1c;
	border-color: #fecaca;
	background: #fff1f2;
}

.sc-wordai-license-message-settings-info.active.text-warning {
	color: #92400e;
	border-color: #fde68a;
	background: #fffbeb;
}

.sc-wordai-license-message-settings-info.active.text-success {
	color: #047857;
	border-color: #a7f3d0;
	background: #ecfdf5;
}

#scWordAILicenseKey .wordai-license-input-shell {
	border-radius: 999px !important;
	background: #ffffff !important;
}

#scWordAILicenseKey .wordai-license-input-shell .wordai-pro-license-key,
#scWordAILicenseKey .wordai-license-input-shell .wordai-pro-license-key:hover,
#scWordAILicenseKey .wordai-license-input-shell .wordai-pro-license-key:focus {
	border: 0 !important;
	border-radius: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
	outline: none !important;
}

/* Responsive */
@media (max-width: 768px) {
    .license-key-card,
    .license-action-wrapper,
    .license-info-wrapper,
    .license-status-wrapper {
        width: 100%;
        flex-direction: column;
        align-items: flex-start;
    }

    .save-license-key-btn,
    .sc-wordai-license-info-refresh-btn-text {
        width: 100%;
    }

    .license-status-wrapper {
        text-align: left;
    }
}

/* ==============================================
   End Admin License Page CSS
   ============================================== */
