/* style.css */

/* General Form Styling */

.gt-form-container {
	display: flex;
	gap: 20px;
}
.gt-form-fields {
	flex: 2;
	display: flex;
	flex-direction: column;
	gap: 15px;
}
.gt-form-fields label {
	font-weight: bold;
	margin-bottom: 5px;
}
.gt-form-fields input[type=text], .gt-form-fields input[type=datetime-local], .gt-form-fields select, .gt-form-fields textarea {
	border-radius: 6px;
	border: 1px solid var(--Text, #111827);
	color: var(--Text, #111827);
	/* Body */
	font-family: Inter;
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: 29px;
	/* 161.111% */
}
.gt-form-fields select {
	min-height: 50px;
}
/* Progress Tracker */

.gt-progress-tracker {
	flex: 1;
	padding: 15px;
	position: sticky;
	top: 20px;
	height: fit-content;
	width: 314px !important;
	width: 350px;
	flex: 0 0 350px;
	border-radius: 6px;
	background: var(--Secondary, #CAE5FF);
	display: flex;
	padding: 18px;
	flex-direction: column;
	align-items: flex-start;
	gap: 10px;
	align-self: stretch;
}
.gt-progress-tracker h3 {
	color: var(--Text, #111827);
	text-align: center;
	/* Heading 5 */
	font-family: Inter;
	font-size: 20px;
	font-style: normal;
	font-weight: 500;
	padding: 0!important;
	margin: 0 !important;
	line-height: 28px;
	/* 140% */
}
.gt-progress-tracker ul {
	list-style: none;
	padding: 0!important;
	margin: 0 !important;
}
.gt-progress-tracker ul li {
	color: var(--Text, #111827);
	leading-trim: both;
	text-edge: cap;
	font-family: Inter;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 22px;
	display: flex;
	padding: 10px;
	flex-direction: column;
	align-items: flex-start;
	gap: 10px;
	flex: 1 0 0;
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
}
.gt-progress-tracker ul li.completed {
	background: #d4edda;
	color: #155724;
	font-weight: bold;
}
.gt-tracker-actions {
	display: flex;
	flex-direction: column;
	gap: 10px;
	margin-top: 15px;
}
.gt-tracker-actions button {
	color: var(--Primary, #00427A);
	leading-trim: both;
	text-edge: cap;
	/* Button */
	font-family: Inter;
	font-size: 18px;
	font-style: normal;
	font-weight: 600;
	line-height: 29px;
	/* 161.111% */
	display: flex;
	padding: 12px 20px;
	gap: 10px;
	align-self: stretch;
	border-radius: 6px;
	border: 2px solid var(--Primary, #00427A);
	flex-direction: row;
	/* make main axis horizontal (default setting) */
	justify-content: center;
	/* center items horizontally, in this case */
	align-items: center;
	/* center items vertically, in this case */
}
.chek-wrapper {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center
}
.elipses {
	width: 20px;
	height: 20px;
}
.elipses svg {
	width: 20px;
	height: 20px;
}
.badge .text {
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: 29px;
}
.gt-progress-tracker .progress-check {
	width: 21px !important;
	height: 21px !important;
}
.gt-tracker-actions button[name=save_draft] {
	background: #cae5ff;
	color: var(--Primary, #00427A);
}
.gt-tracker-actions button[name=submit_post] {
	border-radius: 6px;
	background: var(--Primary, #00427A);
}
.gt-tracker-actions button:hover {
	opacity: 0.9;
}
#wp-gt_post_content-wrap {
	width: 100% !important;
}
.disclamer p {
	color: #000;
	text-align: center;
	leading-trim: both;
	text-edge: cap;
	/* Small */
	font-family: Inter;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 22px;
	/* 157.143% */
	padding: 0!important;
	margin: 0 !important;
}
.gt-form-fields {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 40px;
	flex: 1 0 0;
}
.gt-form-fields .form-row {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 10px;
	flex: 1 0 0;
}
.form-row.full-width {
	width: 100% !important;
}
.form-row .form-group {
	width: 100% !important;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 5px;
	align-self: stretch;
}
.form-row.full-width .form-group {
	width: 100% !important;
}
.gt-form-fields .form-row label {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 5px;
	align-self: stretch;
	margin: 0;
}
.form-row.half-width {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	/* 2 equal columns */
	gap: 20px;
	/* space between items */
}
.form-row.half-width .half-width {
	flex: 1 1 calc(50% - 20px);
	/* two columns */
}
.gt-form-fields .form-row .field-label {
	color: var(--Text, #111827);
	font-size: 20px;
	font-family: Inter;
	font-weight: 500;
	line-height: 28px;
	word-wrap: break-word
}
.gt-form-fields .form-row .field-desc {
	color: var(--Text, #111827);
	font-size: 14px;
	font-family: Inter;
	font-weight: 400;
	line-height: 22px;
	word-wrap: break-word
}
.gt-form-fields .form-row .form-field {
	color: var(--Text, #111827);
	font-size: 18px;
	font-family: Inter;
	font-weight: 400;
	line-height: 29px;
	width: 100% !important;
	word-wrap: break-word
}
.posts-list-container {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 10px;
	align-self: stretch;
}
.post-card {
	display: flex;
	padding: 14px;
	align-items: center;
	gap: 30px;
	align-self: stretch;
	border-radius: 6px;
	border: 1px solid var(--Mid-Grey, #DDD);
}
.post-card:hover {}
.post-card.draft {
	opacity: 0.75;
}
.thumbnail {
	width: 64px;
	height: 64px;
	aspect-ratio: 1/1;
	border-radius: 6px;
}
.content {
	flex: 1;
	min-width: 0;
}
.title {
	color: var(--Secondary-Text, #4B5563);
	/* Body */
	font-family: Inter;
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: 29px;
	/* 161.111% */
}
.title-text {
	color: var(--Secondary-Text, #4B5563);
	/* Body */
	font-family: Inter;
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: 29px;
	/* 161.111% */
}
.date {
	color: var(--Secondary-Text, #4B5563);
	/* Body */
	font-family: Inter;
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: 29px;
	/* 161.111% */
}
.badge {
	border-radius: 100px;
	border: 1px solid #35A217;
	background: #DFFFDA;
	display: flex;
	padding: 6px 12px;
	align-items: center;
	gap: 10px;
}
.badge-review {
	border: 1px solid #B85000;
	background: #FFC08F;
}
.badge-draft {
	border: 1px solid #626262;
	background: #D7D7D7;
}
.badge-review .elipses svg {
	fill: #B85000;
}
.badge-draft .elipses svg {
	fill: #626262;
}
.published .elipses svg {
	fill: #35A217;
}
.badge-review .text {
	color: #B85000;
}
.badge-draft .text {
	color: #626262;
}
.published .text {
	color: #35A217;
}
.icon {
	width: 20px;
	height: 20px;
	flex-shrink: 0;
}
.icon-edit {
	stroke: #2563eb;
	stroke-width: 2;
}
.action {
	margin-left: 16px;
}
.edit-link {
	display: inline-block;
	padding: 8px 16px;
	background: #2563eb;
	color: white;
	text-decoration: none;
	border-radius: 6px;
	font-size: 0.875rem;
	transition: background 0.2s;
}
.edit-link:hover {
	background: #1d4ed8;
}

.wp-core-ui .attachment .thumbnail {
    width: auto !important;
    height: auto !important;
    aspect-ratio: unset !important;
    border-radius: unset !important;
}


@media (max-width: 640px) {
	.post-card {
		flex-direction: column;
		align-items: flex-start;
		text-align: left;
		gap: 16px;
	}
	.date, .badge {
		align-self: flex-end;
	}
	.action {
		align-self: stretch;
		text-align: center;
		margin-left: 0;
	}
}
/* Feedback */

.gt-form-feedback {
	margin-top: 10px;
	font-weight: bold;
	color: #155724;
}
/* Dashboard Table */

table {
	width: 100%;
	border-collapse: collapse;
	margin-top: 15px;
}
table th, table td {
	padding: 10px;
	border-bottom: 1px solid #ddd;
	text-align: left;
}
table th {
	background: #f1f1f1;
	font-weight: bold;
}
table tr:hover {
	background: #f9f9f9;
}
table a {
	color: #007bff;
	text-decoration: none;
}
table a:hover {
	text-decoration: underline;
}
/* Admin Meta Box Buttons */

.gt-admin-buttons {
	display: flex;
	gap: 10px;
	margin-top: 10px;
}
.gt-admin-buttons button {
	padding: 8px 12px;
	border: none;
	border-radius: 5px;
	cursor: pointer;
	font-weight: bold;
	font-size: 13px;
}
.gt-admin-buttons button[data-action=approve] {
	background: #28a745;
	color: #fff;
}
.gt-admin-buttons button[data-action=revision] {
	background: #ffc107;
	color: #fff;
}
.gt-admin-buttons button[data-action=reject] {
	background: #dc3545;
	color: #fff;
}
.gt-admin-buttons button:hover {
	opacity: 0.9;
}
/* Responsive */

@media (max-width: 900px) {
	.gt-form-container {
		flex-direction: column;
	}
	.gt-progress-tracker {
		position: relative;
		top: auto;
		margin-top: 20px;
	}
}