/*
Theme Name: Betheme Child
Theme URI: https://themes.muffingroup.com/betheme
Author: Muffin group
Author URI: https://muffingroup.com
Description: Child Theme for Betheme
Template: betheme
Version: 2.0
*/

/* B2B-Registrierungsfelder – volle Breite, höhere Eingaben */
.b2b-full-fields {
    width: 100%;
    margin: 0;
    padding: 0;
}

.b2b-full-fields p.form-row {
    width: 100% !important;
    margin-bottom: 1em;
    display: block;
}

.b2b-full-fields input,
.b2b-full-fields select,
.b2b-full-fields textarea {
    width: 100% !important;
    height: 40px !important;
    padding: 0 0.8em !important;
    font-size: 14px;
    border: 1px solid #ccc;
    border-radius: 3px;
    box-sizing: border-box;
}

.b2b-full-fields input:focus,
.b2b-full-fields select:focus,
.b2b-full-fields textarea:focus {
    border-color: #7b7b7b;
    outline: none;
}

.b2b-full-fields label,
.b2b-full-fields .required {
    display: none;
}

/* Diese Regel gilt NUR für diese eine englische Seite */
.page-id-1696 .section-post-header, 
.page-id-1696 .post-nav, 
.page-id-1696 .column.one.post-nav.minimal {
    display: none !important;
}

/* Falls BeTheme sie als Post statt Seite ansieht, nimm zusätzlich das hier: */
.postid-1696 .section-post-header, 
.postid-1696 .post-nav {
    display: none !important;
}

/* 1. Greift ALLES an, was 'post-nav' in der Klasse hat */
[class*="post-nav"] {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    opacity: 0 !important;
}

/* 2. Greift die speziellen Pfeil-Container an */
.post-nav, .prev, .next, .photo, .desc {
    display: none !important;
}

/* 3. Verhindert, dass sie Platz wegnehmen */
.section-post-header {
    display: none !important;
}
/* Benutzeranmeldemaske ändern */
/* 1. Beschriftungen verkleinern */
.mfn-header-modal-login .form-row label {
    font-size: 13px !important;
    font-weight: 400 !important;
    text-transform: none !important;
    margin-bottom: 5px !important;
}

/* 2. Text im Feld nach rechts schieben (weg vom Icon) */
.mfn-header-modal-login .input-text {
    font-size: 13px !important;
    padding-left: 40px !important; /* Wichtig für die Icons links */
    height: 40px !important; /* Einheitliche Höhe */
}

/* 3. Passwort-Auge rechts positionieren */
.mfn-header-modal-login .show-password-input {
    right: 10px !important;
}

/* 4. Den Hintergrund der Anmeldemaske auf Hellgrau setzen */
div.mfn-header-login.mfn-header-modal-login {
    background-color: #efefef !important;
    background: #efefef !important;
    border: 1px solid #dddddd !important;
    padding: 25px !important;
    border-radius: 8px !important;
}

/* 5. Das B2B-Feld NUR auf der Kassen-Seite verstecken */
.woocommerce-checkout #b2b_role_field, 
.woocommerce-checkout .form-row-b2b_role,
.woocommerce-checkout p:has(> #b2b_role),
.woocommerce-checkout #b2b_role {
    display: none !important;
}

/* 5.b Sicherstellen, dass es in der Anmeldemaske WIEDER DA IST */
.mfn-header-login #b2b_role_field,
.mfn-header-login .form-row-b2b_role,
.mfn-header-login #b2b_role {
    display: block !important;
    visibility: visible !important;
    height: auto !important;
    margin-bottom: 10px !important;
}