/* Grid */
.page-template-default:has(.c-title-login) #page.site .woocommerce-MyAccount-content {
  display               : grid;
  grid-template-columns : 1fr;
  grid-template-rows    : auto auto auto 16px auto auto auto 16px repeat(9, auto);
  grid-template-areas   : 
    "notice"
    "tname "
    "first "
    ".     "
    "last  "
    "tlogin"
    "email "
    ".     "
    "button"
    "pass  "
    "tfa   "
    "tnews "
    "news1 "
    "news2 "
    "ads   "
    "delete"
    "save  ";
}
@media (min-width: 744px) {
  .page-template-default:has(.c-title-login) #page.site .woocommerce-MyAccount-content {
    display               : grid;
    column-gap            : 16px;
    grid-template-columns : 1fr 1fr;
    grid-template-rows    : repeat(12, auto);
    grid-template-areas   : 
      "notice notice"
      "tname  .     "
      "first  last  "
      "tlogin tlogin"
      "email  button"
      ".      pass  "
      "tfa    tfa   "
      "tnews  tnews "
      "news1  news1 "
      "news2  news2 "
      "ads    ads   "
      "delete delete"
      "save   save  ";
  }
}

.page-template-default:has(.c-title-login) #page.site .woocommerce-MyAccount-content .woocommerce-notices-wrapper {
  grid-area : notice;
}
.page-template-default:has(.c-title-login) #page.site .woocommerce-MyAccount-content > form {
  display : contents;
}
.page-template-default:has(.c-title-login) #page.site .woocommerce-MyAccount-content .c-title-name {
  grid-area : tname;
}
.page-template-default:has(.c-title-login) #page.site .woocommerce-EditAccountForm > p:has(#account_first_name) {
  grid-area : first;
  margin    : 0;
  width     : 100%;
}
.page-template-default:has(.c-title-login) #page.site .woocommerce-EditAccountForm > p:has(#account_last_name) {
  grid-area : last;
  margin    : 0;
  width     : 100%;
}
.page-template-default:has(.c-title-login) #page.site .woocommerce-EditAccountForm > .clear {
  display : none;
}
.page-template-default:has(.c-title-login) #page.site .woocommerce-EditAccountForm > p:has(#account_display_name) {
  display : none;
}
.page-template-default:has(.c-title-login) #page.site .woocommerce-MyAccount-content .c-title-login {
  grid-area   : tlogin;
  border-top  : 1px solid var(--c-border);
  margin-top  : 16px;
  padding-top : 16px;
}
.page-template-default:has(.c-title-login) #page.site .woocommerce-EditAccountForm > p:has(#account_email) {
  grid-area  : email;
  align-self : end;
  margin     : 0;
}
.page-template-default:has(.c-title-login) #page.site .woocommerce-EditAccountForm > fieldset:has(.password-input) {
  grid-area     : pass;
}
.page-template-default:has(.c-title-login) #page.site .woocommerce-MyAccount-content > .c-change-pw {
  grid-area     : button;
  justify-self  : stretch;
}
@media (min-width: 744px) {
  .page-template-default:has(.c-title-login) #page.site .woocommerce-MyAccount-content > .c-change-pw {
    grid-area     : button;
    align-self    : end;
    justify-self  : end;
  }
}
.page-template-default:has(.c-title-login) #page.site .woocommerce-MyAccount-content .c-2fa {
  grid-area   : tfa;
  border-top  : 1px solid var(--c-border);
  margin-top  : 16px;
  padding-top : 16px;
}
.page-template-default:has(.c-title-login) #page.site .woocommerce-MyAccount-content .c-title-newsletter {
  grid-area   : tnews;
  border-top  : 1px solid var(--c-border);
  margin-top  : 16px;
  padding-top : 16px;
}
.page-template-default:has(.c-title-login) #page.site .woocommerce-EditAccountForm p:has(#mailchimp_woocommerce_is_subscribed){
  grid-area : news1;
}
.page-template-default:has(.c-title-login) #page.site .woocommerce-EditAccountForm p:has(#mailchimp_woocommerce_is_unsubscribed){
  grid-area : news2;
}
.page-template-default:has(.c-title-login) #page.site .woocommerce-EditAccountForm p:has(#mailchimp_woocommerce_is_transactional){
  display : none;
}
.page-template-default:has(.c-title-login) #page.site .woocommerce-MyAccount-content > fieldset:has(#c-personal-ads) {
  grid-area     : ads;
  border-top    : 1px solid var(--c-border);
  padding       : 16px 0 0 0;
}
.page-template-default:has(.c-title-login) #page.site .woocommerce-MyAccount-content > div:has(.c-delete-account) {
  grid-area     : delete;
  margin        : 16px 0 16px 0;
  padding       : 16px 0 16px 0;
  border-top    : 1px solid var(--c-border);
  border-bottom : 1px solid var(--c-border);
}
.page-template-default:has(.c-title-login) #page.site .woocommerce-EditAccountForm p:has(#save-account-details-nonce) {
  grid-area    : save;
  justify-self : stretch;
}
.page-template-default:has(.c-title-login) #page.site .woocommerce-EditAccountForm p:has(#save-account-details-nonce) button {
  width : 100%;
}
@media (min-width: 744px) {
  .page-template-default:has(.c-title-login) #page.site .woocommerce-EditAccountForm p:has(#save-account-details-nonce) {
    justify-self : right;
  }
}

