/* =========================================================
   Hegau24 — Add Company
   Component: company/add
   ========================================================= */

.hegau24-company-add-form {
    --hegau-company-blue: #123a68;
    --hegau-company-blue-dark: #0b2d52;
    --hegau-company-text: #1d2b3a;
    --hegau-company-muted: #667789;
    --hegau-company-border: #dce4ec;
    --hegau-company-bg: #f4f7fa;
    --hegau-company-white: #ffffff;
    --hegau-company-radius: 18px;
    --hegau-company-shadow: 0 8px 28px rgba(24, 48, 72, 0.08);

    width: min(920px, 100%);
    margin: 28px auto 0;
    padding: 34px 38px 38px;
    background: var(--hegau-company-white);
    border: 1px solid var(--hegau-company-border);
    border-radius: var(--hegau-company-radius);
    box-shadow: var(--hegau-company-shadow);
    color: var(--hegau-company-text);
}

.hegau24-company-add-form,
.hegau24-company-add-form * {
    box-sizing: border-box;
}

/* Fields */

.hegau24-company-add-form__field {
    margin-bottom: 20px;
}

.hegau24-company-add-form__field label {
    display: block;
    margin-bottom: 8px;
    color: var(--hegau-company-text);
    font-size: 14px;
    line-height: 1.4;
    font-weight: 700;
}

.hegau24-company-add-form__field label span {
    margin-left: 3px;
    color: #d33;
}

.hegau24-company-add-form__field input,
.hegau24-company-add-form__field textarea {
    display: block;
    width: 100%;
    border: 1px solid var(--hegau-company-border);
    border-radius: 10px;
    background: #fff;
    color: var(--hegau-company-text);
    font: inherit;
    font-size: 15px;
    line-height: 1.5;
    transition:
        border-color .18s ease,
        box-shadow .18s ease,
        background-color .18s ease;
}

.hegau24-company-add-form__field input {
    min-height: 48px;
    padding: 0 14px;
}

.hegau24-company-add-form__field textarea {
    min-height: 150px;
    padding: 12px 14px;
    resize: vertical;
}

.hegau24-company-add-form__field input:hover,
.hegau24-company-add-form__field textarea:hover {
    border-color: #c6d2df;
}

.hegau24-company-add-form__field input:focus,
.hegau24-company-add-form__field textarea:focus {
    outline: none;
    border-color: var(--hegau-company-blue);
    box-shadow: 0 0 0 3px rgba(18, 58, 104, .10);
}

/* Put shorter fields into a two-column layout */

.hegau24-company-add-form__field:nth-child(4),
.hegau24-company-add-form__field:nth-child(5),
.hegau24-company-add-form__field:nth-child(7),
.hegau24-company-add-form__field:nth-child(8),
.hegau24-company-add-form__field:nth-child(9),
.hegau24-company-add-form__field:nth-child(10) {
    width: calc(50% - 10px);
    display: inline-block;
    vertical-align: top;
}

.hegau24-company-add-form__field:nth-child(4) {
    margin-right: 16px;
}

/* Notice */

.hegau24-company-add-form__notice {
    margin: 8px 0 24px;
    padding: 14px 16px;
    border: 1px solid #d8e3ee;
    border-radius: 10px;
    background: #f4f8fc;
    color: var(--hegau-company-muted);
    font-size: 14px;
    line-height: 1.55;
}

/* Submit */

.hegau24-company-add-form button[type="submit"] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 48px;
    padding: 0 22px;
    border: 1px solid var(--hegau-company-blue);
    border-radius: 10px;
    background: var(--hegau-company-blue);
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    line-height: 1;
    cursor: pointer;
    transition:
        transform .18s ease,
        box-shadow .18s ease,
        background-color .18s ease;
}

.hegau24-company-add-form button[type="submit"]:hover {
    transform: translateY(-1px);
    background: var(--hegau-company-blue-dark);
    box-shadow: 0 7px 18px rgba(18, 58, 104, .22);
}

.hegau24-company-add-form button[type="submit"]:focus-visible {
    outline: 3px solid rgba(18, 58, 104, .18);
    outline-offset: 2px;
}

/* Mobile */

@media (max-width: 700px) {

    .hegau24-company-add-form {
        margin-top: 20px;
        padding: 24px 20px 26px;
        border-radius: 14px;
    }

    .hegau24-company-add-form__field:nth-child(4),
    .hegau24-company-add-form__field:nth-child(5),
    .hegau24-company-add-form__field:nth-child(7),
    .hegau24-company-add-form__field:nth-child(8),
    .hegau24-company-add-form__field:nth-child(9),
    .hegau24-company-add-form__field:nth-child(10) {
        width: 100%;
        margin-right: 0;
    }

    .hegau24-company-add-form button[type="submit"] {
        width: 100%;
    }
}

/* Company logo upload */
.hegau24-company-add-form__field--logo {
    padding: 18px;
    border: 1px dashed var(--hegau-company-border);
    border-radius: var(--hegau-company-radius);
    background: var(--hegau-company-bg);
}

