/*
 Theme Name:   CPSH
 Theme URI:    https://bricksbuilder.io/
 Description:  Use this child theme to extend Bricks.
 Author:       WPMAD
 Author URI:   https://wpmad.com
 Template:     bricks
 Version:      1.1
 Text Domain:  bricks
*/

:root {
  /* Map Brixies/ACSS vars to Fancy vars */
  --content-width: var(--container-width, 1200px);
  --radius-xs: var(--radius-s, 4px);
  --radius: var(--radius-m, 8px);
  
  /* 🧱 GRID SYSTEM FIXES */
  --grid-1: repeat(1, 1fr);
  --grid-2: repeat(2, 1fr);
  --grid-3: repeat(3, 1fr);
  --grid-gap: var(--space-m);
  --container-gap: var(--space-l);
  --content-gap: var(--space-s);

  /* 📐 WIDTH TOKENS */
  --width-m: min(100%, 55ch);
  --width-l: min(100%, 70ch);
  --width-xl: min(100%, 85ch);

  /* 🧊 BORDER RADII */
  --radius-xs: calc(var(--radius-s) / 2);
  --radius-s: 4px;
  --radius-m: 8px;

  /* Button variables */
  --btn-border-width: 0.1rem;
  --btn-radius: var(--radius-s);
  --btn-padding-block: var(--space-xs);
  --btn-padding-inline: var(--space-m);
  --btn-transition: all 0.2s ease;
}

/**
 * Paid Memberships Pro
 */

/* Membership form layout */
#pmpro_level-1 .pmpro_form, #pmpro_level-2 .pmpro_form {
    display: grid;
    gap: 1rem;
}
#pmpro_level-1 .pmpro_form {
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(1, 1fr);
}
#pmpro_level-1 .pmpro_form > * {
    grid-column: span 2;
}
#pmpro_level-1 .pmpro_form > #pmpro_form_fieldset-clearances-checks,
#pmpro_level-1 .pmpro_form > #pmpro_form_fieldset-training-certifications,
#pmpro_level-1 .pmpro_form > #pmpro_form_fieldset-licences-insurance,
#pmpro_level-1 .pmpro_form > #pmpro_form_fieldset-work-availability {
    grid-column: span 1;
}
/*#pmpro_level-1 .pmpro_form .pmpro_card {
    margin: 0;
}*/



/* Membership Checkout Layout Styles */
#pmpro_form_fieldset-qualifications-work-readiness .pmpro_form_fields {
    flex-direction: row;
}

/* Membership Checkout Asterisk Styles */
.pmpro_asterisk abbr, .pmpro_asterisk abbr[title] {
    color: #ff0000;
}


/* Other Role Field Styles */
.pmpro_form_field.role-other {
    display: none;
}



/**
 * PMPro Form Styles
 */
#pmpro_user_fields .pmpro_card_actions {
    font-weight: bold;
}
.pmpro label {
    color: var(--black-trans-70);
}

/* Profile Page Styles */
@media (max-width: 768px) {
    #pmpro_account-profile .pmpro_card_actions {
        display: flex;
        flex-direction: column;
        gap: var(--space-s);
    }
    #pmpro_account-profile .pmpro_card_actions .pmpro_card_action_separator {
        display: none;
    }
}


/**
 * Helper Classes
 */
.hide {
    display: none !important;
}