/* Mailchimp */
.page-template-default:has(.c-title-login) #page.site .woocommerce-EditAccountForm p:has(#mailchimp_woocommerce_is_subscribed) label,
.page-template-default:has(.c-title-login) #page.site .woocommerce-EditAccountForm p:has(#mailchimp_woocommerce_is_unsubscribed) label {
  display               : grid;
  grid-template-columns : auto 1fr;
  column-gap            : 8px;
  align-items           : center;
}

/* ads */
.page-template-default:has(.c-title-login) #page.site .woocommerce-MyAccount-content > fieldset:has(#c-personal-ads) div {
  display               : grid;
  grid-template-columns : auto 1fr;
  column-gap            : 8px;
  align-items           : center;
}
/* delete */
.page-template-default:has(.c-title-login) #page.site .woocommerce-MyAccount-content > div:has(.c-delete-account) {
  display               : grid;
  grid-template-columns : 1fr;
  grid-template-areas   : 
  "title "
  "text  "
  "butt1"
  "bdel"
  "warn  ";
}
@media (min-width: 744px) {
  .page-template-default:has(.c-title-login) #page.site .woocommerce-MyAccount-content > div:has(.c-delete-account) {
    display               : grid;
    grid-template-columns : 1fr auto;
    grid-template-areas   : 
    "title title "
    "text  butt1"
    "warn  bdel ";
  }
}
.page-template-default:has(.c-title-login) #page.site .woocommerce-MyAccount-content > div .c-delete-account {
  display : contents;
}
.page-template-default:has(.c-title-login) #page.site .woocommerce-MyAccount-content > div:has(.c-delete-account) h2 {
  grid-area : title;
}
.page-template-default:has(.c-title-login) #page.site .woocommerce-MyAccount-content > div:has(.c-delete-account) > p {
  grid-area : text;
}
.page-template-default:has(.c-title-login) #page.site .woocommerce-MyAccount-content > div .c-delete-account p {
  grid-area : warn;
  font-size   : 14px;
  line-height : 20px;
  font-weight : 500;
  font-family : var(--c-font-familiy-title);
  color       : var(--c-error);
}
.page-template-default:has(.c-title-login) #page.site .woocommerce-MyAccount-content > div:has(.c-delete-account) button:nth-of-type(1) {
  grid-area  : butt1;
}
.page-template-default:has(.c-title-login) #page.site .woocommerce-MyAccount-content > div:has(.c-delete-account) button:nth-of-type(2) {
  grid-area  : butt1;
}
.page-template-default:has(.c-title-login) #page.site .woocommerce-MyAccount-content > div:has(.c-delete-account) button:nth-of-type(3) {
  margin-top : 16px;
  grid-area  : bdel;
}


