/* ===== Login card ===== */

.gg-login-card{
  max-width:480px;
  margin:40px auto 32px;
  padding:36px 32px 28px;
  background:#fff;
  border:1px solid #e9e9ee;
  border-radius:20px;
  display:flex;
  flex-direction:column;
  gap:18px;
}

.gg-login-card--compact{
  margin:0;
  border:none;
  border-radius:0;
  padding:0;
  background:transparent;
}

/* Описание вверху */
.gg-login-card__desc{
  margin:0;
  font-size:14px;
  line-height:1.6;
  color:#555;
  text-align:center;
}

/* Лейбл поля */
.gg-login-card__label{
  display:block;
  font-size:14px;
  font-weight:600;
  color:#111;
  margin-bottom:7px;
}

/* Поле email */
.gg-magic-field{
  width:100%;
}

.gg-magic-fields{
  display:flex;
  flex-direction:column;
  gap:10px;
}

.gg-magic-field input[type="email"]{
  width:100%;
  padding:12px 16px;
  font-size:15px;
  border:1.5px solid #dde0f0;
  border-radius:12px;
  background:#fafbff;
  color:#111;
  outline:none;
  box-sizing:border-box;
  transition:border-color .15s;
}

.gg-magic-field input[type="email"]:focus{
  border-color:#2563eb;
  background:#fff;
}

.gg-magic-field input.gg-magic-field--error,
.gg-magic-field input.gg-magic-field--error:focus{
  border-color:#e74c3c;
  background:#fff8f8;
}

.gg-magic-field input[type="email"]::placeholder{
  color:#aaa;
}

/* Кнопки */
.gg-login-card__btn{
  width:100%;
  display:block;
  padding:13px 20px;
  font-size:16px;
  font-weight:600;
  border-radius:999px;
  text-align:center;
  cursor:pointer;
  border:none;
  transition:opacity .15s, background .15s;
  box-shadow:none;
}

.gg-login-card__btn--primary{
  background:#2563eb;
  color:#fff !important;
}

.gg-login-card__btn--primary:hover{
  background:#1d4ed8;
  color:#fff !important;
}

.gg-login-card__btn:disabled{
  opacity:.6;
  cursor:not-allowed;
}

