/* Form wrapper: centered, max-width, horizontal padding */
.ddec-blog-form {
	margin: 0 auto;
	max-width: 1100px;
	width: 100%;
	padding: 40px 32px 60px;
	box-sizing: border-box;
}
@media (max-width: 640px) {
	.ddec-blog-form { padding: 24px 20px 40px; }
}

.ddec-blog-form__acf .acf-field{margin-bottom:16px;}
.ddec-blog-form__acf .acf-label label{font-weight:600;}
.ddec-blog-form__acf .acf-input input[type=text],
.ddec-blog-form__acf .acf-input input[type=number],
.ddec-blog-form__acf .acf-input textarea,
.ddec-blog-form__acf .acf-input select{width:100%;padding:10px 12px;border:1px solid #d1d9e6;border-radius:6px;transition:border-color .15s ease,box-shadow .15s ease;}
.ddec-blog-form__acf .acf-input input:focus,
.ddec-blog-form__acf .acf-input textarea:focus,
.ddec-blog-form__acf .acf-input select:focus{outline:none;border-color:var(--ddec-blog-color,#000000);box-shadow:0 0 0 2px rgba(0,0,0,0.12);}
/* Submit button: black */
.ddec-blog-form__acf .acf-submit button{background:#000000;border:none;padding:12px 18px;color:#fff;border-radius:8px;font-weight:700;cursor:pointer;box-shadow:0 10px 30px rgba(0,0,0,0.2);transition:transform .1s ease,box-shadow .1s ease;}
.ddec-blog-form__acf .acf-submit button:hover{transform:translateY(-1px);box-shadow:0 14px 32px rgba(0,0,0,0.26);}
.ddec-blog-form__acf .acf-submit button:active{transform:translateY(0);}
.ddec-blog-form__notice{background:#fff3cd;border:1px solid #ffeeba;padding:12px;border-radius:8px;color:#856404;}
.ddec-blog-form__notice--success{background:#e8f7ee;border:1px solid #b7e2c6;color:#176637;}
.ddec-blog-form__title{margin:0 0 20px;padding:0;font-size:2rem;font-weight:700;color:var(--ddec-blog-color,#000000);line-height:1.2;}
.ddec-blog-form__section-title{margin:32px 0 16px;padding:0;font-size:1.75rem;font-weight:600;color:var(--ddec-blog-color,#000000);line-height:1.2;}
.ddec-blog-form__acf a{color:var(--ddec-blog-color,#000000);}
.ddec-blog-form__inline{margin:0 0 18px;}
.ddec-blog-form__label{display:block;font-weight:600;margin-bottom:6px;}
.ddec-blog-form__select{width:100%;max-width:420px;padding:10px 12px;border:1px solid #d1d9e6;border-radius:6px;}
.ddec-blog-form__hint{margin:6px 0 0;font-size:12px;color:#5f6b7a;}

/* Notice box centering when rendered standalone outside .ddec-blog-form */
body.ddec-blog-form-page .ddec-blog-form__notice {
	max-width: 1100px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 40px;
	margin-bottom: 60px;
	padding-left: 32px;
	padding-right: 32px;
	box-sizing: border-box;
}
@media (max-width: 640px) {
	body.ddec-blog-form-page .ddec-blog-form__notice { padding-left: 20px; padding-right: 20px; }
}

/* Post selector styles */
.ddec-blog-post-selector{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:24px;margin-bottom:24px;}
.ddec-blog-post-selector__title{margin:0 0 18px;font-size:1.5rem;color:var(--ddec-blog-color,#000000);font-weight:700;}
.ddec-blog-post-selector__label{display:block;margin:0 0 10px;font-size:1.1rem;color:var(--ddec-blog-color,#000000);font-weight:700;}
.ddec-blog-post-selector__select{width:100%;max-width:600px;padding:12px 16px;border:1px solid #d1d9e6;border-radius:8px;font-size:1rem;background:#fff;cursor:pointer;transition:border-color .15s ease,box-shadow .15s ease;}
.ddec-blog-post-selector__select:focus{outline:none;border-color:var(--ddec-blog-color,#000000);box-shadow:0 0 0 3px rgba(0,0,0,0.12);}
.ddec-blog-post-selector__list{display:flex;flex-direction:column;gap:12px;}
.ddec-blog-post-selector__item{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;transition:background .15s ease,border-color .15s ease;}
.ddec-blog-post-selector__item:hover{background:#f1f5f9;border-color:#cbd5e1;}
.ddec-blog-post-selector__info{flex:1;}
.ddec-blog-post-selector__post-title{display:block;font-size:1.05rem;font-weight:600;color:#0f172a;margin-bottom:4px;}
.ddec-blog-post-selector__meta{font-size:0.9rem;color:#64748b;}
.ddec-blog-post-selector__status{display:inline-block;padding:2px 8px;border-radius:4px;font-size:0.85rem;font-weight:600;text-transform:capitalize;}
.ddec-blog-post-selector__status--publish{background:#d1fae5;color:#065f46;}
.ddec-blog-post-selector__status--draft{background:#fef3c7;color:#92400e;}
.ddec-blog-post-selector__status--pending{background:#dbeafe;color:#1e40af;}
/* Selector button: black background, white text */
.ddec-blog-post-selector__button{display:inline-flex;align-items:center;padding:8px 16px;background:#000000;color:#fff !important;text-decoration:none;border-radius:6px;font-weight:600;transition:transform .1s ease,box-shadow .1s ease;box-shadow:0 4px 12px rgba(0,0,0,0.2);}
.ddec-blog-post-selector__button:hover{transform:translateY(-1px);box-shadow:0 6px 16px rgba(0,0,0,0.3);background:#111111;}

/* ACF submit / primary buttons: black */
.acf-form .acf-form-submit input[type=submit],
.acf-form .acf-form-submit button[type=submit],
.acf-button.button-primary,
input.button-primary[type=submit] {
	background:#000000 !important;
	border:none !important;
	padding:12px 32px !important;
	color:#fff !important;
	border-radius:8px !important;
	font-weight:600 !important;
	font-size:15px !important;
	cursor:pointer !important;
	box-shadow:0 4px 14px rgba(0,0,0,0.3) !important;
	transition:all 0.2s ease !important;
	text-shadow:none !important;
	line-height:1.4 !important;
}
.acf-form .acf-form-submit input[type=submit]:hover,
.acf-form .acf-form-submit button[type=submit]:hover,
.acf-button.button-primary:hover,
input.button-primary[type=submit]:hover {
	background:#111111 !important;
	transform:translateY(-2px) !important;
	box-shadow:0 6px 20px rgba(0,0,0,0.4) !important;
}
.acf-form .acf-form-submit input[type=submit]:active,
.acf-form .acf-form-submit button[type=submit]:active,
.acf-button.button-primary:active,
input.button-primary[type=submit]:active {
	transform:translateY(0) !important;
	box-shadow:0 2px 8px rgba(0,0,0,0.3) !important;
}

/* Center the Konstruktion theme page title on form pages.
   DOM path: #sub-header > .meta-header > .limit-wrapper > .meta-header-inside > header.page-header > h1 */
body.ddec-blog-form-page #sub-header .meta-header-inside {
	text-align: center;
}
body.ddec-blog-form-page #sub-header .page-header {
	text-align: center;
	align-items: center;
	justify-content: center;
}
body.ddec-blog-form-page #sub-header .page-header h1,
body.ddec-blog-form-page #sub-header .page-header h2,
body.ddec-blog-form-page #sub-header .page-header h3 {
	text-align: center !important;
	width: 100%;
}
@media (max-width: 768px) {
	body.ddec-blog-form-page #sub-header .page-header h1 { font-size: 1.6rem; }
}

/* Intro paragraph on update page */
body.ddec-blog-form-page .ddec-update-intro {
	max-width: 1100px;
	margin-left: auto;
	margin-right: auto;
	padding: 32px 32px 0;
	box-sizing: border-box;
}
@media (max-width: 640px) {
	body.ddec-blog-form-page .ddec-update-intro { padding-left: 20px; padding-right: 20px; }
}
/* Update-page tabs container: centered, no side padding — panel contents own their own spacing */
body.ddec-blog-form-page .ddec-update-tabs {
	max-width: 1100px;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 60px;
	box-sizing: border-box;
}
/* Tab nav bar: align buttons with form content below */
body.ddec-blog-form-page .ddec-update-tabs__nav {
	padding-left: 32px !important;
	padding-right: 32px !important;
}
@media (max-width: 640px) {
	body.ddec-blog-form-page .ddec-update-tabs__nav { padding-left: 20px !important; padding-right: 20px !important; }
}
/* Tab buttons: black background + white text (inactive); white + black border-bottom on hover/active */
body.ddec-blog-form-page .ddec-update-tabs__button {
	background: #000000 !important;
	color: #ffffff !important;
	border-bottom-color: transparent !important;
}
body.ddec-blog-form-page .ddec-update-tabs__button--active,
body.ddec-blog-form-page .ddec-update-tabs__button:hover {
	background: #ffffff !important;
	color: #000000 !important;
	border-bottom-color: #000000 !important;
}

@media (max-width:640px){
	.ddec-blog-post-selector__item{flex-direction:column;align-items:flex-start;gap:10px;}
	.ddec-blog-post-selector__button{width:100%;justify-content:center;}
}