/* 2 FA */
.page-template-default:has(.c-title-login) #page.site .c-2fa > form {
  display               : grid;
  grid-template-columns : 1fr;
  grid-template-rows    : auto auto 16px auto repeat(6, auto);
  grid-template-areas: 
    "title"
    "desc "
    ".    "
    "qr   "
    "btn  "
    "bt1  "
    "bt2  "
    "bt3  "
    "count";
}
@media (min-width: 744px) {
  .page-template-default:has(.c-title-login) #page.site .c-2fa > form {
    display               : grid;
    grid-template-columns : 1fr 1fr 1fr;
    grid-template-rows    : repeat(5, auto);
    column-gap            : 16px;
    grid-template-areas: 
      "title title title"
      "desc  desc  btn "
      "qr    .     .    "
      "bt1   bt2   bt3  "
      "count count count";
  }
}
.page-template-default:has(.c-title-login) #page.site .c-2fa > form > h2 {
  grid-area : title;
  margin    : 0 0 8px 0;
}
.page-template-default:has(.c-title-login) #page.site .c-2fa > form > .description {
  grid-area : desc;
  margin    : 0;
}
.page-template-default:has(.c-title-login) #page.site .c-2fa > form > h3 {
  display: none;
}
.page-template-default:has(.c-title-login) #page.site .c-2fa > form > [id='2fa-currently-configured-methods'] {
  display : none;
}
.page-template-default:has(.c-title-login) #page.site .c-2fa > form > [id='2fa-currently-configured-methods'] {
  display : none;
}
.page-template-default:has(.c-title-login) #page.site .c-2fa > form > [id='2fa-configuration-options'],
.page-template-default:has(.c-title-login) #page.site .c-2fa > form > [id='2fa-configuration-options'] > tbody,
.page-template-default:has(.c-title-login) #page.site .c-2fa > form > [id='2fa-configuration-options'] > tbody > tr,
.page-template-default:has(.c-title-login) #page.site .c-2fa > form > [id='2fa-configuration-options'] > tbody > tr > td {
  display : contents;
}
.page-template-default:has(.c-title-login) #page.site .c-2fa > form > [id='2fa-configuration-options'] > tbody > tr > th {
  display : none;
}
.page-template-default:has(.c-title-login) #page.site .c-2fa > form > [id='2fa-configuration-options'] > tbody > tr > td > details {
  grid-area     : qr;
  margin-bottom : 16px;
  cursor        : pointer; 
}
.page-template-default:has(.c-title-login) #page.site .c-2fa > form > [id='2fa-user-global-configuration'],
.page-template-default:has(.c-title-login) #page.site .c-2fa > form > [id='2fa-user-global-configuration'] > tbody,
.page-template-default:has(.c-title-login) #page.site .c-2fa > form > [id='2fa-user-global-configuration'] > tbody > tr,
.page-template-default:has(.c-title-login) #page.site .c-2fa > form > [id='2fa-user-global-configuration'] > tbody > tr > td {
  display : contents;
}
.page-template-default:has(.c-title-login) #page.site .c-2fa > form > [id='2fa-user-global-configuration'] > tbody > tr > th {
  display : none;
}
.page-template-default:has(.c-title-login) #page.site .c-2fa > form > [id='2fa-user-global-configuration'] > tbody > tr:nth-child(1) > td a:nth-child(1) {
  grid-area: bt1;
}

.page-template-default:has(.c-title-login) #page.site .c-2fa > form > [id='2fa-user-global-configuration'] > tbody > tr:nth-child(1) > td a:nth-child(2) {
  grid-area  : bt2;
  margin-top : 16px;
}
@media (min-width: 744px) {
  .page-template-default:has(.c-title-login) #page.site .c-2fa > form > [id='2fa-user-global-configuration'] > tbody > tr:nth-child(1) > td a:nth-child(2) {
    margin-top : 0;
  }
}
.page-template-default:has(.c-title-login) #page.site .c-2fa > form > [id='2fa-user-global-configuration'] > tbody > tr:nth-child(2) > td a:nth-child(1) {
  grid-area: bt3;
  margin-top : 16px;
}
@media (min-width: 744px) {
  .page-template-default:has(.c-title-login) #page.site .c-2fa > form > [id='2fa-user-global-configuration'] > tbody > tr:nth-child(2) > td a:nth-child(1) {
    margin-top : 0;
  }
}
.page-template-default:has(.c-title-login) #page.site .c-2fa > form > [id='2fa-user-global-configuration'] > tbody > tr:nth-child(2) > td span {
  grid-area: count;
}
.page-template-default:has(.c-title-login) #page.site .c-2fa > form > [id='2fa-user-global-configuration']:not(:has(.remove-2fa)) > tbody > tr:nth-child(1) > td a:nth-child(1) {
  grid-area    : btn;
  width        : auto;
  justify-self : right;
}