.hegau24-company-add-form__field--logo input[type="file"] {
    display: block;
    width: 100%;
    padding: 10px 12px;
    border: 1px solid var(--hegau-company-border);
    border-radius: 10px;
    background: var(--hegau-company-white);
    font-size: 14px;
    color: var(--hegau-company-text);
    box-sizing: border-box;
}

.hegau24-company-add-form__help {
    margin: 8px 0 0;
    font-size: 13px;
    line-height: 1.5;
    color: var(--hegau-company-muted);
}

/* Company add page: remove extra header gap */
body.hp-template--user-company-add-page .hegau-header { margin-bottom: 0; }

/* Company add page: account sidebar card */
body.hp-template--user-company-add-page .hp-page__sidebar {
    margin-bottom: 0;
    padding: 24px;
    background: #ffffff;
    border: 1px solid #dce4ec;
    border-radius: 18px;
    box-shadow: 0 8px 28px rgba(24, 48, 72, 0.08);
}

/* Company add page: compact account menu card */
body.hp-template--user-company-add-page .hp-page__sidebar {
    padding: 0;
    background: transparent;
    border: 0;
    border-radius: 0;
    box-shadow: none;
}

body.hp-template--user-company-add-page .hp-page__sidebar .hp-widget {
    padding: 24px;
    background: #ffffff;
    border: 1px solid #dce4ec;
    border-radius: 18px;
    box-shadow: 0 8px 28px rgba(24, 48, 72, 0.08);
}

/* Company add page: align account sidebar with Hegau24 outer container */
body.hp-template--user-company-add-page .hp-page__sidebar {
    transform: translateX(-10px);
}

/* Company add page: align account layout with Hegau24 1800px grid */
body.hp-template--user-company-add-page .ct-container {
    width: 1290px;
    max-width: 1290px;
    margin-left: max(20px, calc((100vw - 1800px) / 2));
    margin-right: 0;
}

body.hp-template--user-company-add-page .hp-page__sidebar {
    transform: none;
}

/* Company add page: exact account menu alignment */
body.hp-template--user-company-add-page .hp-page__sidebar .hp-widget {
    transform: translateX(13px);
}

/* Company add page: visual gap between account menu and main content */
body.hp-template--user-company-add-page .hp-page__sidebar .hp-widget {
    margin-right: 20px;
}

/* Company add page: SVG icons for account menu */
body.hp-template--user-company-add-page .hp-page__sidebar .hp-menu--user-account > ul > li > a,
body.hp-template--user-company-add-page .hp-page__sidebar .hp-menu--user-account > li > a {
    display: flex;
    align-items: center;
    gap: 10px;
}

body.hp-template--user-company-add-page .hp-page__sidebar .hp-menu__item--user-edit-settings > a::before {
    content: "";
    flex: 0 0 20px;
    width: 20px;
    height: 20px;
    background: url("icons/settings.svg") center / contain no-repeat;
}

body.hp-template--user-company-add-page .hp-page__sidebar .hp-menu__item--hegau24-companies > a::before {
    content: "";
    flex: 0 0 20px;
    width: 20px;
    height: 20px;
    background: url("icons/company.svg") center / contain no-repeat;
}

body.hp-template--user-company-add-page .hp-page__sidebar .hp-menu__item--user-logout > a::before {
    content: "";
    flex: 0 0 20px;
    width: 20px;
    height: 20px;
    background: url("icons/logout.svg") center / contain no-repeat;
}

/* Company add page: align account menu icon and label as one left-aligned group */
body.hp-template--user-company-add-page .hp-page__sidebar .hp-menu--user-account a {
    justify-content: flex-start;
    text-align: left;
}

body.hp-template--user-company-add-page .hp-page__sidebar .hp-menu--user-account a > span {
    margin-left: 0;
}

/* Company add page: form heading and intro */
body.hp-template--user-company-add-page .hegau24-company-add-form__header {
    margin: 0 0 28px;
    padding: 0 0 22px;
    border-bottom: 1px solid var(--hegau-company-border);
}

body.hp-template--user-company-add-page .hegau24-company-add-form__header h1 {
    margin: 0 0 8px;
    color: var(--hegau-company-blue);
    font-size: 30px;
    line-height: 1.2;
    font-weight: 700;
}

body.hp-template--user-company-add-page .hegau24-company-add-form__header p {
    margin: 0;
    max-width: 760px;
    color: var(--hegau-company-muted);
    font-size: 15px;
    line-height: 1.6;
}

/* Company add page: hide duplicate HivePress page title */
body.hp-template--user-company-add-page .hp-page__title {
    display: none;
}

/* Company add page: hide duplicate HivePress page title */
body.hp-template--user-company-add-page .hp-page__title {
    display: none;
}

/* Company add page: align form card with account sidebar */
body.hp-template--user-company-add-page .hegau24-company-add-form {
    margin-top: 0;
}
