/*
=========================================================
80-forms.css — Forms, listing submit, login tabs, dividers
=========================================================
*/

/* ------------------- */
/* Add Listing form – main border */
.c27-submit-listing-form{
  background: #fff;
  border-radius: 16px;

  border: 2px solid rgba(255, 115, 0, 0.521);

  box-shadow:
    0 12px 28px rgba(0,0,0,.08),
    0 0 0 1px rgba(255,113,0,.08) inset;

  padding: 18px;

  padding-bottom: 18px !important;
}

/* ------------------------- */
/* Tabs wrapper */
/* === LOGIN TABS: force inactive to NOT look disabled === */
.login-tabs,
.login-tabs li,
.login-tabs li h3,
.login-tabs li a {
	opacity: 1 !important;
	filter: none !important;
}

/* Layout */
.login-tabs {
	display: flex !important;
	gap: 12px !important;
	margin: 0 0 24px !important;
	padding: 0 !important;
}

/* Each tab */
.login-tabs li {
	list-style: none !important;
	flex: 1 !important;
	margin: 0 !important;
}

/* Remove any theme styling from headings */
.login-tabs h3 {
	margin: 0 !important;
	padding: 0 !important;
	font-size: inherit !important;
	font-weight: inherit !important;
}

/* Base (inactive) tab — FULL visibility */
.login-tabs li a {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;

	height: 56px !important;
	width: 100% !important;

	border-radius: 18px !important;

	background: #ffffff !important;
	color: #111827 !important;

	border: 2px solid #cbd5e1 !important;

	box-shadow:
		0 2px 0 rgba(0,0,0,0.08),
		inset 0 1px 0 rgba(255,255,255,0.9) !important;

	text-decoration: none !important;

	font-size: 18px !important;
	font-weight: 800 !important;
	letter-spacing: 0.2px !important;

	transform: none !important;

	transition: transform .15s ease, box-shadow .15s ease, border-color .15s ease !important;
}

/* Hover */
.login-tabs li:not(.active) a:hover {
	transform: translateY(-1px) !important;
	border-color: #ff7100 !important;
	box-shadow:
		0 10px 22px rgba(0,0,0,0.14) !important;
}

/* Active tab */
.login-tabs li.active a {
	background: linear-gradient(180deg, #ff8a3d, #ff7100) !important;
	color: #ffffff !important;

	border-color: #ff7100 !important;

	box-shadow:
		0 10px 22px rgba(255,113,0,0.45),
		inset 0 1px 0 rgba(255,255,255,0.35) !important;

	transform: translateY(-1px) !important;
}

/* Mobile */
@media (max-width: 480px) {
	.login-tabs li a {
		height: 52px !important;
		font-size: 16px !important;
	}
}

/* =========================
   Form fields: clean borders
   ========================= */

/* Focus */
.pf-body .form-group input.input-text:focus,
.pf-body .form-group textarea.input-text:focus,
.pf-body .form-group input:focus,
.pf-body .form-group textarea:focus {
  border-color: #ce6109 !important;
  box-shadow: 0 0 0 4px rgba(255, 113, 0, .18) !important;
}

/* Labels a bit clearer */
.pf-body .field-head > label {
  display: inline-block;
  margin-bottom: 8px;
  font-weight: 800;
  color: #000000;
}

/* =========================================
   Dividers between fields (MyListing forms)
   ========================================= */

.pf-body .form-group {
  position: relative;
  padding-bottom: 18px;   /* space for divider */
  margin-bottom: 18px;    /* breathing room */
}

/* divider line */
.pf-body .form-group:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;

  height: 1px;
  background: #000000;
  opacity: 0.9;
}

/* don't show divider after the last field in a section */
.pf-body .form-group:last-child:after {
  display: none;
}

/* If your markup nests groups, this helps avoid double spacing */
.pf-body .form-section .form-group:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
}