.page-template-default:has(.c-title-login) #page.site .c-2fa > form > [id='2fa-user-global-configuration'] a {
  background-color : white !important;
  color            : var(--c-button) !important;
  border           : 1px solid var(--c-button) !important;
  margin           : 0;
}
.page-template-default:has(.c-title-login) #page.site .c-2fa > form > [id='2fa-user-global-configuration'] a:hover{
  background-color : var(--c-background-dark) !important;
}
.page-template-default:has(.c-title-login) #page.site .c-2fa > form > [id='2fa-user-global-configuration'] a:active{
  background-color : var(--c-background-dark) !important;
}

/* 2fa poupup */
#page.site .wp2fa-modal {
  font-size   : 12px;
  line-height : 18px ;
  font-weight : 400;
  font-family : var(--c-font-familiy-text) !important;
  color       : var(--c-text-secondary);
}
#page.site .wp2fa-modal .modal__container {
  border-radius : var(--c-radius);
}
#page.site .wp2fa-modal .modal__container h4,
#page.site .wp2fa-modal .modal__container h3 {
  font-family : var(--c-font-familiy-title) !important;
}
#page.site .wp2fa-modal .modal__container li {
  font-weight : 400;
  font-family : var(--c-font-familiy-text);
  color       : var(--c-text-secondary);
}
#page.site .wp2fa-modal .modal__container fieldset {
  background-color : white;
}
#page.site .c-2fa .button,
#page.site .wp-2fa-button-secondary,
#page.site .wp-2fa-button-primary {
  text-transform : none !important;
  letter-spacing : normal !important;
}
#page.site .wp2fa-modal .modal__container .wp-2fa-button-secondary,
#page.site .wp2fa-modal .modal__container .wp-2fa-button-primary,
#page.site .wp2fa-modal .modal__container button {
  margin : 0;
}

#page.site .wp2fa-modal .modal__container .modal__close::before {
  color : var(--c-button) !important;
}

#page.site .wp2fa-modal .modal__container .wizard-custom-counter li::before{
  background-color : var(--c-button);
}
#page.site .wp2fa-modal .modal__container .wizard-custom-counter .wizard-tooltip {
  background-color : var(--c-button);
  cursor           : pointer;
}
#page.site .wp2fa-modal .modal__container .app-key-wrapper {
  background-color : white;
}
#page.site .wp2fa-modal .modal__container .app-key-wrapper > input {
  max-width : 100%;
}

#page.site .wp2fa-modal .modal__container .inline-helper {
  border-radius    : var(--c-radius);
  background-color : var(--c-background);
}
#page.site .wp2fa-modal .modal__container .modal__footer,
#page.site .wp2fa-modal .modal__container .wp2fa-setup-actions {
  display               : grid;
  column-gap            : 16px;
  row-gap               : 16px;
  grid-template-columns : 1fr 1fr;
}


#page.site .wp2fa-modal .modal__container .option-pill {
  border : none;
}

#page.site .wp2fa-modal .modal__container [id='2fa-wizard-totp'] fieldset div:nth-child(2) .wp-2fa-button-secondary,
#page.site .wp2fa-modal .modal__container [id='2fa-wizard-totp'] fieldset div:nth-child(2) .wp-2fa-button-primary {
  display      : inline-grid;
  height       : 40px;
  margin-right : 16px;
}
#page.site .wp2fa-modal .modal__container [id='2fa-wizard-totp'] fieldset div:nth-child(2) .wp-2fa-button-secondary {
  transform : translateY(-2px);
}

/* Please type in the one-time code from your chosen authentication app to finalize the setup. */