/*mobile*/
/*@media only screen and (max-width: 40em) {*/


@media (max-width: 1200px) {
  .evse_session_table tr,
  .evse_session_table thead tr {
    font-size: 1em;
  }
  .operation_detail_info h1,
  .operation_detail span,
  .op_info_triplete span,
  .op_info_triplete h2 {
    font-size: 1em !important;
  }
}

@media (max-width: 1000px) {

  .all-graphs {grid-template-columns: 1fr;}
  .graph-centered {max-width: 100%;}


  .evse_session_table thead tr , .user_account_table thead tr {display: none;}
  /*Evse_session */
.evse_session_table thead tr {padding-left: 0;}

  .evse_session_table .hidden {
    display: flex;
  }
  .evse_session_table .hidden_mobile {
    display: none;
  }

  .plk_order_history_list .evse_session_table tbody tr {display:flex;}


  .evse_session_table tbody tr {
    display: grid;
    grid-template-columns: 50px 1fr 1fr 40px;
    grid-template-rows: auto auto auto auto;
    gap: 5px 15px;
    align-items: center;
    padding: 10px 0;
    border-bottom: 1px solid var(--mid-grey);
  }

.evse_operationcode  {max-width: 100%;}

  /* Coluna 1 */
  .evse_body_operationcode {
    grid-column: 1 / 2;
    justify-self: center;
    font-size: 0.9em;
    display: flex;
    align-items: center;
  }

  /* Coluna 2 */
  .evse_body_charge2 {
    grid-column: 2 / 3;
    grid-row: 2 / 2;
    color: var(--green-color);
  }

  .evse_body_charge {
    grid-column: 2 / 3;
    grid-row: 1 / 2;
    color: var(--green-color);
  }
  .evse_body_date {
    grid-column: 2 / 3;
    grid-row: 3 / 3;
    font-size: 0.9em;
  }
  .evse_body_consumer {
    grid-column: 2 / 3;
    grid-row: 3 / 4;
    font-size: 0.9em;
  }
  /* Coluna 3 */
  .tright.evse_tbody_energy {
    grid-column: 3 / 4;
    grid-row: 1 / 2;
    text-align: left !important;
    color: var(--green-color);
    display: flex;
    margin-bottom: auto;
  }
  .tright.evse_tbody_total {
    grid-column: 3 / 4;
    grid-row: 2 / 3;
    text-align: left !important;
  }
  .evse_body_user {
    grid-column: 3 / 4;
    grid-row: 3 / 4;
    font-size: 0.9em;
    text-align: left !important;
  }
  .evse_body_frota {
    grid-column: 2 / 3;
    grid-row: 4 / 5;
    font-size: 0.9em;
    display: flex;
    gap: 5px;
  }

  /* Coluna 3 - ver mais na linha 4 */
  .evse_tbody_seemore {
    grid-column: 4 / 4;
    grid-row: 1 / 5;
    text-align: center !important;
  }

  .operation_detail_info img {
    max-height: 50px;
  }

  
  /* user account table */
  .user_account_table tbody tr {
    display: grid;
    grid-template-columns: 160px 1fr 80px; /* Data | Descrição | Valor */
    align-items: start;
    gap: 0.5rem;
    border-radius: 8px;
    grid-template-rows: minmax(10px, auto);
  }
  

  .user_account_table td.evse_body_description {
    display: flex;
    flex-direction: column;
  }
  
  .user_account_table td.evse_body_date:nth-of-type(2) {
    grid-column: 2;        
    grid-row: 1;          
    align-self: end;
  }

  .user_account_table .evse_body_description {    grid-column: 2 / 3;
    grid-row: 1 / 3; margin-bottom: auto;
  font-weight: 500;
  
  }
  
  .user_account_table .evse_body_debt {    grid-column: 2 / 3;
    grid-row: 3 / 3;
    font-size: 0.9em;
    line-height: 20px;
  }

  

  .user_account_table .evse_body_date {
    grid-column: 1 / 3;
    grid-row: 1 / 3;
    line-height: 20px;
  }

  .user_account_table .evse_tbody_total{
  font-size: 0.9em;
  grid-column: 3 / 3;
  grid-row: 1 / 3;
}
  /* Valor */
  .user_account_table td.evse_body_total {
    text-align: right;
    grid-column: 3 / 3;
    grid-row: 1 / 3;
    line-height: 20px;
  }



  /*alterações mobile user_login// base_pfim // base_pini_1 */
  .title_green_bar h1 {
    width: 90%;
  }
  .login-wrapper hr {
    margin: 30px auto 20px;
  }
  .btn-primary {
    padding: 12px;
    margin-top: 20px;
    font-size: 15px;
  }
  .login-wrapper form {
    padding: 15px 0 0 0;
  }

  .footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    margin-bottom: 50px;
    display: none;
  }

  #plk_install_btn_wp > div,
  #plk_install_btn_wp button {
    background-color: var(--grey-color-input);
    color: var(--white);
    padding: 10px;
    border-radius: 4px;
    border: 1px solid var(--green-color);
    font-size: 14px;
  }

  .op_triplete img {
    max-height: 60px;
    width: auto;
  }

  .user_account_table th {
    display: none;
  }
  
  .user_account_table th .hidden {
    display: flex; 
  }
  
  .user_account_table th:has(hidden) {
    display: table-cell; 
  }
  
}