@keyframes gg-shake{
  0%,100%{ transform:translateX(0); background:#2563eb; }
  15%     { transform:translateX(-6px); background:#e74c3c; }
  30%     { transform:translateX(6px);  background:#e74c3c; }
  45%     { transform:translateX(-5px); background:#e74c3c; }
  60%     { transform:translateX(5px);  background:#e74c3c; }
  75%     { transform:translateX(-3px); background:#e74c3c; }
  90%     { transform:translateX(3px);  background:#e74c3c; }
}

.gg-magic-btn--shake{
  animation:gg-shake 1s ease forwards;
}

.gg-tg-connect__btn.gg-magic-btn--shake{
  animation:gg-shake-outline 1s ease forwards;
}

@keyframes gg-shake-outline{
  0%,100%{ transform:translateX(0); border-color:#2563eb; color:#2563eb; }
  15%     { transform:translateX(-6px); border-color:#e74c3c; color:#e74c3c; }
  30%     { transform:translateX(6px);  border-color:#e74c3c; color:#e74c3c; }
  45%     { transform:translateX(-5px); border-color:#e74c3c; color:#e74c3c; }
  60%     { transform:translateX(5px);  border-color:#e74c3c; color:#e74c3c; }
  75%     { transform:translateX(-3px); border-color:#e74c3c; color:#e74c3c; }
  90%     { transform:translateX(3px);  border-color:#e74c3c; color:#e74c3c; }
}

/* Блок с кнопками соцсетей */
.gg-login-card__socials{
  display:flex;
  flex-direction:column;
  gap:10px;
  width:100%;
}

/* Кнопка Telegram в блоке входа */
.gg-login-card__socials #tgma-chat-login,
.gg-login-card__socials .button{
  width:100% !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:8px !important;
  padding:13px 20px !important;
  font-size:15px !important;
  font-weight:600 !important;
  border-radius:999px !important;
  border:1.5px solid #e0e4ef !important;
  background:#fff !important;
  color:#111 !important;
  cursor:pointer !important;
  box-shadow:none !important;
  transition:background .15s, border-color .15s !important;
}

.gg-login-card__socials #tgma-chat-login:hover,
.gg-login-card__socials .button:hover{
  background:#f0f4ff !important;
  border-color:#c0caee !important;
}

/* Иконка Telegram перед текстом кнопки */
.gg-login-card__socials #tgma-chat-login::before{
  content:"";
  display:inline-block;
  width:20px;
  height:20px;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%232AABEE' d='M12 0C5.373 0 0 5.373 0 12s5.373 12 12 12 12-5.373 12-12S18.627 0 12 0zm5.894 8.221-1.97 9.28c-.145.658-.537.818-1.084.508l-3-2.21-1.447 1.394c-.16.16-.295.295-.605.295l.213-3.053 5.56-5.023c.242-.213-.054-.333-.373-.12L7.28 13.604l-2.96-.924c-.643-.204-.657-.643.136-.953l11.57-4.461c.537-.194 1.006.131.868.955z'/%3E%3C/svg%3E") center/contain no-repeat;
  flex-shrink:0;
}

/* Разделитель "Или через" */
.gg-auth-divider{
  display:flex;
  align-items:center;
  width:100%;
  gap:12px;
  color:#bbb;
  font-size:13px;
  text-align:center;
}

.gg-auth-divider::before,
.gg-auth-divider::after{
  content:"";
  flex:1;
  height:1px;
  background:#e9e9ee;
}

/* Сноска внизу карточки */
.gg-login-card__footer{
  margin:0;
  font-size:12px;
  color:#999;
  text-align:center;
  line-height:1.55;
}

.gg-login-card__footer a{
  color:#2563eb;
  text-decoration:underline;
}

/* Инлайновые сообщения формы */
.gg-magic-message{
  width:100%;
  padding:10px 14px;
  border-radius:10px;
  font-size:14px;
  line-height:1.45;
  text-align:center;
  margin-top:2px;
}

.gg-magic-message--success{
  background:#edfbf3;
  color:#1a7f4b;
  border:1px solid #b2eac8;
}

.gg-magic-message--error{
  background:#fff3f3;
  color:#c0392b;
  border:1px solid #f5c6c6;
}

/* Уведомление об истёкшей ссылке */
.gg-magic-notice{
  width:100%;
  padding:10px 14px;
  border-radius:10px;
  font-size:14px;
  line-height:1.45;
  text-align:center;
  margin:0;
}

.gg-magic-notice--expired{
  background:#fff8e1;
  color:#7a5c00;
  border:1px solid #ffe082;
}

.gg-magic-notice--error{
  background:#fff3f3;
  color:#c0392b;
  border:1px solid #f5c6c6;
}

@media (max-width:560px){
  .gg-login-card{
    padding:24px 18px 20px;
    border-radius:16px;
    margin:20px auto 24px;
  }
}

/* ===== Telegram connect widget ===== */

.gg-tg-connect{
  margin-bottom:20px;
  padding:14px 16px;
  border-radius:14px;
  border:1px solid #e9e9ee;
  background:#fafbff;
}

.gg-tg-connect__linked,
.gg-tg-connect__unlinked{
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
}

/* Форма привязки email — всё в одну строку */
.gg-email-link-fields{
  display:flex;
  align-items:center;
  gap:10px;
  width:100%;
}

.gg-email-link-fields .gg-magic-field{
  flex:1;
  min-width:0;
}

.gg-email-link-fields .gg-magic-field input[type="email"]{
  padding:7px 12px;
  font-size:14px;
  border-radius:10px;
}

@media (max-width:480px){
  .gg-email-link-fields{
    flex-wrap:wrap;
  }
  .gg-email-link-fields .gg-tg-connect__label{
    flex:0 0 100%;
  }
}

/* Иконка Email */
.gg-email-connect__icon{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='12' fill='%232563eb'/%3E%3Cpath fill='%23fff' d='M6 8a1 1 0 0 1 1-1h10a1 1 0 0 1 1 1v8a1 1 0 0 1-1 1H7a1 1 0 0 1-1-1V8zm2 0 4 3.5L16 8H8zm-1 1.5V16h10V9.5l-5 3.5-5-3.5z'/%3E%3C/svg%3E") !important;
}

/* Иконка Telegram */
.gg-tg-connect__icon{
  display:inline-block;
  width:22px;
  height:22px;
  flex-shrink:0;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='12' fill='%232AABEE'/%3E%3Cpath fill='%23fff' d='M17.7 7.3 5.6 11.9c-.8.3-.8.8-.1 1l3 .9 1.2 3.6c.2.5.4.6.8.6.3 0 .5-.1.7-.3l1.7-1.6 3.2 2.4c.6.3 1 .2 1.2-.6l2.1-9.8c.3-1-.4-1.5-1-1.2z'/%3E%3C/svg%3E") center/contain no-repeat;
}

/* Чекмарк для привязанного статуса */
.gg-tg-connect__linked .gg-tg-connect__label::before{
  content:"✓ ";
  color:#1a7f4b;
  font-weight:700;
}

.gg-tg-connect__label{
  font-size:14px;
  color:#333;
}

.gg-tg-connect__btn{
  margin-left:auto;
  padding:7px 16px;
  font-size:13px;
  font-weight:600;
  border-radius:999px;
  border:1.5px solid #2AABEE;
  background:#fff;
  color:#2AABEE;
  cursor:pointer;
  transition:background .15s, color .15s;
}

.gg-tg-connect__btn:hover{
  background:#2AABEE;
  color:#fff;
}

.gg-tg-connect__btn:disabled{
  opacity:.6;
  cursor:not-allowed;
}

/* Статусное сообщение */
.gg-tg-link-status{
  margin-top:10px;
  padding:8px 12px;
  border-radius:10px;
  font-size:13px;
  line-height:1.45;
}

.gg-tg-link-status--pending{
  background:#e8f4fd;
  color:#0c5d8a;
  border:1px solid #b3d9f5;
}

.gg-tg-link-status--success{
  background:#edfbf3;
  color:#1a7f4b;
  border:1px solid #b2eac8;
}

.gg-tg-link-status--error{
  background:#fff3f3;
  color:#c0392b;
  border:1px solid #f5c6c6;
}

/* ===== Connection list (profile page) ===== */

.gg-connections-list{
  margin:12px 0 14px;
  border:1px solid #e9e9ee;
  border-radius:14px;
  overflow:hidden;
  background:#fff;
}

.gg-connection-item{
  display:flex;
  flex-direction:column;
  padding:13px 16px;
  border-bottom:1px solid #f0f0f5;
  gap:0;
}

.gg-connection-item:last-child{
  border-bottom:none;
}

.gg-connection-item__row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
}

/* Только item с формой разрешаем переносить на мобилке */
@media (max-width:520px){
  .gg-connection-item--form .gg-connection-item__row,
  .gg-connection-item__row{
    flex-wrap:wrap;
  }
  .gg-connection-item--form .gg-connection-action,
  .gg-connection-action{
    width:100%;
    align-items:flex-start;
  }
  .gg-connection-status--linked{
    white-space:normal;
  }
}
@media (min-width:521px){
  .gg-tg-notify-row__inner{
    margin-left:52px;
  }
}

/* Уведомление под строкой */
.gg-connection-notice{
  margin-top:10px;
  margin-left:52px; /* отступ под иконку 40px + gap 12px */
}

.gg-connection-item__left{
  display:flex;
  align-items:center;
  gap:12px;
  flex-shrink:0;
}

.gg-connection-icon{
  width:40px;
  height:40px;
  border-radius:50%;
  flex-shrink:0;
  background-size:contain;
  background-repeat:no-repeat;
  background-position:center;
}

.gg-connection-icon--email{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Ccircle cx='20' cy='20' r='20' fill='%232563eb'/%3E%3Cpath fill='%23fff' d='M11 14a1 1 0 0 1 1-1h16a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1H12a1 1 0 0 1-1-1V14zm3 0 6 5 6-5H14zm-1 1.8V26h14V15.8l-7 5.8-7-5.8z'/%3E%3C/svg%3E");
}

.gg-connection-icon--telegram{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Ccircle cx='20' cy='20' r='20' fill='%232AABEE'/%3E%3Cpath fill='%23fff' d='M29.5 12.2 8.6 20.3c-1.4.5-1.3 1.3-.2 1.6l5.3 1.6 2 6.2c.3.8.6 1.1 1.3 1.1.5 0 .8-.2 1.2-.6l3-2.8 5.6 4c1 .6 1.7.3 2-.9l3.5-16.4c.5-1.7-.6-2.5-1.8-1.9z'/%3E%3C/svg%3E");
}

.gg-connection-info{
  display:flex;
  flex-direction:column;
  gap:2px;
}

.gg-connection-title{
  font-size:14px;
  font-weight:600;
  color:#111;
  line-height:1.2;
}

.gg-connection-subtitle{
  font-size:12px;
  color:#999;
  line-height:1.2;
}

.gg-connection-action{
  display:flex;
  flex-direction:column;
  align-items:flex-end;
  gap:6px;
  min-width:0;
  overflow:hidden;
}

.gg-connection-status--linked{
  font-size:13px;
  font-weight:600;
  color:#111;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  text-align:right;
  display:block;
  min-width:0;
}

.gg-connection-btn{
  padding:6px 14px;
  font-size:13px;
  font-weight:600;
  border-radius:999px;
  border:1.5px solid #2563eb;
  background:#fff;
  color:#2563eb;
  cursor:pointer;
  white-space:nowrap;
  transition:background .15s, color .15s;
}

.gg-connection-btn:hover{
  background:#2563eb;
  color:#fff;
}

.gg-connection-btn--telegram{
  border-color:#2AABEE;
  color:#2AABEE;
}

.gg-connection-btn--telegram:hover{
  background:#2AABEE;
  color:#fff;
}

.gg-connection-btn:disabled{
  opacity:.6;
  cursor:not-allowed;
}

.gg-connection-btn.gg-magic-btn--shake{
  animation:gg-shake-outline 1s ease forwards;
}

.gg-connection-action .gg-email-link-fields{
  justify-content:flex-end;
}

/* ===== My Account page (кабина) ===== */

.woocommerce-account .gg-account-capsule{
  max-width:var(--gg-cart-max, 960px);
  width:100%;
  margin:24px auto 32px;
  padding:0;
  border:1px solid #e9e9ee;
  border-radius:18px;
  background:#fff;
  box-shadow:none;
  box-sizing:border-box;
}

.woocommerce-account .gg-account-inner{
  border-radius:18px;
  padding:24px 24px 26px;
  box-sizing:border-box;
}

.woocommerce-account .gg-account-layout{
  display:block;
}

.woocommerce-account .gg-account-nav{
  display:none;
}

.woocommerce-account .gg-account-content{
  width:100%;
}

.woocommerce-account .gg-account-header{
  margin-bottom:20px;
}

/* Заголовок: [Личный кабинет  username]  [🪙 N]  [Выйти] */
.woocommerce-account .gg-account-title-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin-bottom:12px;
  flex-wrap:nowrap;
}

.woocommerce-account .gg-account-title-group{
  display:flex;
  align-items:baseline;
  gap:8px;
  min-width:0;
  flex:1;
  overflow:hidden;
}

.woocommerce-account .gg-account-title{
  font-size:18.72px !important;
  line-height:1.2 !important;
  margin:0 !important;
  white-space:nowrap;
}

.woocommerce-account .gg-account-username{
  font-size:14px;
  color:#888;
  font-weight:500;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  max-width:160px;
}

.woocommerce-account .gg-account-title-actions{
  display:flex;
  align-items:center;
  gap:8px;
  flex-shrink:0;
}

/* Бонусная плашка */
.woocommerce-account .gg-bonus-badge{
  display:flex;
  align-items:center;
  gap:5px;
  padding:4px 11px 4px 8px;
  border:1.5px solid #d4a017;
  border-radius:999px;
  font-size:13px;
  font-weight:600;
  color:#8a6200;
  background:#fffbef;
  cursor:default;
  transition:background .15s;
  white-space:nowrap;
  position:relative;
}

.woocommerce-account .gg-bonus-badge:hover{
  background:#fff3c4;
}

.woocommerce-account .gg-bonus-coin{
  font-size:15px;
  line-height:1;
}

/* Тултип при наводе */
.woocommerce-account .gg-bonus-badge::after{
  content:attr(title);
  position:absolute;
  top:calc(100% + 6px);
  right:0;
  background:#222;
  color:#fff;
  font-size:11px;
  font-weight:400;
  padding:4px 8px;
  border-radius:6px;
  white-space:nowrap;
  pointer-events:none;
  opacity:0;
  transition:opacity .15s;
}

.woocommerce-account .gg-bonus-badge:hover::after{
  opacity:1;
}

.woocommerce-account .gg-account-logout{
  font-size:13px;
  color:#999;
  text-decoration:none;
  padding:5px 12px;
  border:1px solid #e0e0e8;
  border-radius:999px;
  transition:color .15s, border-color .15s;
  white-space:nowrap;
}

.woocommerce-account .gg-account-logout:hover{
  color:#c0392b;
  border-color:#f5c6c6;
}

/* Мета-строка: дата · заказы */
.woocommerce-account .gg-account-meta{
  font-size:12px;
  color:#aaa;
  margin-bottom:20px;
}

.woocommerce-account .gg-account-orders{
  margin-top:4px;
}

.woocommerce-account .gg-account-subtitle{
  margin:0 0 10px;
  font-size:16px;
  font-weight:700;
}

/* История заказов */

.woocommerce-account .gg-account-orders{
  margin-top:4px;
}

/* Пустое состояние */
.woocommerce-account .gg-account-orders .woocommerce-info{
  display:flex;
  align-items:center;
  justify-content:space-between;
  flex-wrap:wrap;
  gap:12px;
  margin:0;
  padding:18px 20px;
  background:#fafbff;
  border:1px solid #e9e9ee;
  border-radius:14px;
  font-size:14px;
  color:#555;
}

.woocommerce-account .gg-account-orders .woocommerce-info::before{
  display:none;
}

.woocommerce-account .gg-account-orders .woocommerce-info a.button,
.woocommerce-account .gg-account-orders .woocommerce-info a.woocommerce-Button{
  padding:7px 16px;
  font-size:13px;
  font-weight:600;
  border-radius:999px;
  border:1.5px solid #2563eb;
  background:#fff;
  color:#2563eb !important;
  box-shadow:none;
  text-decoration:none;
  white-space:nowrap;
  transition:background .15s, color .15s;
}

.woocommerce-account .gg-account-orders .woocommerce-info a.button:hover,
.woocommerce-account .gg-account-orders .woocommerce-info a.woocommerce-Button:hover{
  background:#2563eb !important;
  color:#fff !important;
  border-color:#2563eb !important;
}

/* Единая карточка для обоих состояний истории заказов */
.woocommerce-account #gg-account-orders-list{
  border:1px solid #e9e9ee;
  border-radius:14px;
  background:#fafbff;
  overflow:hidden;
  max-width:100%;
}

@media (max-width:560px){
  .woocommerce-account #gg-account-orders-list{
    overflow-x:hidden;
  }
  .woocommerce-account .gg-account-orders .woocommerce-orders-table{
    max-width:100%;
  }
}

/* Пустое состояние — убираем собственную обводку, вписывается в карточку */
.woocommerce-account .gg-account-orders .woocommerce-info{
  border:none;
  border-radius:0;
  background:transparent;
}

/* Пустое состояние — мобилка: текст и кнопка в одну строку */
@media (max-width:480px){
  .woocommerce-account .gg-account-orders .woocommerce-info{
    font-size:12px;
    gap:8px;
    flex-wrap:nowrap;
    align-items:center;
    padding:14px 16px;
  }
  .woocommerce-account .gg-account-orders .woocommerce-info a.button,
  .woocommerce-account .gg-account-orders .woocommerce-info a.woocommerce-Button{
    font-size:13px;
    padding:7px 16px;
    white-space:nowrap;
    flex-shrink:0;
  }
}

/* Таблица заказов */
.woocommerce-account .gg-account-orders .woocommerce-orders-table{
  width:100%;
  table-layout:auto;
  border-collapse:collapse;
  border-radius:0;
  border:none;
  background:#fff;
  overflow:hidden;
}

.woocommerce-account .woocommerce-orders-table th,
.woocommerce-account .woocommerce-orders-table td{ text-align:center; }

.woocommerce-account .woocommerce-orders-table td.woocommerce-orders-table__cell-order-status{ text-align:center !important; }

.woocommerce-account .woocommerce-orders-table th.woocommerce-orders-table__header-order-actions,
.woocommerce-account .woocommerce-orders-table td.woocommerce-orders-table__cell-order-actions{ text-align:center; white-space:nowrap; width:1%; }

/* Предотвращаем выход любого контента за пределы ячейки */
.woocommerce-account .woocommerce-orders-table td{
  overflow:hidden;
}

.woocommerce-account .woocommerce-orders-table thead{
  background:#fafbff;
}

.woocommerce-account .woocommerce-orders-table th{
  padding:10px 14px;
  font-size:13px;
  font-weight:600;
  color:#555;
  border-bottom:1px solid #e9e9ee;
  text-align:center;
}

.woocommerce-account .woocommerce-orders-table tbody tr{
  border-bottom:1px solid #f0f0f5;
  transition:background .1s;
}

.woocommerce-account .woocommerce-orders-table tbody tr:hover{
  background:#fafbff;
}

.woocommerce-account .woocommerce-orders-table tbody tr:last-child{
  border-bottom:none;
}

.woocommerce-account .woocommerce-orders-table td{
  padding:10px 14px;
  font-size:13px;
  vertical-align:middle;
  color:#333;
}

.woocommerce-account .woocommerce-orders-table td.woocommerce-orders-table__cell-order-actions{
  white-space:nowrap;
  text-align:left;
  padding-right:14px;
}

.woocommerce-account .woocommerce-orders-table td.woocommerce-orders-table__cell-order-total{
  white-space:nowrap;
}

.woocommerce-account .woocommerce-orders-table .button{
  margin-left:6px;
  padding:5px 12px;
  font-size:12px;
  font-weight:600;
  line-height:1.2;
  border-radius:999px;
  box-shadow:none;
}

a.woocommerce-Button.wc-forward.button{
  padding:7px 16px;
  font-size:13px;
  font-weight:600;
}

@media (max-width:640px){
  .woocommerce-account .woocommerce-orders-table td.woocommerce-orders-table__cell-order-actions{
    white-space:nowrap;
  }
  .woocommerce-account .gg-account-username{
    max-width:120px;
  }
}


/* Пагинация истории заказов: кнопка "Вперёд" */

.woocommerce-account .woocommerce-pagination{
  margin-top:12px;
  display:flex;
  justify-content:flex-end;   /* прижимаем вправо */
}

.woocommerce-account .woocommerce-pagination .woocommerce-button{
  padding:6px 12px;           /* как у кнопок действий */
  font-size:12px;
  line-height:1.2;
  border-radius:999px;
  box-shadow:none;
  background:#f4f5fb;
  color:#111;
  border:1px solid #e0e1f0;
}

/* наведение/фокус по аналогии с остальными кнопками */
.woocommerce-account .woocommerce-pagination .woocommerce-button:hover{
  background:#e6e7f7;
}

/* ===== View Order page ===== */

.woocommerce-account .gg-view-order{
  display:flex;
  flex-direction:column;
  gap:12px;
}

/* Шапка — статус в заголовке крупнее */
.woocommerce-account .gg-view-order__header .gg-order-status-badge{
  font-size:14px;
  padding:6px 16px;
}

/* Подсказка при клике на статус */
.woocommerce-account .gg-status-has-hint{
  position:relative;
  cursor:pointer;
  gap:6px;
  display:inline-flex;
  align-items:center;
}
.woocommerce-account .gg-status-has-hint::after{
  content:'?';
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex-shrink:0;
  width:18px;
  height:18px;
  font-size:11px;
  font-weight:700;
  border-radius:50%;
  background:rgba(255,255,255,0.55);
  box-shadow:0 0 6px 1px rgba(255,255,255,0.5);
  color:inherit;
  position:relative;
  z-index:1;
}
.woocommerce-account .gg-status-hint{
  display:none;
  position:absolute;
  top:calc(100% + 8px);
  right:0;
  width:260px;
  background:#1a1a2e;
  color:#fff;
  font-size:12px;
  font-weight:400;
  line-height:1.5;
  padding:10px 14px;
  border-radius:10px;
  box-shadow:0 4px 16px rgba(0,0,0,.18);
  z-index:100;
  white-space:normal;
  text-align:left;
}
.woocommerce-account .gg-status-hint::before{
  content:'';
  position:absolute;
  top:-6px;
  right:20px;
  width:12px;
  height:6px;
  background:#1a1a2e;
  clip-path:polygon(50% 0%,100% 100%,0% 100%);
}
.woocommerce-account .gg-status-has-hint.is-open .gg-status-hint{
  display:block;
}

/* Шапка */
.woocommerce-account .gg-view-order__header{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  flex-wrap:wrap;
}

.woocommerce-account .gg-view-order__number{
  font-size:16px;
  font-weight:700;
  color:#111;
}

/* Бейдж статуса */
.woocommerce-account .gg-order-status-badge{
  display:inline-block;
  font-size:12px;
  font-weight:600;
  padding:6px 10px;
  border-radius:999px;
  background:#f0f0f5;
  color:#555;
  white-space:nowrap;
}

@media (max-width:560px){
  .woocommerce-account .woocommerce-orders-table .gg-order-status-badge{
    font-size:12px;
    padding:5px 8px;
    white-space:nowrap;
  }
}
.woocommerce-account .gg-order-status-badge--pending,
.woocommerce-account .gg-order-status-badge--on-hold{
  background:#fff8e6;
  color:#b45309;
}
.woocommerce-account .gg-order-status-badge--processing{
  background:#e0f2fe;
  color:#0369a1;
}
.woocommerce-account .gg-order-status-badge--completed{
  background:#d4f0e0;
  color:#1a7f4b;
}
.woocommerce-account .gg-order-status-badge--cancelled,
.woocommerce-account .gg-order-status-badge--failed,
.woocommerce-account .gg-order-status-badge--refunded{
  background:#fde8e8;
  color:#c0392b;
}

/* Карточки */
.woocommerce-account .gg-view-order__card{
  border:1px solid #e9e9ee;
  border-radius:14px;
  background:#fafbff;
  overflow:hidden;
}

/* Детали заказа */
.woocommerce-account .gg-view-order__row{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:12px;
  padding:10px 16px;
  border-bottom:1px solid #f0f0f5;
  font-size:13px;
}
.woocommerce-account .gg-view-order__row:last-child{
  border-bottom:none;
}
.woocommerce-account .gg-view-order__label{
  color:#888;
  flex-shrink:0;
}
.woocommerce-account .gg-view-order__value{
  font-weight:500;
  text-align:right;
  color:#111;
  word-break:break-all;
}

/* Товары */
.woocommerce-account .gg-view-order__items-header{
  display:flex;
  justify-content:space-between;
  padding:8px 16px;
  font-size:12px;
  font-weight:600;
  color:#888;
  border-bottom:1px solid #e9e9ee;
  background:#f4f5fb;
}

.woocommerce-account .gg-view-order__item{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:12px;
  padding:12px 16px;
  border-bottom:1px solid #f0f0f5;
  background:#fff;
}

.woocommerce-account .gg-view-order__item-left{
  display:flex;
  align-items:center;
  gap:12px;
  min-width:0;
}

.woocommerce-account .gg-view-order__thumb{
  width:52px;
  height:52px;
  border-radius:10px;
  overflow:hidden;
  flex-shrink:0;
}
.woocommerce-account .gg-view-order__thumb img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}

.woocommerce-account .gg-view-order__item-name{
  font-size:14px;
  font-weight:600;
  color:#111;
  display:flex;
  align-items:center;
  gap:6px;
  flex-wrap:wrap;
}
.woocommerce-account .gg-view-order__item-name a{
  color:#111;
  text-decoration:none;
}
.woocommerce-account .gg-view-order__item-name a:hover{
  color:#2563eb;
}
.woocommerce-account .gg-view-order__qty{
  font-size:12px;
  color:#888;
  font-weight:400;
}

.woocommerce-account .gg-view-order__item-meta{
  margin-top:4px;
  display:flex;
  flex-direction:column;
  gap:2px;
  font-size:12px;
  color:#888;
}
.woocommerce-account .gg-view-order__item-meta span{
  display:flex;
  flex-wrap:wrap;
  gap:2px;
  align-items:baseline;
}
.woocommerce-account .gg-view-order__item-meta strong,
.woocommerce-account .gg-view-order__item-meta strong p{
  display:inline;
  color:#555;
  font-weight:500;
  margin:0;
  padding:0;
}

.woocommerce-account .gg-view-order__item-price{
  font-size:14px;
  font-weight:600;
  color:#1a1a1a;
  white-space:nowrap;
  flex-shrink:0;
}

.woocommerce-account .gg-view-order__total{
  display:flex;
  justify-content:space-between;
  align-items:center;
  padding:12px 16px;
  border-top:1px solid #f0f0f5;
  font-size:14px;
  font-weight:600;
  background:#f4f5fb;
  -webkit-font-smoothing:antialiased;
}
.woocommerce-account .gg-view-order__total span:last-child{
  color:#1a1a1a;
}

/* Блок данных платформ */
.woocommerce-account .gg-view-order__platforms {
  padding: 0;
}
.woocommerce-account .gg-view-order__platforms-title {
  padding: 8px 16px;
  font-size: 12px;
  font-weight: 600;
  color: #888;
  border-bottom: 1px solid #e9e9ee;
  background: #f4f5fb;
}
.woocommerce-account .gg-platform-row {
  padding: 10px 16px;
  background: #fff;
  border-bottom: 1px solid #f0f0f0;
}
.woocommerce-account .gg-platform-row:last-child {
  border-bottom: none;
}
.woocommerce-account .gg-platform-row__head {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 8px;
}
.woocommerce-account .gg-platform-row__name {
  font-size: 13px;
  font-weight: 600;
  color: #1a1a1a;
}
.woocommerce-account .gg-platform-row__mode {
  font-size: 11px;
  color: #fff;
  background: #555;
  border-radius: 20px;
  padding: 2px 8px;
  white-space: nowrap;
}
.woocommerce-account .gg-platform-row__creds {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.woocommerce-account .gg-platform-cred {
  display: flex;
  align-items: baseline;
  gap: 6px;
  font-size: 13px;
}
.woocommerce-account .gg-platform-cred__label {
  color: #888;
  font-size: 12px;
  min-width: 48px;
  flex-shrink: 0;
}
.woocommerce-account .gg-platform-cred__val {
  color: #1a1a1a;
  font-weight: 500;
  word-break: break-all;
}

/* Допблок */
.woocommerce-account .gg-view-order__extra-title{
  font-size:13px;
  font-weight:700;
  padding:10px 16px 0;
  color:#555;
}
.woocommerce-account .gg-view-order__extra{
  padding:0 0 12px;
}

/* Кнопки */
.woocommerce-account .gg-view-order__actions{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
}

.woocommerce-account .gg-order-btn{
  flex:1 1 auto;
  text-align:center;
  font-size:14px;
  font-weight:600;
  padding:11px 16px;
  border-radius:999px;
  border:1.5px solid #e0e0e8;
  background:#fff;
  color:#333;
  text-decoration:none;
  cursor:pointer;
  transition:background .15s, border-color .15s, color .15s;
  line-height:1.3;
  display:block;
}

.woocommerce-account .gg-order-btn--pay{
  background:#d4f0e0;
  border-color:#a3d9b8;
  color:#1a7f4b;
}
.woocommerce-account .gg-order-btn--pay:hover{
  background:#1a7f4b;
  border-color:#1a7f4b;
  color:#fff;
}

.woocommerce-account .gg-order-btn--cancel{
  background:#fde8e8;
  border-color:#f5a6a6;
  color:#c0392b;
}
.woocommerce-account .gg-order-btn--cancel:hover{
  background:#e74c3c;
  border-color:#e74c3c;
  color:#fff;
}

.woocommerce-account .gg-order-btn--back:hover{
  background:#f4f5fb;
  border-color:#c0c4d8;
  color:#111;
}

/* My account: компактная история заказов на мобилке */
@media (max-width: 560px){

  .woocommerce-account table.woocommerce-orders-table{
    width:100%;
    table-layout:auto;
    font-size:13px;
  }

  .woocommerce-account .woocommerce-orders-table th{
    padding:6px 4px;
    font-size:12px;
    text-align:center !important;
  }
  .woocommerce-account .woocommerce-orders-table td{
    padding:6px 4px;
    white-space:normal;
    overflow:hidden;
    font-size:13px;
    line-height:1.3;
    text-align:center !important;
    vertical-align:middle;
  }

  .woocommerce-account .woocommerce-orders-table td.woocommerce-orders-table__cell-order-number a{
    font-size:13px;
    word-break:break-all;
  }

  /* Дата — скрыта на мобилке */
  .woocommerce-account .woocommerce-orders-table th.woocommerce-orders-table__header-order-date,
  .woocommerce-account .woocommerce-orders-table td.woocommerce-orders-table__cell-order-date{
    display:none;
  }

  .woocommerce-account .woocommerce-orders-table td.woocommerce-orders-table__cell-order-status .gg-order-status-badge{
    white-space:nowrap;
    line-height:1.2;
    text-align:center;
  }

  .woocommerce-account .woocommerce-orders-table td.woocommerce-orders-table__cell-order-total{
    white-space:nowrap;
    text-align:center;
  }

  .woocommerce-account .woocommerce-orders-table th.woocommerce-orders-table__header-order-actions,
  .woocommerce-account .woocommerce-orders-table td.woocommerce-orders-table__cell-order-actions{
    text-align:center;
    padding-right:4px;
    padding-left:4px;
    white-space:nowrap;
    width:1%;
  }

  /* Кнопка на узких экранах — тот же размер шрифта что на ПК */
  .woocommerce-account .gg-actions-group .woocommerce-button.button{
    padding:5px 8px !important;
    font-size:12px !important;
  }
}

/* === Кнопки действий в истории заказов — сгруппированный вид === */

.woocommerce-account .woocommerce-orders-table td.woocommerce-orders-table__cell-order-actions{
  text-align:center;
  white-space:nowrap;
  vertical-align:middle;
}

/* Группа-враппер — общая pill-рамка */
.woocommerce-account .gg-actions-group{
  display:inline-flex;
  border:1px solid #e9e9ee;
  border-radius:999px;
  overflow:hidden;
  background:#fff;
}

.woocommerce-account .gg-actions-group .woocommerce-button.button{
  display:inline-flex !important;
  align-items:center !important;
  padding:6px 14px !important;
  margin:0 !important;
  font-size:12px !important;
  font-weight:600 !important;
  border-radius:0 !important;
  border:none !important;
  border-right:1px solid #e9e9ee !important;
  background:transparent !important;
  text-decoration:none !important;
  box-shadow:none !important;
  cursor:pointer !important;
  transition:background .15s, color .15s !important;
  line-height:1.3 !important;
  width:auto !important;
  height:auto !important;
}

.woocommerce-account .gg-actions-group .woocommerce-button.button:last-child{
  border-right:none !important;
}

/* Просмотр */
.woocommerce-account .gg-actions-group .woocommerce-button.button.view{
  background:#dbeafe !important;
  color:#2563eb !important;
}
.woocommerce-account .gg-actions-group .woocommerce-button.button.view:hover{
  background:#2563eb !important;
  color:#fff !important;
}

/* Оплатить */
.woocommerce-account .gg-actions-group .woocommerce-button.button.pay{
  background:#d4f0e0 !important;
  color:#1a7f4b !important;
}
.woocommerce-account .gg-actions-group .woocommerce-button.button.pay:hover{
  background:#1a7f4b !important;
  color:#fff !important;
}

/* Отменить — светло-красный, при наводе насыщенный */
.woocommerce-account .woocommerce-orders-table td.woocommerce-orders-table__cell-order-actions .woocommerce-button.button.cancel{
  background:#fde8e8 !important;
  border-color:#f5a6a6 !important;
  color:#c0392b !important;
}
.woocommerce-account .woocommerce-orders-table td.woocommerce-orders-table__cell-order-actions .woocommerce-button.button.cancel:hover{
  background:#e74c3c !important;
  border-color:#e74c3c !important;
  color:#fff !important;
}

/* Убираем псевдоэлементы от старых иконок */
.woocommerce-account .woocommerce-orders-table .woocommerce-button.button::before,
.woocommerce-account .woocommerce-orders-table .woocommerce-button.button::after{
  display:none !important;
}

@media (max-width:560px){
  .woocommerce-account .woocommerce-orders-table td.woocommerce-orders-table__cell-order-actions{
    white-space:nowrap;
  }
}


/* Заголов��к блока выдачи карт в кабинете */
.gg-order-extra-codes .gg-topup-header{
  margin:16px 0 12px;
  font-size:18.72px;
  font-weight:700;
}



/* Обёртка для таблицы выдачи, как на thankyou */
.gg-topup-table-wrap{
  background:#fafbff;
  border-radius:12px;
  padding:14px 18px;
  overflow-x:auto;
}

/* Внутренняя таблица лицензий, чтобы была без лишних рамок/отступов */
.gg-topup-table-wrap .shop_table{
  width:100%;
  margin:0;
  border:none;
  box-shadow:none;
}

.gg-topup-table-wrap .shop_table th{
  text-align:center;
  font-weight:500;
  border:none;
  padding:8px 12px;
}

.gg-topup-table-wrap .shop_table td{
  border:none;
  padding:10px 12px;
}

/* Внутри блока выдачи карт в кабинете скрываем h2 плагина */
.gg-topup-table-wrap > h2{
  display:none;
}

/* Контейнер с таблицей выдачи */
.gg-topup-table-wrap{
  background:#fafbff;
  border-radius:12px;
  padding:14px 18px;
  overflow-x:auto;
}

/* Сама таблица лицензий */
.gg-topup-table-wrap .shop_table{
  width:100%;
  margin:0;
  border:none;
  box-shadow:none;
  border-collapse:collapse;
}

/* Шапка таблицы (название карты) */
.gg-topup-table-wrap .shop_table thead th{
  text-align:center;
  font-weight:500;
  border:none;
  padding:10px 12px;
}

/* Ячейки с кодами */
.gg-topup-table-wrap .shop_table td{
  border:none;
  padding:8px 12px;
}

/* Строки с кодами — компактно друг под другом */
.gg-topup-table-wrap .shop_table tbody tr td{
  padding:6px 12px;
  font-size:13px;
}

/* Сам код — моноширинный и чуть выделен */
.gg-topup-table-wrap .lmfwc-myaccount-license-key{
  font-family:Menlo,Consolas,monospace;
  font-size:13px;
  letter-spacing:0.04em;
}

/* Заголовок блока "Выдача карт пополнения" */
.gg-order-extra-codes .gg-topup-header{
  margin:16px 0 12px;
  font-size:18.72px;
  font-weight:700;
}

/* Прячем служебный h2 плагина внутри блока */
.gg-topup-table-wrap > h2{
  display:none;
}

/* Контейнер таблицы — без общего голубого фона */
.gg-topup-table-wrap{
  border-radius:12px;
  overflow:hidden;           /* чтобы скругление действовало на thead */
}

/* Общие стили таблицы выдачи */
.gg-topup-table-wrap .shop_table{
  width:100%;
  margin:0;
  border-collapse:collapse;
  border:none;
  box-shadow:none;
}

/* ТОЛЬКО thead — голубая "рубашка" */
.gg-topup-table-wrap .shop_table thead{
  background:#fafbff;        /* бело‑голубой фон как на чекауте */
}

.gg-topup-table-wrap .shop_table thead th{
  text-align:center;
  font-weight:600;
  font-size:15px;
  border:none;
  padding:10px 18px;
}

/* tbody — белый фон, без рамок */
.gg-topup-table-wrap .shop_table tbody{
  background:#ffffff;
}

.gg-topup-table-wrap .shop_table tbody td{
  border:none;
  padding:8px 18px;
}

/* Коды — чуть выделены */
.gg-topup-table-wrap .lmfwc-myaccount-license-key{
  display:inline-block;
  font-family:Menlo,Consolas,monospace;
  font-size:13px;
  letter-spacing:0.04em;
}


/* Контейнер без фонового цвета */
.gg-topup-table-wrap{
  border-radius:12px;
  overflow:hidden;
  background:#ffffff;        /* белый фон по краям и снизу */
}

/* Таблица — без своих рамок/тени */
.gg-topup-table-wrap .shop_table{
  width:100%;
  margin:0;
  border-collapse:collapse;
  border:none;
  box-shadow:none;
}

/* Голубая "рубашка" ТОЛЬКО у заголовка */
.gg-topup-table-wrap .shop_table thead{
  background:#fafbff;
}

.gg-topup-table-wrap .shop_table thead th{
  text-align:center;
  font-weight:600;
  font-size:15px;
  border:none;
  padding:10px 18px;
}

/* Тело таблицы — белый фон */
.gg-topup-table-wrap .shop_table tbody{
  background:#ffffff;
}

.gg-topup-table-wrap .shop_table tbody td{
  border:none;
  padding:8px 18px;
}

/* --- Orders pagination --- */
.gg-orders-pagination{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:12px;
  margin-top:0;
  padding:12px 14px;
  border-top:1px solid #f0f0f5;
}
.gg-orders-pagination__btn{
  display:inline-flex;
  align-items:center;
  padding:7px 18px;
  border-radius:20px;
  font-size:13px;
  font-weight:500;
  text-decoration:none;
  background:#f0f4ff;
  color:#3b5bdb;
  border:1px solid #d0d9f7;
  transition:background .15s,color .15s;
  white-space:nowrap;
}
.gg-orders-pagination__btn:hover{
  background:#3b5bdb;
  color:#fff;
  border-color:#3b5bdb;
}
.gg-orders-pagination__btn--disabled{
  background:#f5f5f5;
  color:#bbb;
  border-color:#e5e5e5;
  cursor:default;
  pointer-events:none;
}
.gg-orders-pagination__info{
  font-size:13px;
  color:#888;
  min-width:40px;
  text-align:center;
}

@media (max-width:560px){
  .woocommerce-account .gg-actions-group .woocommerce-button.button{
    padding:5px 8px !important;
    font-size:12px !important;
  }
  .gg-order-total-items{
    display:none;
  }
}

/* ===== Блок выдачи ключей на странице заказа ===== */

.woocommerce-account .gg-view-order__licenses-header{
  display:flex;
  justify-content:space-between;
  padding:8px 16px;
  font-size:12px;
  font-weight:600;
  color:#888;
  border-bottom:1px solid #e9e9ee;
  background:#f4f5fb;
}

.woocommerce-account .gg-licenses-table{
  width:100%;
  border-collapse:collapse;
  table-layout:fixed;
}

.woocommerce-account .gg-licenses-table thead th{
  padding:8px 16px;
  font-size:12px;
  font-weight:600;
  color:#888;
  border-bottom:1px solid #e9e9ee;
  background:#fff;
  text-align:left;
}

.woocommerce-account .gg-licenses-table thead th:first-child{ width:55%; }
.woocommerce-account .gg-licenses-table thead th:last-child{ width:45%; }

.woocommerce-account .gg-licenses-table tbody tr{
  border-bottom:1px solid #f0f0f5;
}
.woocommerce-account .gg-licenses-table tbody tr:last-child{
  border-bottom:none;
}

.woocommerce-account .gg-licenses-table td{
  padding:10px 16px;
  font-size:13px;
  vertical-align:middle;
  background:#fff;
}

.woocommerce-account .gg-licenses-table__name{
  color:#333;
  font-weight:500;
}

.woocommerce-account .gg-licenses-table__key code{
  font-family:monospace;
  font-size:13px;
  color:#111;
  background:#f0f1f8;
  padding:3px 8px;
  border-radius:6px;
  word-break:break-all;
}


/* TG settings gear button */
.gg-tg-settings-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background:none;
  border:none;
  padding:4px;
  margin-left:8px;
  cursor:pointer;
  color:#bbb;
  transition:color .15s, transform .3s;
  line-height:1;
  flex-shrink:0;
  align-self:center;
}
.gg-tg-settings-btn:hover{
  color:#555;
}
.gg-tg-settings-btn--active{
  color:#2AABEE;
  transform:rotate(60deg);
}

/* TG notify expandable row */
.gg-tg-notify-row{
  max-height:0;
  overflow:hidden;
  transition:max-height .28s ease, opacity .28s ease;
  opacity:0;
}
.gg-tg-notify-row--open{
  max-height:80px;
  opacity:1;
}
.gg-tg-notify-row__inner{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:10px 14px 0 0;
  margin:4px 0 0 0;
  border-top:1px solid #f0f0f5;
}
.gg-tg-notify-label{
  font-size:12px;
  color:#888;
  line-height:1.4;
}
.gg-tg-notify-toggle{
  display:inline-flex;
  align-items:center;
  cursor:pointer;
  flex-shrink:0;
}
.gg-tg-notify-toggle input{
  position:absolute;
  opacity:0;
  width:0;
  height:0;
}
.gg-tg-notify-slider{
  position:relative;
  display:inline-block;
  width:36px;
  height:20px;
  background:#dde0e8;
  border-radius:999px;
  transition:background .2s;
  flex-shrink:0;
}
.gg-tg-notify-slider::after{
  content:'';
  position:absolute;
  top:3px;
  left:3px;
  width:14px;
  height:14px;
  background:#fff;
  border-radius:50%;
  transition:transform .2s;
  box-shadow:0 1px 3px rgba(0,0,0,.2);
}
.gg-tg-notify-toggle input:checked + .gg-tg-notify-slider{
  background:#2AABEE;
}
.gg-tg-notify-toggle input:checked + .gg-tg-notify-slider::after{
  transform:translateX(16px);
}