@media (max-width: 600px) {

  #plk_user_balance h1{font-size: 20px !important;}

  .operation_detail.btn_special_profile .operation_detail_profile{flex-direction: column;}
  
  .evse_body_date, .evse_date {max-width: 80px; width: 100%;}

  .btn_special_profile .btn_green{ height: 50px; max-width: 100%; width: 100%;}

  .icons_fixed{ max-height: 45px;}

  .evse_session_table tbody tr {
    grid-template-columns: 38px 1fr 1fr 25px;gap: 2px 8px;}
  .user_account_table tbody tr {
    display: grid;
    grid-template-columns: 80px 1fr 50px;
    gap: 0px 8px;   
  }
 
  .evse_operationcode .hidden {font-size: 1.2em;}
  .evse_session_table thead tr {padding:10px;}

  .evse_session_table tr, .evse_session_table thead tr {font-size: .9em;}

  /*Angela 11/09/2025*/
  .userprofile_btn_plus_transfer{flex-wrap: wrap; }
  .userprofile_btn_plus_transfer .btn_green {max-width: 100%!important;}

}



@media only screen and (max-width: 800px) {

  .default_layout{padding:12px; padding-top: 0;}
  .gap20 , .profile_data.profile_btn{gap:12px;}

  .header-bar-balance .op_info h1{padding-left: 0;} 

  .dash-graphs-wp {flex-direction: column; }

  .account-mob-url a {font-size: 14px;}

  .order_error,.order_sucess{ padding: 10px;}

  h1 {font-size: 19px;}
 .header h2{font-size: 20px;}

  .default_layout{padding-bottom: 100px;}
  .operation_detail_info .text_profile { display: flex; flex-direction: column;}

  .notification-box {right: 20px;}
  .notification-bubble {position: fixed;bottom: 100px;right: 30px;width: 50px;height: 50px;}

  .notification-box {
  bottom: 160px;
  right: 20px;
  padding: 25px;}
  .hide-for-desktop{display: flex;}

  .operation_detail_info {gap: 10px;}

  .btn_special_profile .btn_green a{ font-size: 14px;}

  .cookie-inner-wrapper {
    flex-direction: column;
    padding: 10px 0px;
    gap: 10px;
    width: 85%;
  }

  .cookies_div .button_plk{min-height: 34px;}

  .cookie-message-wrapper span {
    line-height: 1;
    text-align: center;
  }

  .cookie-inner-wrapper .button {
    margin-top: 10px;
  }

  .cookie-inner-wrapper a {
    padding-top: 10px;
  }

  .btn_cookie_accept {
    width: fit-content;
    margin: 0 auto;
    margin-top: 10px;
  }

  .page-popup.open .page-popup-content {
    margin: 20% auto;
    max-width: 90%;
  }

  .page-popup.open .page-popup-content .page-popup-inner-content img {
    width: 100%;
  }
  /*
  img {
    display: inline-block;
    vertical-align: middle;
    max-width: 100%;
    height: auto;
    -ms-interpolation-mode: bicubic;
  }*/

  .hide-for-mobile {
    display: none !important;
  }

  .label h1 {padding-left:20px}

  .fixed_on_mobile {
    position: fixed;
    bottom: 0;
    width: 100%;
    display: flex;
    justify-content: space-around;
    left: 0;
    background-color: white;
    padding: 20px 0;
  }
  .user_box {
    display: block;
  }

  .icons_fixed {
    display: block;
  }
  .user_box {
    background-color: transparent;
    width: 0;
  }
  .menu_charge_green,
  .menu_map_green,
  .menu_user_green, .menu_dashboard_green{
    display: none;
  }

  .user_profile_active .menu_user_green {
    display: block;
  }
  .user_profile_active .menu_user_grey {
    display: none;
  }

  .map_page .menu_map_green{ display: block; }
  
  .map_page .menu_map_grey{ display: none; }


  .user_session_charge .menu_charge_green{ display: block; }
  
  .user_session_charge .menu_charge_grey{ display: none; }


  .user_home .menu_dashboard_green{ display: block; }
  
  .user_home .menu_dashboard_grey{ display: none; }


  .header-bar-balance{right:43px}
  .header-bar-balance .op_info span{display:none;}

  /*Angela - 11/09/25 */
  .operation_detail.btn_special_profile .operation_detail_profile {flex-direction: column;}
  .userprofile_btn_plus_transfer .btn_green {max-width: 49%;min-width: 0;}
  

}