PluginProbe
Product Labels, Quick View, Buy Now, Pre-Orders, Frequently Bought Together & More for WooCommerce – Merchant / 2.3.2
Product Labels, Quick View, Buy Now, Pre-Orders, Frequently Bought Together & More for WooCommerce – Merchant v2.3.2
2.3.2 2.3.1 2.3.0 2.2.8 2.2.7 trunk 1.10.0 1.10.1 1.10.2 1.10.3 1.10.4 1.10.5 1.11.0 1.11.1 1.11.2 1.6 1.7 1.8 1.8.1 1.8.2 1.8.3 1.9.0 1.9.1 1.9.10 1.9.11 All 60 releases
← All changes | assets/css/admin/admin.css +2183 -78 1.10.42.3.2 View file →
@@ -1,4 +1,5 @@
1 +@charset "UTF-8";
1 2 /* Utilities */
2 3 .mrc-w-100 {
3 4 width: 100% !important;
4 5 }
@@ -446,8 +447,28 @@
446 447 -webkit-transform: scaleX(1);
447 448 transform: scaleX(1);
448 449 }
449 450 }
451 +@-webkit-keyframes merchant-spin {
452 + 0% {
453 + -webkit-transform: rotate(0deg);
454 + transform: rotate(0deg);
455 + }
456 + 100% {
457 + -webkit-transform: rotate(359deg);
458 + transform: rotate(359deg);
459 + }
460 +}
461 +@keyframes merchant-spin {
462 + 0% {
463 + -webkit-transform: rotate(0deg);
464 + transform: rotate(0deg);
465 + }
466 + 100% {
467 + -webkit-transform: rotate(359deg);
468 + transform: rotate(359deg);
469 + }
470 +}
450 471 .merchant-pcr-app * {
451 472 outline: none;
452 473 border: none;
453 474 -webkit-box-sizing: border-box;
@@ -927,13 +948,743 @@
927 948 .merchant-tab-content.active {
928 949 display: block;
929 950 }
930 951
931 -.toplevel_page_merchant {
952 +.merchant-wpvibe-banner {
953 + display: -webkit-box;
954 + display: -ms-flexbox;
955 + display: flex;
956 + -webkit-box-align: center;
957 + -ms-flex-align: center;
958 + align-items: center;
959 + -webkit-box-pack: justify;
960 + -ms-flex-pack: justify;
961 + justify-content: space-between;
962 + gap: 24px;
963 + background-color: #1D2327;
964 + border-radius: 8px;
965 + padding: 28px 32px;
966 + -webkit-box-sizing: border-box;
967 + box-sizing: border-box;
968 +}
969 +.merchant-wpvibe-banner * {
970 + -webkit-box-sizing: border-box;
971 + box-sizing: border-box;
972 +}
973 +
974 +.merchant-wpvibe-banner-content {
975 + -webkit-box-flex: 1;
976 + -ms-flex: 1;
977 + flex: 1;
978 + min-width: 0;
979 +}
980 +
981 +.merchant-wpvibe-banner-eyebrow {
982 + font-size: 13px;
983 + font-weight: 600;
984 + letter-spacing: 0.08em;
985 + text-transform: uppercase;
986 + color: #8b8fa8;
987 + margin: 0 0 10px;
988 +}
989 +
990 +.merchant-wpvibe-banner-title {
991 + font-size: 24px;
992 + font-weight: 700;
993 + color: #ffffff;
994 + margin: 0 0 12px;
995 + line-height: 1.3;
996 +}
997 +
998 +.merchant-wpvibe-banner-desc {
999 + font-size: 15px;
1000 + line-height: 1.6;
1001 + color: #C6C8C9;
1002 + margin: 0 0 20px;
1003 + max-width: 980px;
1004 +}
1005 +.merchant-wpvibe-banner-desc a {
1006 + color: #C6C8C9;
1007 + font-weight: 600;
1008 + text-decoration: underline;
1009 + text-underline-offset: 2px;
1010 +}
1011 +.merchant-wpvibe-banner-desc a:hover {
1012 + color: #b0b3c6;
1013 +}
1014 +
1015 +.merchant-wpvibe-banner-actions {
1016 + display: -webkit-box;
1017 + display: -ms-flexbox;
1018 + display: flex;
1019 + -webkit-box-align: center;
1020 + -ms-flex-align: center;
1021 + align-items: center;
1022 + gap: 20px;
1023 + -ms-flex-wrap: wrap;
1024 + flex-wrap: wrap;
1025 +}
1026 +
1027 +.merchant-wpvibe-install-btn {
1028 + display: -webkit-inline-box;
1029 + display: -ms-inline-flexbox;
1030 + display: inline-flex;
1031 + -webkit-box-align: center;
1032 + -ms-flex-align: center;
1033 + align-items: center;
1034 + gap: 8px;
1035 + background-color: #4f6ef7;
1036 + color: #ffffff;
1037 + font-size: 13px;
1038 + font-weight: 600;
1039 + border: none;
1040 + border-radius: 6px;
1041 + padding: 10px 18px;
1042 + cursor: pointer;
1043 + -webkit-transition: background-color 0.2s ease;
1044 + transition: background-color 0.2s ease;
1045 +}
1046 +.merchant-wpvibe-install-btn:hover {
1047 + background-color: #3d5ce0;
1048 + color: #ffffff;
1049 +}
1050 +.merchant-wpvibe-install-btn:disabled {
1051 + opacity: 0.7;
1052 + cursor: not-allowed;
1053 +}
1054 +
1055 +.merchant-wpvibe-active-link {
1056 + display: -webkit-inline-box;
1057 + display: -ms-inline-flexbox;
1058 + display: inline-flex;
1059 + -webkit-box-align: center;
1060 + -ms-flex-align: center;
1061 + align-items: center;
1062 + gap: 6px;
1063 + color: #6ee79a;
1064 + font-size: 13px;
1065 + font-weight: 600;
1066 + text-decoration: none;
1067 +}
1068 +.merchant-wpvibe-active-link:hover {
1069 + color: #4dcf7b;
1070 + text-decoration: underline;
1071 +}
1072 +
1073 +.merchant-wpvibe-active-check {
1074 + font-size: 14px;
1075 + color: #6ee79a;
1076 +}
1077 +
1078 +.merchant-wpvibe-toggle-wrap {
1079 + display: -webkit-box;
1080 + display: -ms-flexbox;
1081 + display: flex;
1082 + -webkit-box-align: center;
1083 + -ms-flex-align: center;
1084 + align-items: center;
1085 + gap: 10px;
1086 +}
1087 +.merchant-wpvibe-toggle-wrap.merchant-wpvibe-toggle-disabled {
1088 + opacity: 0.5;
1089 + pointer-events: none;
1090 +}
1091 +
1092 +.merchant-wpvibe-toggle-label {
1093 + font-size: 12px;
1094 + letter-spacing: 0.06em;
1095 + text-transform: uppercase;
1096 + color: #b0b3c6;
1097 +}
1098 +
1099 +.merchant-wpvibe-banner-badges {
1100 + display: -webkit-box;
1101 + display: -ms-flexbox;
1102 + display: flex;
1103 + -webkit-box-orient: vertical;
1104 + -webkit-box-direction: normal;
1105 + -ms-flex-direction: column;
1106 + flex-direction: column;
1107 + -webkit-box-align: end;
1108 + -ms-flex-align: end;
1109 + align-items: flex-end;
1110 + gap: 10px;
1111 + -ms-flex-negative: 0;
1112 + flex-shrink: 0;
1113 +}
1114 +
1115 +.merchant-wpvibe-badge {
1116 + display: -webkit-box;
1117 + display: -ms-flexbox;
1118 + display: flex;
1119 + -webkit-box-align: center;
1120 + -ms-flex-align: center;
1121 + align-items: center;
1122 + gap: 10px;
1123 + background-color: #303236;
1124 + border-radius: 6px;
1125 + padding: 10px 14px;
1126 + min-width: 150px;
1127 +}
1128 +.merchant-wpvibe-badge svg {
1129 + -ms-flex-negative: 0;
1130 + flex-shrink: 0;
1131 + border-radius: 4px;
1132 +}
1133 +.merchant-wpvibe-badge span {
1134 + font-size: 14px;
1135 + font-weight: 500;
1136 + color: #ffffff;
1137 +}
1138 +
1139 +.merchant-wpvibe-any-client {
1140 + font-size: 13px;
1141 + color: #6b6f88;
1142 + margin: 4px auto 0;
1143 + text-align: center;
1144 +}
1145 +
1146 +.merchant-module-page-link-ai {
1147 + border: none;
1148 + background: transparent;
1149 + font-family: inherit;
1150 + color: #674399;
1151 + cursor: pointer;
1152 +}
1153 +.merchant-module-page-link-ai:hover, .merchant-module-page-link-ai:focus {
1154 + color: #674399;
1155 +}
1156 +
1157 +.merchant-ai-prompts-modal-overlay {
1158 + position: fixed;
1159 + top: 0;
1160 + left: 0;
1161 + right: 0;
1162 + bottom: 0;
1163 + z-index: 99999;
1164 + display: -webkit-box;
1165 + display: -ms-flexbox;
1166 + display: flex;
1167 + -webkit-box-pack: center;
1168 + -ms-flex-pack: center;
1169 + justify-content: center;
1170 + -webkit-box-align: center;
1171 + -ms-flex-align: center;
1172 + align-items: center;
1173 + background-color: rgba(0, 0, 0, 0.6);
1174 + opacity: 0;
1175 + visibility: hidden;
1176 + pointer-events: none;
1177 + -webkit-transition: all 0.2s;
1178 + transition: all 0.2s;
1179 +}
1180 +.merchant-ai-prompts-modal-overlay.merchant-show {
1181 + pointer-events: auto;
1182 + opacity: 1;
1183 + visibility: visible;
1184 +}
1185 +
1186 +.merchant-ai-prompts-modal-box {
1187 + position: relative;
1188 + width: 640px;
1189 + max-width: 92%;
1190 + max-height: 85vh;
1191 + overflow-y: auto;
1192 + border-radius: 12px;
1193 + background-color: #fff;
1194 + -webkit-box-shadow: 0 30px 60px rgba(0, 0, 0, 0.25), 0 6px 16px rgba(0, 0, 0, 0.12);
1195 + box-shadow: 0 30px 60px rgba(0, 0, 0, 0.25), 0 6px 16px rgba(0, 0, 0, 0.12);
1196 +}
1197 +
1198 +.merchant-ai-prompts-modal-close {
1199 + position: absolute;
1200 + top: 18px;
1201 + right: 18px;
1202 + z-index: 1;
1203 + display: -webkit-box;
1204 + display: -ms-flexbox;
1205 + display: flex;
1206 + -webkit-box-align: center;
1207 + -ms-flex-align: center;
1208 + align-items: center;
1209 + -webkit-box-pack: center;
1210 + -ms-flex-pack: center;
1211 + justify-content: center;
1212 + width: 30px;
1213 + height: 30px;
1214 + border: none;
1215 + border-radius: 50%;
1216 + background: rgba(255, 255, 255, 0.12);
1217 + color: rgba(255, 255, 255, 0.8);
1218 + font-size: 18px;
1219 + line-height: 1;
1220 + cursor: pointer;
1221 + -webkit-transition: background-color 0.3s, color 0.3s;
1222 + transition: background-color 0.3s, color 0.3s;
1223 +}
1224 +.merchant-ai-prompts-modal-close:hover {
1225 + background: rgba(255, 255, 255, 0.22);
1226 + color: #ffffff;
1227 +}
1228 +.merchant-ai-prompts-modal-close:focus {
1229 + outline: none;
1230 + -webkit-box-shadow: none;
1231 + box-shadow: none;
1232 +}
1233 +.merchant-ai-prompts-modal-close svg {
1234 + width: 10px;
1235 + height: 10px;
1236 +}
1237 +.merchant-ai-prompts-modal-close svg path {
1238 + stroke-width: 3;
1239 +}
1240 +
1241 +.merchant-ai-prompts-modal-header {
1242 + position: relative;
1243 + overflow: hidden;
1244 + padding: 34px 36px 28px;
1245 + background: linear-gradient(135deg, #567BFF 0%, #3858E9 55%, #2540B8 100%);
1246 + border-radius: 12px 12px 0 0;
1247 +}
1248 +.merchant-ai-prompts-modal-header:before {
1249 + content: "";
1250 + position: absolute;
1251 + top: -60px;
1252 + right: -60px;
1253 + width: 220px;
1254 + height: 220px;
1255 + border-radius: 50%;
1256 + background: radial-gradient(circle, rgba(255, 255, 255, 0.16) 0%, rgba(255, 255, 255, 0) 70%);
1257 +}
1258 +
1259 +.merchant-ai-prompts-modal-badge {
1260 + position: relative;
1261 + z-index: 1;
1262 + display: -webkit-inline-box;
1263 + display: -ms-inline-flexbox;
1264 + display: inline-flex;
1265 + -ms-flex-negative: 0;
1266 + flex-shrink: 0;
1267 + -webkit-box-align: center;
1268 + -ms-flex-align: center;
1269 + align-items: center;
1270 + gap: 5px;
1271 + padding: 3px 9px;
1272 + overflow: hidden;
1273 + color: #ffffff;
1274 + background-color: rgba(255, 255, 255, 0.18);
1275 + border: 1px solid rgba(255, 255, 255, 0.3);
1276 + border-radius: 4px;
1277 + font-size: 10px;
1278 + font-weight: 700;
1279 + line-height: 1.4;
1280 + letter-spacing: 0.02em;
1281 + text-transform: uppercase;
1282 +}
1283 +.merchant-ai-prompts-modal-badge svg {
1284 + -ms-flex-negative: 0;
1285 + flex-shrink: 0;
1286 + -webkit-transform-origin: center;
1287 + transform-origin: center;
1288 +}
1289 +.merchant-ai-prompts-modal-badge svg.merchant-ai-badge-spin {
1290 + -webkit-animation: merchant-ai-badge-sparkle 0.9s ease-in-out 1.5s 1;
1291 + animation: merchant-ai-badge-sparkle 0.9s ease-in-out 1.5s 1;
1292 +}
1293 +@media (prefers-reduced-motion: reduce) {
1294 + .merchant-ai-prompts-modal-badge svg.merchant-ai-badge-spin {
1295 + -webkit-animation: none;
1296 + animation: none;
1297 + }
1298 +}
1299 +
1300 +@-webkit-keyframes merchant-ai-badge-sparkle {
1301 + 0% {
1302 + -webkit-transform: scale(1) rotate(0deg);
1303 + transform: scale(1) rotate(0deg);
1304 + opacity: 1;
1305 + }
1306 + 45% {
1307 + -webkit-transform: scale(1.25) rotate(180deg);
1308 + transform: scale(1.25) rotate(180deg);
1309 + opacity: 0.75;
1310 + }
1311 + 100% {
1312 + -webkit-transform: scale(1) rotate(360deg);
1313 + transform: scale(1) rotate(360deg);
1314 + opacity: 1;
1315 + }
1316 +}
1317 +
1318 +@keyframes merchant-ai-badge-sparkle {
1319 + 0% {
1320 + -webkit-transform: scale(1) rotate(0deg);
1321 + transform: scale(1) rotate(0deg);
1322 + opacity: 1;
1323 + }
1324 + 45% {
1325 + -webkit-transform: scale(1.25) rotate(180deg);
1326 + transform: scale(1.25) rotate(180deg);
1327 + opacity: 0.75;
1328 + }
1329 + 100% {
1330 + -webkit-transform: scale(1) rotate(360deg);
1331 + transform: scale(1) rotate(360deg);
1332 + opacity: 1;
1333 + }
1334 +}
1335 +.merchant-ai-prompts-modal-title {
1336 + position: relative;
1337 + z-index: 1;
1338 + display: -webkit-box;
1339 + display: -ms-flexbox;
1340 + display: flex;
1341 + -webkit-box-align: center;
1342 + -ms-flex-align: center;
1343 + align-items: center;
1344 + gap: 10px;
1345 + margin: 0 0 16px;
1346 + font-size: 20px;
1347 + font-weight: 700;
1348 + color: #ffffff;
1349 +}
1350 +
1351 +.merchant-ai-prompts-modal-blurb {
1352 + position: relative;
1353 + z-index: 1;
1354 + margin: 0;
1355 + max-width: 480px;
1356 + font-size: 13.5px;
1357 + line-height: 1.6;
1358 + color: rgba(255, 255, 255, 0.85);
1359 +}
1360 +
1361 +.merchant-ai-prompts-modal-body {
1362 + padding: 26px 36px 20px;
1363 +}
1364 +
1365 +.merchant-ai-prompts-modal-list-title {
1366 + margin: 0 0 14px;
1367 + font-size: 12px;
1368 + font-weight: 700;
1369 + letter-spacing: 0.06em;
1370 + text-transform: uppercase;
1371 + color: #8b8fa8;
1372 +}
1373 +
1374 +.merchant-ai-prompts-modal-list {
1375 + display: -webkit-box;
1376 + display: -ms-flexbox;
1377 + display: flex;
1378 + -webkit-box-orient: vertical;
1379 + -webkit-box-direction: normal;
1380 + -ms-flex-direction: column;
1381 + flex-direction: column;
1382 + gap: 12px;
1383 +}
1384 +
1385 +.merchant-ai-prompt-row {
1386 + display: -webkit-box;
1387 + display: -ms-flexbox;
1388 + display: flex;
1389 + -webkit-box-align: center;
1390 + -ms-flex-align: center;
1391 + align-items: center;
1392 + gap: 14px;
1393 + width: 100%;
1394 + padding: 14px 16px;
1395 + border: 1px solid #ECECEC;
1396 + border-radius: 10px;
1397 + background-color: #ffffff;
1398 + font-family: inherit;
1399 + text-align: left;
1400 + cursor: pointer;
1401 + -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
1402 + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
1403 + -webkit-transition: border-color 0.25s ease, -webkit-box-shadow 0.25s ease, -webkit-transform 0.25s ease;
1404 + transition: border-color 0.25s ease, -webkit-box-shadow 0.25s ease, -webkit-transform 0.25s ease;
1405 + transition: border-color 0.25s ease, box-shadow 0.25s ease, transform 0.25s ease;
1406 + transition: border-color 0.25s ease, box-shadow 0.25s ease, transform 0.25s ease, -webkit-box-shadow 0.25s ease, -webkit-transform 0.25s ease;
1407 +}
1408 +.merchant-ai-prompt-row:hover {
1409 + border-color: rgba(56, 88, 233, 0.35);
1410 + -webkit-box-shadow: 0 8px 20px rgba(56, 88, 233, 0.14);
1411 + box-shadow: 0 8px 20px rgba(56, 88, 233, 0.14);
1412 + -webkit-transform: translateY(-1px);
1413 + transform: translateY(-1px);
1414 +}
1415 +.merchant-ai-prompt-row:focus {
1416 + outline: none;
1417 + -webkit-box-shadow: 0 0 0 2px rgba(56, 88, 233, 0.3);
1418 + box-shadow: 0 0 0 2px rgba(56, 88, 233, 0.3);
1419 +}
1420 +.merchant-ai-prompt-row.is-copied {
1421 + border-color: #3858E9;
1422 + background-color: rgba(56, 88, 233, 0.05);
1423 +}
1424 +.merchant-ai-prompt-row:hover .merchant-ai-prompt-icon {
1425 + background-color: rgba(56, 88, 233, 0.15);
1426 + opacity: 1;
1427 +}
1428 +.merchant-ai-prompt-row.is-copied .merchant-ai-prompt-icon {
1429 + background-color: #3858E9;
1430 + color: #ffffff;
1431 + opacity: 1;
1432 +}
1433 +
1434 +.merchant-ai-prompt-text {
1435 + -webkit-box-flex: 1;
1436 + -ms-flex: 1;
1437 + flex: 1;
1438 + min-width: 0;
1439 + font-size: 14px;
1440 + line-height: 1.6;
1441 + color: #1D2327;
1442 +}
1443 +
1444 +.merchant-ai-prompt-icon {
1445 + display: -webkit-box;
1446 + display: -ms-flexbox;
1447 + display: flex;
1448 + -webkit-box-align: center;
1449 + -ms-flex-align: center;
1450 + align-items: center;
1451 + -webkit-box-pack: center;
1452 + -ms-flex-pack: center;
1453 + justify-content: center;
1454 + -ms-flex-negative: 0;
1455 + flex-shrink: 0;
1456 + width: 32px;
1457 + height: 32px;
1458 + border-radius: 50%;
1459 + background-color: #EAF0FE;
1460 + color: #3858E9;
1461 + opacity: 0.3;
1462 + -webkit-transition: background-color 0.15s, color 0.15s, opacity 0.15s ease;
1463 + transition: background-color 0.15s, color 0.15s, opacity 0.15s ease;
1464 +}
1465 +
1466 +.merchant-ai-prompts-modal-footer {
1467 + padding: 14px 36px;
1468 + border-top: 1px solid #ECECEC;
1469 + text-align: center;
1470 +}
1471 +.merchant-ai-prompts-modal-footer a {
1472 + font-size: 12.5px;
1473 + font-weight: 500;
1474 + color: #3858E9;
1475 + text-decoration: underline;
1476 + -webkit-transition: color 0.15s;
1477 + transition: color 0.15s;
1478 +}
1479 +.merchant-ai-prompts-modal-footer a:hover, .merchant-ai-prompts-modal-footer a:focus {
1480 + color: #2C46C4;
1481 + outline: none;
1482 + -webkit-box-shadow: none;
1483 + box-shadow: none;
1484 +}
1485 +
1486 +.merchant-white-label-field .merchant-module-page-setting-field-inner.disabled {
1487 + cursor: pointer;
1488 +}
1489 +.merchant-white-label-field .merchant-module-page-setting-field-inner.disabled input,
1490 +.merchant-white-label-field .merchant-module-page-setting-field-inner.disabled select,
1491 +.merchant-white-label-field .merchant-module-page-setting-field-inner.disabled textarea,
1492 +.merchant-white-label-field .merchant-module-page-setting-field-inner.disabled button,
1493 +.merchant-white-label-field .merchant-module-page-setting-field-inner.disabled label {
1494 + pointer-events: none;
1495 +}
1496 +
1497 +.merchant-white-label-bookmark {
1498 + display: -webkit-box;
1499 + display: -ms-flexbox;
1500 + display: flex;
1501 + gap: 10px;
1502 + margin-bottom: 16px;
1503 + padding: 12px 16px;
1504 + border: 1px solid #e0c470;
1505 + border-radius: 4px;
1506 + background-color: #fff8e5;
1507 + color: #674600;
1508 +}
1509 +.merchant-white-label-bookmark .dashicons {
1510 + -ms-flex-negative: 0;
1511 + flex-shrink: 0;
1512 + line-height: 1.5;
1513 +}
1514 +.merchant-white-label-bookmark a {
1515 + word-break: break-all;
1516 +}
1517 +
1518 +.merchant-white-label-modal-overlay {
1519 + position: fixed;
1520 + top: 0;
1521 + left: 0;
1522 + right: 0;
1523 + bottom: 0;
1524 + z-index: 99999;
1525 + display: -webkit-box;
1526 + display: -ms-flexbox;
1527 + display: flex;
1528 + -webkit-box-align: center;
1529 + -ms-flex-align: center;
1530 + align-items: center;
1531 + -webkit-box-pack: center;
1532 + -ms-flex-pack: center;
1533 + justify-content: center;
1534 + background-color: rgba(0, 0, 0, 0.6);
1535 + opacity: 0;
1536 + visibility: hidden;
1537 + pointer-events: none;
1538 + -webkit-transition: all 0.2s;
1539 + transition: all 0.2s;
1540 +}
1541 +.merchant-white-label-modal-overlay.merchant-show {
1542 + pointer-events: auto;
1543 + opacity: 1;
1544 + visibility: visible;
1545 +}
1546 +
1547 +.merchant-white-label-modal-box {
1548 + position: relative;
1549 + width: 460px;
1550 + max-width: 92%;
1551 + padding: 30px 40px 0;
1552 + overflow: hidden;
1553 + border-radius: 8px;
1554 + background-color: #fff;
1555 + -webkit-box-shadow: 0 30px 60px rgba(0, 0, 0, 0.25), 0 6px 16px rgba(0, 0, 0, 0.12);
1556 + box-shadow: 0 30px 60px rgba(0, 0, 0, 0.25), 0 6px 16px rgba(0, 0, 0, 0.12);
1557 + text-align: center;
1558 +}
1559 +
1560 +.merchant-white-label-modal-close {
1561 + position: absolute;
1562 + top: 16px;
1563 + right: 16px;
1564 + display: -webkit-box;
1565 + display: -ms-flexbox;
1566 + display: flex;
1567 + -webkit-box-align: center;
1568 + -ms-flex-align: center;
1569 + align-items: center;
1570 + -webkit-box-pack: center;
1571 + -ms-flex-pack: center;
1572 + justify-content: center;
1573 + width: 28px;
1574 + height: 28px;
1575 + padding: 0;
1576 + border: none;
1577 + background: none;
1578 + color: #a7aaad;
1579 + cursor: pointer;
1580 + -webkit-transition: color 0.15s;
1581 + transition: color 0.15s;
1582 +}
1583 +.merchant-white-label-modal-close:hover, .merchant-white-label-modal-close:focus {
1584 + color: #50575e;
1585 +}
1586 +
1587 +.merchant-white-label-modal-lock {
1588 + color: #a7aaad;
1589 + line-height: 1;
1590 +}
1591 +
1592 +.merchant-white-label-modal-title {
1593 + margin: 20px 0 16px;
1594 + color: #1d2327;
1595 + font-size: 24px;
1596 + font-weight: 700;
1597 + line-height: 1.3;
1598 +}
1599 +
1600 +.merchant-white-label-modal-body {
1601 + margin: 0 auto 28px;
1602 + max-width: 30em;
1603 + color: #50575e;
1604 + font-size: 15px;
1605 + line-height: 1.6;
1606 +}
1607 +.merchant-white-label-modal-body strong {
1608 + color: #1d2327;
1609 + text-transform: uppercase;
1610 +}
1611 +
1612 +.merchant-white-label-modal-cta.button {
1613 + height: auto;
1614 + min-width: 240px;
1615 + padding: 10px 28px;
1616 + border-radius: 3px;
1617 + font-size: 15px;
1618 + font-weight: 600;
1619 + line-height: 1.4;
1620 +}
1621 +
1622 +.merchant-white-label-modal-bonus {
1623 + position: relative;
1624 + margin: 46px -40px 0;
1625 + padding: 22px 40px 20px;
1626 + background-color: #f0f2fb;
1627 + color: #50575e;
1628 + font-size: 14px;
1629 + line-height: 1.6;
1630 +}
1631 +.merchant-white-label-modal-bonus strong {
1632 + color: #1d2327;
1633 +}
1634 +.merchant-white-label-modal-bonus .merchant-white-label-modal-bonus-highlight {
1635 + color: #00a32a;
1636 +}
1637 +
1638 +.merchant-white-label-modal-bonus-badge {
1639 + position: absolute;
1640 + top: -14px;
1641 + left: 50%;
1642 + display: -webkit-box;
1643 + display: -ms-flexbox;
1644 + display: flex;
1645 + -webkit-box-align: center;
1646 + -ms-flex-align: center;
1647 + align-items: center;
1648 + -webkit-box-pack: center;
1649 + -ms-flex-pack: center;
1650 + justify-content: center;
1651 + -webkit-box-sizing: border-box;
1652 + box-sizing: border-box;
1653 + width: 35px;
1654 + height: 35px;
1655 + -webkit-transform: translateX(-50%);
1656 + transform: translateX(-50%);
1657 + border: 5px solid #fff;
1658 + border-radius: 50%;
1659 + background-color: #00a32a;
1660 + color: #fff;
1661 +}
1662 +.merchant-white-label-modal-bonus-badge svg {
1663 + display: block;
1664 + width: 13px;
1665 + height: 13px;
1666 +}
1667 +
1668 +.merchant-white-label-modal-footer {
1669 + margin: 0 -40px;
1670 + padding: 16px 40px 20px;
1671 + color: #787c82;
1672 + font-size: 13px;
1673 +}
1674 +.merchant-white-label-modal-footer a {
1675 + color: inherit;
1676 + text-decoration: underline;
1677 +}
1678 +.merchant-white-label-modal-footer a:hover, .merchant-white-label-modal-footer a:focus {
1679 + color: #1d2327;
1680 +}
1681 +
1682 +body.toplevel_page_merchant {
932 1683 background-color: #F4F6F8;
933 1684 }
934 -.toplevel_page_merchant #wpbody-content > .updated,
935 -.toplevel_page_merchant #wpbody-content > .notice {
1685 +body.toplevel_page_merchant #wpbody-content > .updated,
1686 +body.toplevel_page_merchant #wpbody-content > .notice {
936 1687 display: none;
937 1688 }
938 1689
939 1690 .merchant-top-bar {
@@ -1301,8 +2052,11 @@
1301 2052 line-height: 34px;
1302 2053 font-weight: 500;
1303 2054 color: #101517;
1304 2055 }
2056 +.merchant-modules-header-heading__campaigns {
2057 + margin-bottom: 20px;
2058 +}
1305 2059
1306 2060 .merchant-modules-header-subheading {
1307 2061 font-size: 16px;
1308 2062 line-height: 1.35em;
@@ -1388,8 +2142,41 @@
1388 2142 margin-top: 20px;
1389 2143 }
1390 2144 }
1391 2145
2146 +.merchant-modules-no-active-modules {
2147 + padding-block: 40px;
2148 + display: -webkit-box;
2149 + display: -ms-flexbox;
2150 + display: flex;
2151 + -webkit-box-orient: vertical;
2152 + -webkit-box-direction: normal;
2153 + -ms-flex-direction: column;
2154 + flex-direction: column;
2155 + -webkit-box-align: center;
2156 + -ms-flex-align: center;
2157 + align-items: center;
2158 + gap: 15px;
2159 +}
2160 +.merchant-modules-no-active-modules img {
2161 + width: 350px;
2162 + max-width: 100%;
2163 + margin-bottom: 10px;
2164 +}
2165 +.merchant-modules-no-active-modules__text-big {
2166 + font-size: 16px;
2167 + font-weight: 500;
2168 + color: #101517;
2169 +}
2170 +.merchant-modules-no-active-modules__text-small {
2171 + color: #757575;
2172 + font-size: 13px;
2173 +}
2174 +.merchant-modules-no-active-modules .merchant-module-page-button {
2175 + width: 180px;
2176 + margin-top: 5px;
2177 +}
2178 +
1392 2179 .merchant-modules-header-shortlinks {
1393 2180 margin: 20px 0;
1394 2181 padding: 0;
1395 2182 list-style: none;
@@ -1402,9 +2189,8 @@
1402 2189 flex-direction: column;
1403 2190 border-radius: 4px;
1404 2191 border: 2px solid #F0F0F1;
1405 2192 background-color: #fff;
1406 - border-radius: 4px;
1407 2193 }
1408 2194 .merchant-modules-header-shortlinks li {
1409 2195 margin: 0 15px;
1410 2196 border-bottom: 1px solid #EFEFEF;
@@ -1436,8 +2222,11 @@
1436 2222 outline: none;
1437 2223 -webkit-box-shadow: none;
1438 2224 box-shadow: none;
1439 2225 }
2226 +.merchant-modules-header-shortlinks a svg:first-of-type {
2227 + width: 24px;
2228 +}
1440 2229 .merchant-modules-header-shortlinks span {
1441 2230 -webkit-box-flex: 1;
1442 2231 -ms-flex: 1;
1443 2232 flex: 1;
@@ -2162,8 +2951,11 @@
2162 2951 .merchant-module-page-actions-links {
2163 2952 display: -webkit-box;
2164 2953 display: -ms-flexbox;
2165 2954 display: flex;
2955 + -webkit-box-align: center;
2956 + -ms-flex-align: center;
2957 + align-items: center;
2166 2958 }
2167 2959
2168 2960 .merchant-module-page-link {
2169 2961 display: -webkit-box;
@@ -2300,29 +3092,8 @@
2300 3092 -webkit-animation: merchant-spin 1.5s infinite linear;
2301 3093 animation: merchant-spin 1.5s infinite linear;
2302 3094 }
2303 3095
2304 -@-webkit-keyframes merchant-spin {
2305 - 0% {
2306 - -webkit-transform: rotate(0deg);
2307 - transform: rotate(0deg);
2308 - }
2309 - 100% {
2310 - -webkit-transform: rotate(359deg);
2311 - transform: rotate(359deg);
2312 - }
2313 -}
2314 -
2315 -@keyframes merchant-spin {
2316 - 0% {
2317 - -webkit-transform: rotate(0deg);
2318 - transform: rotate(0deg);
2319 - }
2320 - 100% {
2321 - -webkit-transform: rotate(359deg);
2322 - transform: rotate(359deg);
2323 - }
2324 -}
2325 3096 .merchant-module-discard-button {
2326 3097 cursor: pointer;
2327 3098 display: -webkit-box;
2328 3099 display: -ms-flexbox;
@@ -2471,8 +3242,11 @@
2471 3242 }
2472 3243 .merchant-module-page-setting-fields > .merchant-module-page-setting-field:last-of-type {
2473 3244 margin-bottom: 0;
2474 3245 }
3246 +.merchant-module-page-setting-fields > .merchant-module-page-setting-field:not(.merchant-hide):not(:has(~ .merchant-module-page-setting-field:not(.merchant-hide))) {
3247 + margin-bottom: 0;
3248 +}
2475 3249
2476 3250 .merchant-module-page-setting-field {
2477 3251 display: -webkit-box;
2478 3252 display: -ms-flexbox;
@@ -2541,8 +3315,16 @@
2541 3315 font-weight: 500;
2542 3316 display: -webkit-box;
2543 3317 display: -ms-flexbox;
2544 3318 display: flex;
3319 + -webkit-box-align: center;
3320 + -ms-flex-align: center;
3321 + align-items: center;
3322 + white-space: nowrap;
3323 + -webkit-user-select: none;
3324 + -moz-user-select: none;
3325 + -ms-user-select: none;
3326 + user-select: none;
2545 3327 cursor: pointer;
2546 3328 gap: 3px;
2547 3329 }
2548 3330 .merchant-module-page-setting-field-hidden-desc-trigger img {
@@ -2563,10 +3345,10 @@
2563 3345 }
2564 3346 .merchant-license-form-wrapper .merchant-license-form input {
2565 3347 width: 400px;
2566 3348 max-width: 100%;
2567 - padding-left: 36px;
2568 - min-height: 36px;
3349 + padding-left: 38px;
3350 + min-height: 40px;
2569 3351 }
2570 3352 .merchant-license-form-wrapper .merchant-license-form input::-webkit-input-placeholder {
2571 3353 opacity: 0.75;
2572 3354 }
@@ -2581,9 +3363,10 @@
2581 3363 }
2582 3364 .merchant-license-form-wrapper .merchant-license-form input::placeholder {
2583 3365 opacity: 0.75;
2584 3366 }
2585 -.merchant-license-form-wrapper .merchant-license-form button {
3367 +.merchant-license-form-wrapper .merchant-license-form button,
3368 +.merchant-license-form-wrapper .merchant-license-form button:disabled {
2586 3369 position: relative;
2587 3370 display: -webkit-box;
2588 3371 display: -ms-flexbox;
2589 3372 display: flex;
@@ -2593,26 +3376,49 @@
2593 3376 align-items: center;
2594 3377 line-height: 1em;
2595 3378 min-height: 36px;
2596 3379 padding: 10px 40px !important;
2597 - background-color: transparent;
2598 - color: #3858E9;
2599 - border-color: #3858E9;
3380 + background-color: #3452da !important;
3381 + color: #FFF !important;
3382 + border-color: #3452da !important;
2600 3383 }
2601 -.merchant-license-form-wrapper .merchant-license-form button:hover, .merchant-license-form-wrapper .merchant-license-form button:focus, .merchant-license-form-wrapper .merchant-license-form button:active {
2602 - color: #FFF;
2603 - background-color: #3452da;
2604 - border-color: #3452da;
3384 +.merchant-license-form-wrapper .merchant-license-form button:hover, .merchant-license-form-wrapper .merchant-license-form button:focus, .merchant-license-form-wrapper .merchant-license-form button:active,
3385 +.merchant-license-form-wrapper .merchant-license-form button:disabled:hover,
3386 +.merchant-license-form-wrapper .merchant-license-form button:disabled:focus,
3387 +.merchant-license-form-wrapper .merchant-license-form button:disabled:active {
3388 + opacity: 0.8;
2605 3389 }
2606 -.merchant-license-form-wrapper .merchant-license-form button.merchant-license-button-deactivate {
2607 - color: #d82c0d;
2608 - border-color: #d82c0d;
3390 +.merchant-license-form-wrapper .merchant-license-form button.merchant-license-button-deactivate,
3391 +.merchant-license-form-wrapper .merchant-license-form button:disabled.merchant-license-button-deactivate {
3392 + background-color: #d82c0d !important;
3393 + border-color: #d82c0d !important;
2609 3394 }
2610 -.merchant-license-form-wrapper .merchant-license-form button.merchant-license-button-deactivate:hover, .merchant-license-form-wrapper .merchant-license-form button.merchant-license-button-deactivate:focus, .merchant-license-form-wrapper .merchant-license-form button.merchant-license-button-deactivate:active {
3395 +.merchant-license-form-wrapper .merchant-license-form button.merchant-license-button-deactivate:hover, .merchant-license-form-wrapper .merchant-license-form button.merchant-license-button-deactivate:focus, .merchant-license-form-wrapper .merchant-license-form button.merchant-license-button-deactivate:active,
3396 +.merchant-license-form-wrapper .merchant-license-form button:disabled.merchant-license-button-deactivate:hover,
3397 +.merchant-license-form-wrapper .merchant-license-form button:disabled.merchant-license-button-deactivate:focus,
3398 +.merchant-license-form-wrapper .merchant-license-form button:disabled.merchant-license-button-deactivate:active {
2611 3399 color: #FFF;
2612 - background-color: #d82c0d;
2613 - border-color: #d82c0d;
2614 3400 }
3401 +.merchant-license-form-wrapper .merchant-license-form button .merchant-license-loader,
3402 +.merchant-license-form-wrapper .merchant-license-form button:disabled .merchant-license-loader {
3403 + display: -webkit-inline-box;
3404 + display: -ms-inline-flexbox;
3405 + display: inline-flex;
3406 + -webkit-box-align: center;
3407 + -ms-flex-align: center;
3408 + align-items: center;
3409 + -webkit-box-pack: center;
3410 + -ms-flex-pack: center;
3411 + justify-content: center;
3412 + -ms-flex-negative: 0;
3413 + flex-shrink: 0;
3414 + margin-right: 6px;
3415 + font-size: 14px;
3416 + width: 14px;
3417 + height: 14px;
3418 + -webkit-animation: merchant-spin 1.5s infinite linear;
3419 + animation: merchant-spin 1.5s infinite linear;
3420 +}
2615 3421 .merchant-license-form-wrapper .merchant-license-key-input {
2616 3422 position: relative;
2617 3423 display: -webkit-box;
2618 3424 display: -ms-flexbox;
@@ -2626,29 +3432,89 @@
2626 3432 .merchant-license-form-wrapper .merchant-license-key-input i {
2627 3433 position: absolute;
2628 3434 z-index: 1;
2629 3435 top: 50%;
2630 - left: 10px;
3436 + left: 14px;
2631 3437 -webkit-transform: translateY(-50%);
2632 3438 transform: translateY(-50%);
2633 - margin-top: -1px;
3439 + margin-top: 1px;
2634 3440 font-size: 20px !important;
2635 3441 color: #5C5F62;
2636 3442 }
2637 3443
2638 -.mechant-license-response-wrapper,
3444 +.merchant-license-response-wrapper,
2639 3445 .merchant-dashboard-license-success {
2640 3446 display: block;
2641 3447 margin-top: 10px;
2642 3448 color: #757575;
2643 3449 }
2644 -.mechant-license-response-wrapper span,
3450 +.merchant-license-response-wrapper:empty,
3451 +.merchant-dashboard-license-success:empty {
3452 + margin-top: 0;
3453 +}
3454 +.merchant-license-response-wrapper span,
2645 3455 .merchant-dashboard-license-success span {
3456 + color: #0b890b;
2646 3457 margin-left: 5px;
2647 3458 }
2648 3459
3460 +.merchant-license-instruction {
3461 + width: 360px;
3462 + max-width: 100%;
3463 + margin-top: 15px;
3464 +}
3465 +.merchant-license-instruction .ui-helper-reset {
3466 + margin: 0;
3467 +}
3468 +.merchant-license-instruction-header {
3469 + cursor: pointer;
3470 + display: -webkit-box;
3471 + display: -ms-flexbox;
3472 + display: flex;
3473 + -webkit-box-align: center;
3474 + -ms-flex-align: center;
3475 + align-items: center;
3476 + gap: 5px;
3477 + color: #3858e9;
3478 + background-color: #e8ecff;
3479 + padding: 7px 5px;
3480 +}
3481 +.merchant-license-instruction-content {
3482 + display: -webkit-box;
3483 + display: -ms-flexbox;
3484 + display: flex;
3485 + -webkit-box-orient: vertical;
3486 + -webkit-box-direction: normal;
3487 + -ms-flex-direction: column;
3488 + flex-direction: column;
3489 + gap: 3px;
3490 + border: 1px solid #E8ECFF;
3491 + padding: 10px;
3492 + border-top: none;
3493 +}
3494 +.merchant-license-instruction-content li {
3495 + color: #6D7175;
3496 + font-size: 13px;
3497 + position: relative;
3498 + padding-left: 15px;
3499 +}
3500 +.merchant-license-instruction-content svg {
3501 + position: absolute;
3502 + left: 0;
3503 + top: 6px;
3504 +}
3505 +.merchant-license-instruction-caret {
3506 + margin-inline: auto 6px;
3507 + margin-top: -3px;
3508 +}
3509 +.merchant-license-instruction .ui-accordion-header-collapsed .merchant-license-instruction-caret svg {
3510 + -webkit-transform: rotate(180deg);
3511 + transform: rotate(180deg);
3512 +}
3513 +
2649 3514 .merchant-datetime-field input,
2650 3515 .merchant-module-page-setting-field-text input,
3516 +.merchant-module-page-setting-field-url input,
2651 3517 .merchant-module-page-setting-field-number input,
2652 3518 .merchant-module-page-setting-field-text_readonly input {
2653 3519 padding: 12px;
2654 3520 line-height: 1.3em;
@@ -2658,8 +3524,9 @@
2658 3524 border: 1px solid #D6D6D6;
2659 3525 }
2660 3526 .merchant-datetime-field input:focus,
2661 3527 .merchant-module-page-setting-field-text input:focus,
3528 +.merchant-module-page-setting-field-url input:focus,
2662 3529 .merchant-module-page-setting-field-number input:focus,
2663 3530 .merchant-module-page-setting-field-text_readonly input:focus {
2664 3531 outline: none;
2665 3532 -webkit-box-shadow: none;
@@ -2685,20 +3552,17 @@
2685 3552 box-shadow: none;
2686 3553 border-color: #3858E9;
2687 3554 }
2688 3555
2689 -.merchant-code-snippets-textarea textarea,
2690 -.merchant-code-snippets-textarea_code textarea {
2691 - min-height: 200px;
2692 -}
2693 -
2694 -.merchant-module-page-setting-field-radio div:not(.merchant-module-page-setting-field-desc),
2695 -.merchant-module-page-setting-field-radio_alt div:not(.merchant-module-page-setting-field-desc),
2696 -.merchant-module-page-setting-field-checkbox div:not(.merchant-module-page-setting-field-desc),
2697 -.merchant-module-page-setting-field-checkbox_multiple div:not(.merchant-module-page-setting-field-desc) {
3556 +.merchant-module-page-setting-field-radio div:not(.merchant-module-page-setting-field-desc, .merchant-field-operating_mode),
3557 +.merchant-module-page-setting-field-radio_alt div:not(.merchant-module-page-setting-field-desc, .merchant-field-operating_mode),
3558 +.merchant-module-page-setting-field-checkbox div:not(.merchant-module-page-setting-field-desc, .merchant-field-operating_mode),
3559 +.merchant-module-page-setting-field-checkbox_multiple div:not(.merchant-module-page-setting-field-desc, .merchant-field-operating_mode) {
2698 3560 display: -webkit-box;
2699 3561 display: -ms-flexbox;
2700 3562 display: flex;
3563 + -ms-flex-wrap: wrap;
3564 + flex-wrap: wrap;
2701 3565 grid-gap: 30px;
2702 3566 }
2703 3567 .merchant-module-page-setting-field-radio label,
2704 3568 .merchant-module-page-setting-field-radio_alt label,
@@ -2885,8 +3749,19 @@
2885 3749 -webkit-box-direction: normal;
2886 3750 -ms-flex-direction: column;
2887 3751 flex-direction: column;
2888 3752 }
3753 +.merchant-module-page-setting-field-radio_alt .merchant-field-operating_mode > div {
3754 + grid-gap: 5px;
3755 +}
3756 +.merchant-module-page-setting-field-radio_alt .merchant-field-operating_mode label {
3757 + -webkit-box-align: start;
3758 + -ms-flex-align: start;
3759 + align-items: flex-start;
3760 +}
3761 +.merchant-module-page-setting-field-radio_alt .merchant-field-operating_mode p {
3762 + margin-left: 32px;
3763 +}
2889 3764
2890 3765 .merchant-module-page-setting-field-content {
2891 3766 max-width: 60vw;
2892 3767 }
@@ -3137,8 +4012,10 @@
3137 4012 .merchant-module-page-setting-field-choices .merchant-choices {
3138 4013 display: -webkit-box;
3139 4014 display: -ms-flexbox;
3140 4015 display: flex;
4016 + -ms-flex-wrap: wrap;
4017 + flex-wrap: wrap;
3141 4018 grid-gap: 10px;
3142 4019 }
3143 4020 .merchant-module-page-setting-field-choices .merchant-choices label {
3144 4021 cursor: pointer;
@@ -3432,36 +4309,38 @@
3432 4309 .merchant-group-field .merchant-module-page-setting-field:last-child {
3433 4310 margin-bottom: 0 !important;
3434 4311 }
3435 4312
3436 -.merchant-sortable-repeater-control {
4313 +/* Sortable Repeater — Shared Base */
4314 +.merchant-sortable-repeater-icons-control, .merchant-sortable-repeater-control {
3437 4315 max-width: 100%;
3438 4316 }
3439 -.merchant-sortable-repeater-control .sortable {
4317 +.merchant-sortable-repeater-icons-control .sortable, .merchant-sortable-repeater-control .sortable {
3440 4318 list-style-type: none;
3441 4319 margin: 0;
3442 4320 padding: 0;
3443 4321 }
3444 -.merchant-sortable-repeater-control .sortable input[type=text] {
4322 +.merchant-sortable-repeater-icons-control .sortable input[type=text], .merchant-sortable-repeater-control .sortable input[type=text] {
3445 4323 width: 100%;
3446 4324 margin: 0;
3447 - border-radius: 4px 0 0 4px;
3448 4325 border: 1px solid #D6D6D6;
3449 4326 padding: 12px 8px;
3450 4327 line-height: 1.3em;
3451 4328 }
3452 -.merchant-sortable-repeater-control .sortable input[type=text]:focus {
4329 +.merchant-sortable-repeater-icons-control .sortable input[type=text]:focus, .merchant-sortable-repeater-control .sortable input[type=text]:focus {
3453 4330 border-color: #3858E9;
3454 4331 outline: none;
3455 4332 -webkit-box-shadow: none;
3456 4333 box-shadow: none;
3457 4334 }
3458 -.merchant-sortable-repeater-control .sortable div {
4335 +.merchant-sortable-repeater-icons-control .sortable div.repeater, .merchant-sortable-repeater-control .sortable div.repeater {
3459 4336 cursor: -webkit-grab;
3460 4337 cursor: grab;
3461 4338 margin-bottom: 7px;
3462 4339 }
3463 -.merchant-sortable-repeater-control .customize-control-sortable-repeater-delete {
4340 +.merchant-sortable-repeater-icons-control .customize-control-sortable-repeater-delete, .merchant-sortable-repeater-control .customize-control-sortable-repeater-delete,
4341 +.merchant-sortable-repeater-icons-control .customize-control-sortable-repeater-icons-delete,
4342 +.merchant-sortable-repeater-control .customize-control-sortable-repeater-icons-delete {
3464 4343 display: -webkit-box;
3465 4344 display: -ms-flexbox;
3466 4345 display: flex;
3467 4346 -webkit-box-align: center;
@@ -3482,9 +4361,11 @@
3482 4361 margin-left: -1px;
3483 4362 border: 1px solid #D6D6D6;
3484 4363 text-decoration: none;
3485 4364 }
3486 -.merchant-sortable-repeater-control .customize-control-sortable-repeater-delete .dashicons-no-alt {
4365 +.merchant-sortable-repeater-icons-control .customize-control-sortable-repeater-delete .dashicons-no-alt, .merchant-sortable-repeater-control .customize-control-sortable-repeater-delete .dashicons-no-alt,
4366 +.merchant-sortable-repeater-icons-control .customize-control-sortable-repeater-icons-delete .dashicons-no-alt,
4367 +.merchant-sortable-repeater-control .customize-control-sortable-repeater-icons-delete .dashicons-no-alt {
3487 4368 width: 100%;
3488 4369 text-decoration: none;
3489 4370 margin: 0;
3490 4371 font-weight: 600;
@@ -3492,22 +4373,30 @@
3492 4373 font-size: 1.1em;
3493 4374 line-height: 34px;
3494 4375 height: auto;
3495 4376 }
3496 -.merchant-sortable-repeater-control .customize-control-sortable-repeater-delete:hover, .merchant-sortable-repeater-control .customize-control-sortable-repeater-delete:focus {
4377 +.merchant-sortable-repeater-icons-control .customize-control-sortable-repeater-delete:hover, .merchant-sortable-repeater-control .customize-control-sortable-repeater-delete:hover, .merchant-sortable-repeater-icons-control .customize-control-sortable-repeater-delete:focus, .merchant-sortable-repeater-control .customize-control-sortable-repeater-delete:focus,
4378 +.merchant-sortable-repeater-icons-control .customize-control-sortable-repeater-icons-delete:hover,
4379 +.merchant-sortable-repeater-control .customize-control-sortable-repeater-icons-delete:hover,
4380 +.merchant-sortable-repeater-icons-control .customize-control-sortable-repeater-icons-delete:focus,
4381 +.merchant-sortable-repeater-control .customize-control-sortable-repeater-icons-delete:focus {
3497 4382 outline: none;
3498 4383 -webkit-box-shadow: none;
3499 4384 box-shadow: none;
3500 4385 }
3501 -.merchant-sortable-repeater-control .customize-control-sortable-repeater-delete:hover .dashicons-no-alt, .merchant-sortable-repeater-control .customize-control-sortable-repeater-delete:focus .dashicons-no-alt {
4386 +.merchant-sortable-repeater-icons-control .customize-control-sortable-repeater-delete:hover .dashicons-no-alt, .merchant-sortable-repeater-control .customize-control-sortable-repeater-delete:hover .dashicons-no-alt, .merchant-sortable-repeater-icons-control .customize-control-sortable-repeater-delete:focus .dashicons-no-alt, .merchant-sortable-repeater-control .customize-control-sortable-repeater-delete:focus .dashicons-no-alt,
4387 +.merchant-sortable-repeater-icons-control .customize-control-sortable-repeater-icons-delete:hover .dashicons-no-alt,
4388 +.merchant-sortable-repeater-control .customize-control-sortable-repeater-icons-delete:hover .dashicons-no-alt,
4389 +.merchant-sortable-repeater-icons-control .customize-control-sortable-repeater-icons-delete:focus .dashicons-no-alt,
4390 +.merchant-sortable-repeater-control .customize-control-sortable-repeater-icons-delete:focus .dashicons-no-alt {
3502 4391 color: #a7a7a7;
3503 4392 }
3504 -.merchant-sortable-repeater-control .repeater {
4393 +.merchant-sortable-repeater-icons-control .repeater, .merchant-sortable-repeater-control .repeater {
3505 4394 display: -webkit-box;
3506 4395 display: -ms-flexbox;
3507 4396 display: flex;
3508 4397 }
3509 -.merchant-sortable-repeater-control .repeater .dashicons-menu {
4398 +.merchant-sortable-repeater-icons-control .repeater .dashicons-menu, .merchant-sortable-repeater-control .repeater .dashicons-menu {
3510 4399 display: -webkit-box;
3511 4400 display: -ms-flexbox;
3512 4401 display: flex;
3513 4402 -webkit-box-align: center;
@@ -3526,12 +4415,14 @@
3526 4415 vertical-align: top;
3527 4416 margin-left: -1px;
3528 4417 border: 1px solid #D6D6D6;
3529 4418 }
3530 -.merchant-sortable-repeater-control .repeater .dashicons-menu:hover {
4419 +.merchant-sortable-repeater-icons-control .repeater .dashicons-menu:hover, .merchant-sortable-repeater-control .repeater .dashicons-menu:hover {
3531 4420 color: #a7a7a7;
3532 4421 }
3533 -.merchant-sortable-repeater-control .customize-control-sortable-repeater-add {
4422 +.merchant-sortable-repeater-icons-control .customize-control-sortable-repeater-add, .merchant-sortable-repeater-control .customize-control-sortable-repeater-add,
4423 +.merchant-sortable-repeater-icons-control .customize-control-sortable-repeater-icons-add,
4424 +.merchant-sortable-repeater-control .customize-control-sortable-repeater-icons-add {
3534 4425 color: #3858E9;
3535 4426 border-color: #3858E9;
3536 4427 background-color: transparent;
3537 4428 margin-top: 10px;
@@ -3536,18 +4427,144 @@
3536 4427 background-color: transparent;
3537 4428 margin-top: 10px;
3538 4429 padding: 4px 19px;
3539 4430 }
3540 -.merchant-sortable-repeater-control .customize-control-sortable-repeater-add:hover, .merchant-sortable-repeater-control .customize-control-sortable-repeater-add:focus {
4431 +.merchant-sortable-repeater-icons-control .customize-control-sortable-repeater-add:hover, .merchant-sortable-repeater-control .customize-control-sortable-repeater-add:hover, .merchant-sortable-repeater-icons-control .customize-control-sortable-repeater-add:focus, .merchant-sortable-repeater-control .customize-control-sortable-repeater-add:focus,
4432 +.merchant-sortable-repeater-icons-control .customize-control-sortable-repeater-icons-add:hover,
4433 +.merchant-sortable-repeater-control .customize-control-sortable-repeater-icons-add:hover,
4434 +.merchant-sortable-repeater-icons-control .customize-control-sortable-repeater-icons-add:focus,
4435 +.merchant-sortable-repeater-control .customize-control-sortable-repeater-icons-add:focus {
3541 4436 outline: none;
3542 4437 -webkit-box-shadow: none;
3543 4438 box-shadow: none;
3544 4439 background-color: #ffffff;
3545 4440 }
3546 -.merchant-sortable-repeater-control.disable-sorting .dashicons-menu {
4441 +.disable-sorting.merchant-sortable-repeater-icons-control .dashicons-menu, .disable-sorting.merchant-sortable-repeater-control .dashicons-menu {
3547 4442 display: none;
3548 4443 }
3549 4444
4445 +/* Sortable Repeater Field */
4446 +.merchant-sortable-repeater-control .sortable input[type=text] {
4447 + border-radius: 4px 0 0 4px;
4448 +}
4449 +
4450 +/* Sortable Repeater Icons Field */
4451 +.merchant-sortable-repeater-icons-control .sortable input[type=text] {
4452 + border-radius: 0;
4453 +}
4454 +.merchant-sortable-repeater-icons-control .repeater {
4455 + position: relative;
4456 +}
4457 +.merchant-sortable-repeater-icons-control .merchant-icon-picker-toggle {
4458 + display: -webkit-box;
4459 + display: -ms-flexbox;
4460 + display: flex;
4461 + -webkit-box-align: center;
4462 + -ms-flex-align: center;
4463 + align-items: center;
4464 + -webkit-box-pack: center;
4465 + -ms-flex-pack: center;
4466 + justify-content: center;
4467 + width: 44px;
4468 + min-width: 44px;
4469 + height: auto;
4470 + padding: 0;
4471 + margin: 0;
4472 + border: 1px dashed #c4c4c4;
4473 + border-radius: 0;
4474 + background: #f9f9f9;
4475 + cursor: pointer;
4476 + -webkit-transition: border-color 0.2s ease, background-color 0.2s ease, border-style 0.2s ease;
4477 + transition: border-color 0.2s ease, background-color 0.2s ease, border-style 0.2s ease;
4478 +}
4479 +.merchant-sortable-repeater-icons-control .merchant-icon-picker-toggle:hover {
4480 + border-color: #3858E9;
4481 + border-style: solid;
4482 + background-color: #f0f3ff;
4483 +}
4484 +.merchant-sortable-repeater-icons-control .merchant-icon-picker-toggle.has-icon {
4485 + border-color: #3858E9;
4486 + border-style: solid;
4487 + background-color: #EBEEFB;
4488 + margin-right: 5px;
4489 +}
4490 +.merchant-sortable-repeater-icons-control .merchant-icon-picker-toggle.has-icon svg {
4491 + stroke: #3858E9;
4492 +}
4493 +.merchant-sortable-repeater-icons-control .merchant-icon-picker-toggle .dashicons {
4494 + font-size: 18px;
4495 + width: 18px;
4496 + height: 18px;
4497 + color: #b0b0b0;
4498 + -webkit-transition: color 0.2s ease;
4499 + transition: color 0.2s ease;
4500 +}
4501 +.merchant-sortable-repeater-icons-control .merchant-icon-picker-toggle:hover .dashicons {
4502 + color: #3858E9;
4503 +}
4504 +.merchant-sortable-repeater-icons-control .merchant-icon-picker-toggle svg {
4505 + width: 18px;
4506 + height: 18px;
4507 +}
4508 +.merchant-sortable-repeater-icons-control .merchant-icon-picker-dropdown {
4509 + position: absolute;
4510 + top: 100%;
4511 + left: 0;
4512 + z-index: 100;
4513 + display: grid;
4514 + grid-template-columns: repeat(auto-fill, 36px);
4515 + gap: 4px;
4516 + padding: 10px;
4517 + background: #fff;
4518 + border: 1px solid #D6D6D6;
4519 + border-radius: 6px;
4520 + -webkit-box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.06);
4521 + box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.06);
4522 + min-width: 220px;
4523 + max-width: 260px;
4524 + margin-top: 4px;
4525 +}
4526 +.merchant-sortable-repeater-icons-control .merchant-icon-option {
4527 + display: -webkit-box;
4528 + display: -ms-flexbox;
4529 + display: flex;
4530 + -webkit-box-align: center;
4531 + -ms-flex-align: center;
4532 + align-items: center;
4533 + -webkit-box-pack: center;
4534 + -ms-flex-pack: center;
4535 + justify-content: center;
4536 + width: 36px;
4537 + height: 36px;
4538 + padding: 0;
4539 + border: 1px solid transparent;
4540 + border-radius: 4px;
4541 + background: transparent;
4542 + cursor: pointer;
4543 + -webkit-transition: border-color 0.15s ease, background-color 0.15s ease;
4544 + transition: border-color 0.15s ease, background-color 0.15s ease;
4545 +}
4546 +.merchant-sortable-repeater-icons-control .merchant-icon-option:hover {
4547 + border-color: #c5cff6;
4548 + background-color: #f0f3ff;
4549 +}
4550 +.merchant-sortable-repeater-icons-control .merchant-icon-option.selected {
4551 + border-color: #3858E9;
4552 + background-color: #EBEEFB;
4553 + -webkit-box-shadow: inset 0 0 0 1px #3858E9;
4554 + box-shadow: inset 0 0 0 1px #3858E9;
4555 +}
4556 +.merchant-sortable-repeater-icons-control .merchant-icon-option svg {
4557 + width: 18px;
4558 + height: 18px;
4559 +}
4560 +.merchant-sortable-repeater-icons-control .merchant-icon-option .dashicons {
4561 + font-size: 16px;
4562 + width: 16px;
4563 + height: 16px;
4564 + color: #777;
4565 +}
4566 +
3550 4567 /* Flexible Content Field */
3551 4568 .merchant-flexible-content-control {
3552 4569 max-width: 100%;
3553 4570 }
@@ -3562,9 +4579,9 @@
3562 4579 }
3563 4580 .merchant-flexible-content-control .sortable input[type=text] {
3564 4581 width: 100%;
3565 4582 margin: 0;
3566 - border-radius: 4px 0 0 4px;
4583 + border-radius: 0;
3567 4584 border: 1px solid #D6D6D6;
3568 4585 padding: 8px;
3569 4586 line-height: 1.3em;
3570 4587 }
@@ -3679,8 +4696,12 @@
3679 4696 display: none;
3680 4697 }
3681 4698 .merchant-flexible-content-control.has-accordion .layout-header {
3682 4699 cursor: pointer;
4700 + -webkit-user-select: none;
4701 + -moz-user-select: none;
4702 + -ms-user-select: none;
4703 + user-select: none;
3683 4704 }
3684 4705 .merchant-flexible-content-control .layouts {
3685 4706 display: none;
3686 4707 }
@@ -3726,9 +4747,36 @@
3726 4747 }
3727 4748 .merchant-flexible-content-control .layout .layout-title {
3728 4749 font-size: 14px;
3729 4750 font-weight: bold;
4751 + -webkit-box-flex: 1;
4752 + -ms-flex: 1;
4753 + flex: 1;
3730 4754 }
4755 +.merchant-flexible-content-control .layout .layout-status {
4756 + display: -webkit-inline-box;
4757 + display: -ms-inline-flexbox;
4758 + display: inline-flex;
4759 + -webkit-box-align: center;
4760 + -ms-flex-align: center;
4761 + align-items: center;
4762 + cursor: pointer;
4763 + padding: 2px 10px;
4764 + border-radius: 10px;
4765 + font-size: 11px;
4766 + font-weight: 600;
4767 + line-height: 1.4;
4768 + margin-left: 10px;
4769 + margin-right: 10px;
4770 + text-transform: capitalize;
4771 + white-space: nowrap;
4772 + background-color: #f0f0f1;
4773 + color: #757575;
4774 +}
4775 +.merchant-flexible-content-control .layout .layout-status--active {
4776 + background-color: #e6f4ea;
4777 + color: #1e7e34;
4778 +}
3731 4779 .merchant-flexible-content-control .layout .layout-toggle {
3732 4780 display: -webkit-box;
3733 4781 display: -ms-flexbox;
3734 4782 display: flex;
@@ -3736,11 +4784,8 @@
3736 4784 padding: 0;
3737 4785 -webkit-box-pack: end;
3738 4786 -ms-flex-pack: end;
3739 4787 justify-content: flex-end;
3740 - -webkit-box-flex: 1;
3741 - -ms-flex-positive: 1;
3742 - flex-grow: 1;
3743 4788 }
3744 4789 .merchant-flexible-content-control .layout .layout-toggle span:hover {
3745 4790 opacity: 0.6;
3746 4791 }
@@ -3807,11 +4852,8 @@
3807 4852 -webkit-box-flex: 1;
3808 4853 -ms-flex-positive: 1;
3809 4854 flex-grow: 1;
3810 4855 }
3811 -.merchant-flexible-content-control .layout .layout-field:last-of-type .merchant-module-page-setting-field {
3812 - margin-bottom: 0;
3813 -}
3814 4856 .merchant-flexible-content-control .layout .dashicons-menu {
3815 4857 display: -webkit-box;
3816 4858 display: -ms-flexbox;
3817 4859 display: flex;
@@ -4147,8 +5189,742 @@
4147 5189 margin-bottom: -30px;
4148 5190 margin-top: 0;
4149 5191 }
4150 5192
5193 +.review-photos-popup {
5194 + position: fixed;
5195 + top: 0;
5196 + left: 0;
5197 + bottom: 0;
5198 + right: 0;
5199 + display: -webkit-box;
5200 + display: -ms-flexbox;
5201 + display: flex;
5202 + -webkit-box-pack: center;
5203 + -ms-flex-pack: center;
5204 + justify-content: center;
5205 + -webkit-box-align: center;
5206 + -ms-flex-align: center;
5207 + align-items: center;
5208 + -ms-flex-wrap: wrap;
5209 + flex-wrap: wrap;
5210 + z-index: 9992;
5211 + padding: 50px;
5212 + gap: 40px;
5213 + overflow: scroll;
5214 + visibility: hidden;
5215 + opacity: 0;
5216 + -webkit-transition: 300ms;
5217 + transition: 300ms;
5218 +}
5219 +.review-photos-popup.active {
5220 + visibility: visible;
5221 + opacity: 1;
5222 +}
5223 +.review-photos-popup .overlay {
5224 + position: fixed;
5225 + top: 0;
5226 + left: 0;
5227 + bottom: 0;
5228 + right: 0;
5229 + background-color: rgba(0, 0, 0, 0.8);
5230 +}
5231 +.review-photos-popup .review-photo {
5232 + z-index: 9993;
5233 + -webkit-box-flex: 0;
5234 + -ms-flex: 0 0 30%;
5235 + flex: 0 0 30%;
5236 +}
5237 +.review-photos-popup .review-photo img {
5238 + max-width: 100%;
5239 + max-height: 300px;
5240 + height: auto;
5241 + display: block;
5242 + margin: 0 auto;
5243 + border: 2px solid #fff;
5244 + border-radius: 5px;
5245 + -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
5246 + box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
5247 +}
5248 +.review-photos-popup.images-count-1 .review-photo {
5249 + -webkit-box-flex: 0;
5250 + -ms-flex: 0 0 100%;
5251 + flex: 0 0 100%;
5252 +}
5253 +.review-photos-popup.images-count-1 .review-photo img {
5254 + max-height: 400px;
5255 +}
5256 +.review-photos-popup.images-count-2 .review-photo {
5257 + -webkit-box-flex: 0;
5258 + -ms-flex: 0 0 46%;
5259 + flex: 0 0 46%;
5260 +}
5261 +.review-photos-popup.images-count-2 .review-photo img {
5262 + max-height: 400px;
5263 +}
5264 +@media (max-width: 768px) {
5265 + .review-photos-popup {
5266 + padding-top: 100px;
5267 + }
5268 + .review-photos-popup .review-photo {
5269 + -webkit-box-flex: 0;
5270 + -ms-flex: 0 0 100%;
5271 + flex: 0 0 100%;
5272 + }
5273 + .review-photos-popup .review-photo img {
5274 + max-height: 400px;
5275 + }
5276 +}
5277 +
5278 +.merchant-btn-control {
5279 + color: #3858e9;
5280 + border: 1px solid #3858e9;
5281 + background-color: rgba(0, 0, 0, 0);
5282 + padding: 4px 19px;
5283 + border-radius: 4px;
5284 + font-size: 13px;
5285 + line-height: 2.1;
5286 + cursor: pointer;
5287 +}
5288 +
5289 +.merchant-reviews-selector * {
5290 + -webkit-box-sizing: border-box;
5291 + box-sizing: border-box;
5292 +}
5293 +.merchant-reviews-selector .star-rating {
5294 + overflow: hidden;
5295 + position: relative;
5296 + height: 1.618em;
5297 + line-height: 1.618;
5298 + width: 5.3em;
5299 + font-family: star;
5300 + font-weight: 400;
5301 + margin-left: auto;
5302 + margin-right: auto;
5303 + letter-spacing: 0;
5304 + color: #ffa441;
5305 +}
5306 +.merchant-reviews-selector .star-rating::before {
5307 + content: "SSSSS";
5308 + opacity: 0.25;
5309 + float: left;
5310 + top: 0;
5311 + left: 0;
5312 + position: absolute;
5313 +}
5314 +.merchant-reviews-selector .star-rating span {
5315 + overflow: hidden;
5316 + float: left;
5317 + top: 0;
5318 + left: 0;
5319 + position: absolute;
5320 + padding-top: 1.5em;
5321 +}
5322 +.merchant-reviews-selector .star-rating span::before {
5323 + content: "SSSSS";
5324 + top: 0;
5325 + position: absolute;
5326 + left: 0;
5327 + color: #ffa441;
5328 +}
5329 +.merchant-reviews-selector .overlay {
5330 + position: fixed;
5331 + top: 0;
5332 + left: 0;
5333 + width: 100%;
5334 + height: 100%;
5335 + background-color: rgba(0, 0, 0, 0.5);
5336 + z-index: 9990;
5337 + visibility: hidden;
5338 + opacity: 0;
5339 + -webkit-transition: 300ms;
5340 + transition: 300ms;
5341 +}
5342 +.merchant-reviews-selector .overlay.active {
5343 + visibility: visible;
5344 + opacity: 1;
5345 +}
5346 +.merchant-reviews-selector .tooltip {
5347 + position: absolute;
5348 + min-width: 180px;
5349 + right: calc(100% + 10px);
5350 + background-color: #333;
5351 + color: #fff;
5352 + padding: 5px 10px;
5353 + border-radius: 5px;
5354 + font-size: 12px;
5355 + visibility: hidden;
5356 + opacity: 0;
5357 + -webkit-transition: 300ms;
5358 + transition: 300ms;
5359 + top: 50%;
5360 + -webkit-transform: translateY(-50%);
5361 + transform: translateY(-50%);
5362 +}
5363 +.merchant-reviews-selector .tooltip:before {
5364 + content: "";
5365 + position: absolute;
5366 + top: 50%;
5367 + right: -7px;
5368 + -webkit-transform: translateY(-50%);
5369 + transform: translateY(-50%);
5370 + width: 0;
5371 + height: 0;
5372 + border-top: 5px solid transparent;
5373 + border-bottom: 5px solid transparent;
5374 + border-left: 7px solid #333;
5375 +}
5376 +.merchant-reviews-selector .product-reviews {
5377 + -ms-flex-preferred-size: 100%;
5378 + flex-basis: 100%;
5379 +}
5380 +.merchant-reviews-selector .product-reviews .product-review {
5381 + display: -webkit-box;
5382 + display: -ms-flexbox;
5383 + display: flex;
5384 + gap: 15px;
5385 + -webkit-box-align: center;
5386 + -ms-flex-align: center;
5387 + align-items: center;
5388 + padding: 8px 15px;
5389 + border-bottom: 2px solid #ffffff;
5390 + -webkit-box-pack: start;
5391 + -ms-flex-pack: start;
5392 + justify-content: flex-start;
5393 + -ms-flex-wrap: nowrap;
5394 + flex-wrap: nowrap;
5395 + -webkit-box-orient: horizontal;
5396 + -webkit-box-direction: normal;
5397 + -ms-flex-direction: row;
5398 + flex-direction: row;
5399 + border-top: none;
5400 + background-color: #f4f4f4;
5401 + min-height: 60px;
5402 +}
5403 +.merchant-reviews-selector .product-reviews .product-review:last-of-type {
5404 + border-bottom: none;
5405 +}
5406 +.merchant-reviews-selector .product-reviews .product-review .product-review-add-checkbox {
5407 + -webkit-box-flex: 0;
5408 + -ms-flex: 0 0 20px;
5409 + flex: 0 0 20px;
5410 +}
5411 +.merchant-reviews-selector .product-reviews .product-review .product-review-product-image {
5412 + display: none;
5413 +}
5414 +.merchant-reviews-selector .product-reviews .product-review .product-review-product-image a {
5415 + display: block;
5416 + text-decoration: none;
5417 +}
5418 +.merchant-reviews-selector .product-reviews .product-review .product-review-product-image a img {
5419 + border-radius: 5px;
5420 + width: 50px;
5421 + height: auto;
5422 +}
5423 +.merchant-reviews-selector .product-reviews .product-review .product-review-product-name {
5424 + display: none;
5425 +}
5426 +.merchant-reviews-selector .product-reviews .product-review .product-review-product-name a {
5427 + text-decoration: none;
5428 +}
5429 +.merchant-reviews-selector .product-reviews .product-review .product-review-rating {
5430 + -webkit-box-flex: 0;
5431 + -ms-flex: 0 0 70px;
5432 + flex: 0 0 70px;
5433 + width: 70px;
5434 +}
5435 +.merchant-reviews-selector .product-reviews .product-review .product-review-status {
5436 + -webkit-box-flex: 0;
5437 + -ms-flex: 0 0 90px;
5438 + flex: 0 0 90px;
5439 + width: 90px;
5440 +}
5441 +.merchant-reviews-selector .product-reviews .product-review .product-review-status .status {
5442 + text-transform: capitalize;
5443 + border-radius: 4px;
5444 + background-color: #eee;
5445 + padding: 3px 8px;
5446 + display: inline-block;
5447 +}
5448 +.merchant-reviews-selector .product-reviews .product-review .product-review-status .status.status-approved {
5449 + background-color: #c3e6cb; /* Softer light green */
5450 + color: #155724; /* Darker green */
5451 +}
5452 +.merchant-reviews-selector .product-reviews .product-review .product-review-status .status.status-pending {
5453 + background-color: #fff3cd; /* Light yellow */
5454 + color: #856404; /* Dark yellow/brown */
5455 +}
5456 +.merchant-reviews-selector .product-reviews .product-review .product-review-status .status.status-unapproved {
5457 + background-color: #f5c6cb; /* Light coral/pink */
5458 + color: #721c24; /* Darker red */
5459 +}
5460 +.merchant-reviews-selector .product-reviews .product-review .product-review-status .status.status-spam {
5461 + background-color: #f8d7da; /* Light red */
5462 + color: #721c24; /* Dark red */
5463 +}
5464 +.merchant-reviews-selector .product-reviews .product-review .product-review-author {
5465 + -webkit-box-flex: 0;
5466 + -ms-flex: 0 0 90px;
5467 + flex: 0 0 90px;
5468 + width: 90px;
5469 +}
5470 +.merchant-reviews-selector .product-reviews .product-review .product-review-content {
5471 + -webkit-box-flex: 0;
5472 + -ms-flex: 0 0 40%;
5473 + flex: 0 0 40%;
5474 +}
5475 +.merchant-reviews-selector .product-reviews .product-review .product-review-photos {
5476 + -webkit-box-flex: 0;
5477 + -ms-flex: 0 0 40px;
5478 + flex: 0 0 40px;
5479 + width: 40px;
5480 + position: relative;
5481 +}
5482 +.merchant-reviews-selector .product-reviews .product-review .product-review-photos:hover .tooltip {
5483 + visibility: visible;
5484 + opacity: 1;
5485 +}
5486 +.merchant-reviews-selector .product-reviews .product-review .product-review-photos img {
5487 + border-radius: 5px;
5488 + width: 40px;
5489 + height: auto;
5490 + -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
5491 + box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
5492 + border: 2px solid #fff;
5493 + display: block;
5494 +}
5495 +.merchant-reviews-selector .product-reviews .product-review .product-review-photos img.loading {
5496 + -webkit-animation: loading 1500ms infinite;
5497 + animation: loading 1500ms infinite;
5498 +}
5499 +.merchant-reviews-selector .product-reviews .product-review .product-review-photos .review-photo {
5500 + position: relative;
5501 + cursor: pointer;
5502 +}
5503 +.merchant-reviews-selector .product-reviews .product-review .product-review-photos .review-photo .count {
5504 + -webkit-user-select: none;
5505 + -moz-user-select: none;
5506 + -ms-user-select: none;
5507 + user-select: none;
5508 + position: absolute;
5509 + top: -8px;
5510 + right: -8px;
5511 + background-color: #000;
5512 + color: #fff;
5513 + padding: 0px 5px;
5514 + border-radius: 50%;
5515 + width: 18px;
5516 + height: 18px;
5517 + text-align: center;
5518 + font-size: 11px;
5519 +}
5520 +.merchant-reviews-selector .product-reviews .product-review .product-review-date {
5521 + -webkit-box-flex: 0;
5522 + -ms-flex: 0 0 70px;
5523 + flex: 0 0 70px;
5524 + width: 70px;
5525 +}
5526 +.merchant-reviews-selector .product-reviews .product-review .product-review-edit a {
5527 + text-decoration: none;
5528 + color: #3858E9;
5529 +}
5530 +.merchant-reviews-selector .product-reviews .product-review .product-review-move,
5531 +.merchant-reviews-selector .product-reviews .product-review .product-review-delete {
5532 + display: none;
5533 +}
5534 +.merchant-reviews-selector .product-reviews .product-reviews-load-more {
5535 + text-align: center;
5536 + padding: 10px;
5537 +}
5538 +.merchant-reviews-selector .product-reviews .product-reviews-load-more button {
5539 + display: inline-block;
5540 + padding: 10px 20px;
5541 + border-radius: 5px;
5542 + text-decoration: none;
5543 + outline: none;
5544 + background: none;
5545 + border: none;
5546 + cursor: pointer;
5547 +}
5548 +.merchant-reviews-selector .product-reviews .product-reviews-load-more.loading {
5549 + -webkit-animation: loading 1500ms infinite;
5550 + animation: loading 1500ms infinite;
5551 +}
5552 +.merchant-reviews-selector .selected-reviews {
5553 + padding: 0 0 15px;
5554 +}
5555 +.merchant-reviews-selector .selected-reviews .product-reviews {
5556 + border: 1px solid #c9c7c7;
5557 + border-radius: 4px;
5558 + position: relative;
5559 +}
5560 +.merchant-reviews-selector .selected-reviews .product-reviews:empty {
5561 + display: none;
5562 +}
5563 +.merchant-reviews-selector .selected-reviews .product-reviews .placeholder {
5564 + background-color: #f0f0f0;
5565 + border: 1px dashed #ccc;
5566 + visibility: visible;
5567 + width: 100%;
5568 +}
5569 +.merchant-reviews-selector .selected-reviews .product-reviews .product-review {
5570 + background-color: #fff;
5571 + border-bottom: 1px dotted #c9c7c7;
5572 + position: relative;
5573 + padding: 12px 20px;
5574 +}
5575 +.merchant-reviews-selector .selected-reviews .product-reviews .product-review:first-of-type {
5576 + border-top-left-radius: 4px;
5577 + border-top-right-radius: 4px;
5578 +}
5579 +.merchant-reviews-selector .selected-reviews .product-reviews .product-review:last-of-type {
5580 + border-bottom: none;
5581 + border-bottom-left-radius: 4px;
5582 + border-bottom-right-radius: 4px;
5583 +}
5584 +.merchant-reviews-selector .selected-reviews .product-reviews .product-review .product-review-move,
5585 +.merchant-reviews-selector .selected-reviews .product-reviews .product-review .product-review-delete {
5586 + display: block;
5587 + position: absolute;
5588 + background: none;
5589 + border: none;
5590 + cursor: pointer;
5591 + color: #3858E9;
5592 + width: 25px;
5593 + height: 25px;
5594 + padding: 0;
5595 + margin: 0;
5596 + top: 50%;
5597 + -webkit-transform: translateY(-50%);
5598 + transform: translateY(-50%);
5599 + border-radius: 50%;
5600 + padding-top: 2px;
5601 + visibility: hidden;
5602 + opacity: 0;
5603 + -webkit-transition: 300ms;
5604 + transition: 300ms;
5605 + background-color: #d5d5d5;
5606 +}
5607 +.merchant-reviews-selector .selected-reviews .product-reviews .product-review .product-review-move svg,
5608 +.merchant-reviews-selector .selected-reviews .product-reviews .product-review .product-review-delete svg {
5609 + width: 18px;
5610 + height: 18px;
5611 +}
5612 +.merchant-reviews-selector .selected-reviews .product-reviews .product-review:hover .product-review-move,
5613 +.merchant-reviews-selector .selected-reviews .product-reviews .product-review:hover .product-review-delete {
5614 + visibility: visible;
5615 + opacity: 1;
5616 +}
5617 +.merchant-reviews-selector .selected-reviews .product-reviews .product-review .product-review-delete {
5618 + right: -14px;
5619 +}
5620 +.merchant-reviews-selector .selected-reviews .product-reviews .product-review .product-review-delete:hover {
5621 + background-color: #ff7575;
5622 +}
5623 +.merchant-reviews-selector .selected-reviews .product-reviews .product-review .product-review-move {
5624 + cursor: move;
5625 + left: -14px;
5626 +}
5627 +.merchant-reviews-selector .selected-reviews .product-reviews .product-review .product-review-move:hover {
5628 + background-color: #6f89ff;
5629 +}
5630 +.merchant-reviews-selector .selected-reviews .product-reviews .product-review .product-review-content {
5631 + -webkit-box-flex: 0;
5632 + -ms-flex: none;
5633 + flex: none;
5634 + width: 140px;
5635 +}
5636 +.merchant-reviews-selector .selected-reviews .product-reviews .product-review .spacer {
5637 + margin-right: auto;
5638 +}
5639 +.merchant-reviews-selector .selected-reviews .product-reviews .product-review .product-review-edit,
5640 +.merchant-reviews-selector .selected-reviews .product-reviews .product-review .product-review-photos,
5641 +.merchant-reviews-selector .selected-reviews .product-reviews .product-review .product-review-date,
5642 +.merchant-reviews-selector .selected-reviews .product-reviews .product-review .product-review-status,
5643 +.merchant-reviews-selector .selected-reviews .product-reviews .product-review .product-review-add-checkbox {
5644 + display: none;
5645 +}
5646 +.merchant-reviews-selector .selected-reviews .product-reviews .product-review .product-review-product-name,
5647 +.merchant-reviews-selector .selected-reviews .product-reviews .product-review .product-review-product-image {
5648 + display: block;
5649 +}
5650 +.merchant-reviews-selector .selected-reviews .product-reviews .product-review .product-review-product-image a img {
5651 + width: 30px;
5652 +}
5653 +.merchant-reviews-selector .selected-reviews .product-reviews .product-review .product-review-product-name {
5654 + width: 120px;
5655 +}
5656 +@-webkit-keyframes loading {
5657 + 0% {
5658 + opacity: 1;
5659 + }
5660 + 50% {
5661 + opacity: 0.2;
5662 + }
5663 + 100% {
5664 + opacity: 1;
5665 + }
5666 +}
5667 +@keyframes loading {
5668 + 0% {
5669 + opacity: 1;
5670 + }
5671 + 50% {
5672 + opacity: 0.2;
5673 + }
5674 + 100% {
5675 + opacity: 1;
5676 + }
5677 +}
5678 +.merchant-reviews-selector .selector-popup {
5679 + position: fixed;
5680 + background-color: #fff;
5681 + -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
5682 + box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
5683 + border-radius: 5px;
5684 + top: 50%;
5685 + left: 50%;
5686 + -webkit-transform: translate(-50%, -50%);
5687 + transform: translate(-50%, -50%);
5688 + width: 1000px;
5689 + max-width: 100%;
5690 + z-index: 9991;
5691 + visibility: hidden;
5692 + opacity: 0;
5693 + -webkit-transition: 300ms;
5694 + transition: 300ms;
5695 +}
5696 +.merchant-reviews-selector .selector-popup.active {
5697 + visibility: visible;
5698 + opacity: 1;
5699 +}
5700 +.merchant-reviews-selector .selector-popup .popup-content .popup-header {
5701 + position: relative;
5702 + border-bottom: 1px solid #eee;
5703 + padding: 14px 50px 14px 24px;
5704 + background-color: #f3f3f3;
5705 + border-top-left-radius: 5px;
5706 + border-top-right-radius: 5px;
5707 +}
5708 +.merchant-reviews-selector .selector-popup .popup-content .popup-header label {
5709 + display: -webkit-box;
5710 + display: -ms-flexbox;
5711 + display: flex;
5712 + -webkit-box-align: center;
5713 + -ms-flex-align: center;
5714 + align-items: center;
5715 +}
5716 +.merchant-reviews-selector .selector-popup .popup-content .popup-header label span {
5717 + font-size: 16px;
5718 + font-weight: 500;
5719 + min-width: 120px;
5720 +}
5721 +.merchant-reviews-selector .selector-popup .popup-content .popup-header label input {
5722 + margin-left: 10px;
5723 + padding: 5px 10px;
5724 + width: 100%;
5725 + border: 1px solid #d6d6d6;
5726 + outline: none;
5727 +}
5728 +.merchant-reviews-selector .selector-popup .popup-content .popup-header .close {
5729 + position: absolute;
5730 + top: 50%;
5731 + right: 10px;
5732 + cursor: pointer;
5733 + display: block;
5734 + padding: 10px;
5735 + font-size: 23px;
5736 + -webkit-transform: translateY(-50%);
5737 + transform: translateY(-50%);
5738 +}
5739 +@-webkit-keyframes loadingAnimation {
5740 + from {
5741 + background-position: 200% 0;
5742 + }
5743 + to {
5744 + background-position: -200% 0;
5745 + }
5746 +}
5747 +@keyframes loadingAnimation {
5748 + from {
5749 + background-position: 200% 0;
5750 + }
5751 + to {
5752 + background-position: -200% 0;
5753 + }
5754 +}
5755 +.merchant-reviews-selector .selector-popup .popup-content .popup-header.loading::after {
5756 + content: "";
5757 + position: absolute;
5758 + bottom: -2px;
5759 + left: 0;
5760 + width: 100%;
5761 + height: 3px;
5762 + background: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(50%, #3858e9), to(transparent));
5763 + background: linear-gradient(to right, transparent 0%, #3858e9 50%, transparent 100%);
5764 + background-size: 200% 100%;
5765 + -webkit-animation: loadingAnimation 1.5s infinite linear;
5766 + animation: loadingAnimation 1.5s infinite linear;
5767 +}
5768 +.merchant-reviews-selector .selector-popup .popup-content .popup-header.popup-error::after {
5769 + content: "";
5770 + position: absolute;
5771 + bottom: -2px;
5772 + left: 0;
5773 + width: 100%;
5774 + height: 3px;
5775 + background-color: #d93232;
5776 + -webkit-animation: loading 1.5s infinite linear;
5777 + animation: loading 1.5s infinite linear;
5778 +}
5779 +.merchant-reviews-selector .selector-popup .popup-content .popup-body {
5780 + height: 700px;
5781 + overflow-y: auto;
5782 +}
5783 +.merchant-reviews-selector .selector-popup .popup-content .popup-body .products-search-results {
5784 + padding: 24px;
5785 +}
5786 +.merchant-reviews-selector .selector-popup .popup-content .popup-body .product-item {
5787 + border-top: 1px solid #eee;
5788 + border-left: 1px solid #eee;
5789 + border-right: 1px solid #eee;
5790 + -webkit-transition: 300ms;
5791 + transition: 300ms;
5792 +}
5793 +.merchant-reviews-selector .selector-popup .popup-content .popup-body .product-item .header {
5794 + cursor: pointer;
5795 + display: -webkit-box;
5796 + display: -ms-flexbox;
5797 + display: flex;
5798 + gap: 25px;
5799 + -ms-flex-wrap: wrap;
5800 + flex-wrap: wrap;
5801 + position: relative;
5802 + width: 100%;
5803 + padding: 10px 80px 10px 10px;
5804 + -webkit-box-align: center;
5805 + -ms-flex-align: center;
5806 + align-items: center;
5807 +}
5808 +.merchant-reviews-selector .selector-popup .popup-content .popup-body .product-item .header .product-expander {
5809 + content: "";
5810 + padding: 15px;
5811 + display: block;
5812 + position: absolute;
5813 + right: 10px;
5814 + top: 50%;
5815 + -webkit-transform: translateY(-50%);
5816 + transform: translateY(-50%);
5817 + -webkit-transition: 300ms;
5818 + transition: 300ms;
5819 +}
5820 +.merchant-reviews-selector .selector-popup .popup-content .popup-body .product-item .header .product-expander svg {
5821 + width: 20px;
5822 + height: 20px;
5823 +}
5824 +.merchant-reviews-selector .selector-popup .popup-content .popup-body .product-item .header.ui-state-active .product-expander {
5825 + -webkit-transform: translateY(-50%) rotate(180deg);
5826 + transform: translateY(-50%) rotate(180deg);
5827 +}
5828 +.merchant-reviews-selector .selector-popup .popup-content .popup-body .product-item:first-of-type {
5829 + border-top-left-radius: 5px;
5830 + border-top-right-radius: 5px;
5831 +}
5832 +.merchant-reviews-selector .selector-popup .popup-content .popup-body .product-item:last-of-type {
5833 + border-bottom-left-radius: 5px;
5834 + border-bottom-right-radius: 5px;
5835 + border-bottom: 1px solid #eee;
5836 +}
5837 +.merchant-reviews-selector .selector-popup .popup-content .popup-body .product-item .product-image a {
5838 + display: block;
5839 + text-decoration: none;
5840 + line-height: 0;
5841 +}
5842 +.merchant-reviews-selector .selector-popup .popup-content .popup-body .product-item .product-image img {
5843 + border-radius: 5px;
5844 + width: 50px;
5845 + max-width: 100%;
5846 + height: auto;
5847 +}
5848 +.merchant-reviews-selector .selector-popup .popup-content .popup-body .product-item .product-title {
5849 + font-size: 14px;
5850 + font-weight: 500;
5851 +}
5852 +.merchant-reviews-selector .selector-popup .popup-content .popup-body .product-item .product-title a {
5853 + text-decoration: none;
5854 +}
5855 +.merchant-reviews-selector .selector-popup .popup-content .popup-body .product-item .spacer {
5856 + margin-left: auto;
5857 +}
5858 +.merchant-reviews-selector .selector-popup .popup-content .popup-body .product-item .product-status {
5859 + text-transform: capitalize;
5860 + border-radius: 4px;
5861 + background-color: #eee;
5862 + padding: 3px 8px;
5863 +}
5864 +.merchant-reviews-selector .selector-popup .popup-content .popup-body .product-item .product-status.product-status-publish {
5865 + background-color: #c3e6cb; /* Softer light green */
5866 + color: #155724; /* Darker green */
5867 +}
5868 +.merchant-reviews-selector .selector-popup .popup-content .popup-body .product-item .product-status.product-status-draft {
5869 + background-color: #d1ecf1; /* Light blue */
5870 + color: #0c5460; /* Dark teal */
5871 +}
5872 +.merchant-reviews-selector .selector-popup .popup-content .popup-body .product-item .product-status.product-status-pending {
5873 + background-color: #fff3cd; /* Light yellow */
5874 + color: #856404; /* Dark yellow/brown */
5875 +}
5876 +.merchant-reviews-selector .selector-popup .popup-content .popup-body .product-item .selected-reviews-count {
5877 + color: #fff;
5878 + display: -webkit-box;
5879 + display: -ms-flexbox;
5880 + display: flex;
5881 + -webkit-box-align: center;
5882 + -ms-flex-align: center;
5883 + align-items: center;
5884 + background-color: #79b0f8;
5885 + border-radius: 3px;
5886 + padding: 3px 6px;
5887 + gap: 5px;
5888 + position: relative;
5889 + opacity: 0.5;
5890 + -webkit-transition: 300ms;
5891 + transition: 300ms;
5892 +}
5893 +.merchant-reviews-selector .selector-popup .popup-content .popup-body .product-item .selected-reviews-count:before {
5894 + content: "";
5895 + display: block;
5896 + background-image: url("data:image/svg+xml,%3Csvg fill='%23ffffff' version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='800px' height='800px' viewBox='0 0 305.002 305.002' xml:space='preserve'%3E%3Cg%3E%3Cg%3E%3Cpath d='M152.502,0.001C68.412,0.001,0,68.412,0,152.501s68.412,152.5,152.502,152.5c84.089,0,152.5-68.411,152.5-152.5 S236.591,0.001,152.502,0.001z M152.502,280.001C82.197,280.001,25,222.806,25,152.501c0-70.304,57.197-127.5,127.502-127.5 c70.304,0,127.5,57.196,127.5,127.5C280.002,222.806,222.806,280.001,152.502,280.001z'%3E%3C/path%3E%3Cpath d='M218.473,93.97l-90.546,90.547l-41.398-41.398c-4.882-4.881-12.796-4.881-17.678,0c-4.881,4.882-4.881,12.796,0,17.678 l50.237,50.237c2.441,2.44,5.64,3.661,8.839,3.661c3.199,0,6.398-1.221,8.839-3.661l99.385-99.385 c4.881-4.882,4.881-12.796,0-17.678C231.269,89.089,223.354,89.089,218.473,93.97z'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
5897 + background-size: contain; /* Adjust as necessary */
5898 + background-repeat: no-repeat; /* Adjust as necessary */
5899 + width: 15px; /* Set width */
5900 + height: 15px; /* Set height */
5901 +}
5902 +.merchant-reviews-selector .selector-popup .popup-content .popup-body .product-item .selected-reviews-count:hover {
5903 + opacity: 1;
5904 +}
5905 +.merchant-reviews-selector .selector-popup .popup-content .popup-body .product-item .selected-reviews-count:hover .tooltip {
5906 + visibility: visible;
5907 + opacity: 1;
5908 +}
5909 +.merchant-reviews-selector .selector-popup .popup-content .popup-body .product-item .product-reviews-count {
5910 + color: #8e8e8e;
5911 +}
5912 +.merchant-reviews-selector .selector-popup .popup-content .popup-body .product-item:hover {
5913 + background-color: #f4f4f4;
5914 +}
5915 +.merchant-reviews-selector .selector-popup .popup-content .popup-body .product-item:not(.product-item-has-reviews) {
5916 + cursor: auto;
5917 +}
5918 +.merchant-reviews-selector .selector-popup .popup-content .popup-body .product-item:not(.product-item-has-reviews) .product-expander {
5919 + opacity: 0.2;
5920 +}
5921 +.merchant-reviews-selector .selector-popup .popup-content .popup-body .product-item:not(.product-item-has-reviews):hover {
5922 + background-color: transparent;
5923 +}
5924 +.merchant-reviews-selector .selector-popup .popup-content .popup-body .product-item.opened:hover {
5925 + background-color: transparent;
5926 +}
4151 5927 .merchant-module-page-setting-field-warning {
4152 5928 padding: 8px 10px;
4153 5929 font-size: 14px;
4154 5930 line-height: 1.6;
@@ -4644,9 +6420,17 @@
4644 6420 .merchant-height-auto {
4645 6421 height: auto;
4646 6422 }
4647 6423
4648 -/* Admin Footer Text */
6424 +.merchant-admin-page__dashboard .merchant-top-bar {
6425 + margin-bottom: 0;
6426 +}
6427 +.merchant-admin-page__dashboard .merchant-wrap {
6428 + margin-top: 0;
6429 +}
6430 +.merchant-admin-page__dashboard .merchant-wrap .merchant-modules-header-heading {
6431 + margin-top: 30px;
6432 +}
4649 6433 .merchant-admin-page .merchant-admin-footer-text-link {
4650 6434 display: inline-block;
4651 6435 padding-right: 5px;
4652 6436 color: #3858E9;
@@ -4965,5 +6749,326 @@
4965 6749 transition: 300ms;
4966 6750 }
4967 6751 .merchant-image-picker input[type=radio]:checked + img {
4968 6752 border: 2px solid #3858E9;
6753 +}
6754 +
6755 +.CodeMirror.cm-s-default {
6756 + border-radius: 5px;
6757 + border: 1px solid #f0f0f1;
6758 +}
6759 +
6760 +.merchant-module-page-settings.backup-restore-section {
6761 + border-radius: 8px;
6762 +}
6763 +.merchant-module-page-settings.backup-restore-section .merchant-module-page-setting-box {
6764 + max-width: 1200px;
6765 + margin: 0 auto;
6766 +}
6767 +.merchant-module-page-settings.backup-restore-section section {
6768 + background: white;
6769 + border-radius: 8px;
6770 + margin-bottom: 24px;
6771 +}
6772 +.merchant-module-page-settings.backup-restore-section section:last-child {
6773 + margin-bottom: 0;
6774 +}
6775 +.merchant-module-page-settings.backup-restore-section section h3 {
6776 + color: #23282d;
6777 + position: relative;
6778 + margin-block: 0 10px;
6779 +}
6780 +.merchant-module-page-settings.backup-restore-section section .form-field label {
6781 + display: block;
6782 + margin-bottom: 0.5rem;
6783 + font-weight: 600;
6784 + color: #23282d;
6785 +}
6786 +.merchant-module-page-settings.backup-restore-section section .form-field button {
6787 + padding: 0.75rem 1.5rem;
6788 + margin-right: 15px;
6789 + border: 1px solid #3858e9;
6790 + background-color: rgba(0, 0, 0, 0);
6791 + color: #3858e9;
6792 + border-radius: 4px;
6793 + cursor: pointer;
6794 + font-size: 0.9rem;
6795 + font-weight: 500;
6796 + -webkit-transition: all 0.2s ease-in-out;
6797 + transition: all 0.2s ease-in-out;
6798 +}
6799 +.merchant-module-page-settings.backup-restore-section section .form-field button:hover {
6800 + opacity: 0.8;
6801 +}
6802 +.merchant-module-page-settings.backup-restore-section section .form-field button:focus {
6803 + background-color: rgba(0, 0, 0, 0);
6804 + outline: 2px solid #3858e9;
6805 + outline-offset: 2px;
6806 +}
6807 +.merchant-module-page-settings.backup-restore-section section .form-field button:disabled {
6808 + opacity: 0.5;
6809 + cursor: not-allowed;
6810 +}
6811 +.merchant-module-page-settings.backup-restore-section section .form-field button.download-button, .merchant-module-page-settings.backup-restore-section section .form-field button.restore-button {
6812 + display: block;
6813 + margin: 10px 0 0;
6814 +}
6815 +.merchant-module-page-settings.backup-restore-section section .form-field p.description {
6816 + font-size: 0.875rem;
6817 + color: #666;
6818 + margin-top: 0.5rem;
6819 + font-style: italic;
6820 +}
6821 +.merchant-module-page-settings.backup-restore-section section .form-field .backup-file-remove {
6822 + color: #c5280c;
6823 + border-radius: 50%;
6824 + position: relative;
6825 + top: 5px;
6826 + right: 5px;
6827 + cursor: pointer;
6828 +}
6829 +.merchant-module-page-settings.backup-restore-section section .form-field .merchant-backup-status {
6830 + font-size: 13px;
6831 + font-weight: 600;
6832 + vertical-align: middle;
6833 + opacity: 0;
6834 + -webkit-transition: opacity 0.2s ease;
6835 + transition: opacity 0.2s ease;
6836 +}
6837 +.merchant-module-page-settings.backup-restore-section section .form-field .merchant-backup-status.is-success {
6838 + color: #46b450;
6839 + opacity: 1;
6840 +}
6841 +.merchant-module-page-settings.backup-restore-section section .form-field .merchant-backup-status.is-error {
6842 + color: #dc3232;
6843 + opacity: 1;
6844 +}
6845 +.merchant-module-page-settings.backup-restore-section section .error-message p {
6846 + margin-bottom: 0;
6847 +}
6848 +@media (max-width: 768px) {
6849 + .merchant-module-page-settings.backup-restore-section {
6850 + padding: 1.5rem;
6851 + }
6852 + .merchant-module-page-settings.backup-restore-section section {
6853 + padding: 1.5rem;
6854 + }
6855 +}
6856 +.merchant-module-page-settings.backup-restore-section .merchant-dropzone {
6857 + position: relative;
6858 + border: 2px dashed #D6D6D6;
6859 + border-radius: 8px;
6860 + padding: 40px 20px;
6861 + text-align: center;
6862 + -webkit-transition: all 0.2s ease-in-out;
6863 + transition: all 0.2s ease-in-out;
6864 + cursor: pointer;
6865 +}
6866 +.merchant-module-page-settings.backup-restore-section .merchant-dropzone:hover, .merchant-module-page-settings.backup-restore-section .merchant-dropzone.drag-over {
6867 + border-color: #3858E9;
6868 + background-color: rgba(56, 88, 233, 0.03);
6869 +}
6870 +.merchant-module-page-settings.backup-restore-section .merchant-dropzone.drag-over {
6871 + border-style: solid;
6872 +}
6873 +.merchant-module-page-settings.backup-restore-section .merchant-dropzone__content {
6874 + pointer-events: none;
6875 +}
6876 +.merchant-module-page-settings.backup-restore-section .merchant-dropzone__content .dashicons {
6877 + font-size: 32px;
6878 + width: 32px;
6879 + height: 32px;
6880 + color: #999;
6881 + margin-bottom: 8px;
6882 +}
6883 +.merchant-module-page-settings.backup-restore-section .merchant-dropzone__content p {
6884 + margin: 0 0 12px;
6885 + color: #666;
6886 + font-size: 14px;
6887 +}
6888 +.merchant-module-page-settings.backup-restore-section .merchant-dropzone__browse {
6889 + pointer-events: auto;
6890 + padding: 8px 20px !important;
6891 + margin: 0 !important;
6892 + font-size: 13px !important;
6893 +}
6894 +.merchant-module-page-settings.backup-restore-section .merchant-dropzone .merchant-backup-file {
6895 + position: absolute;
6896 + top: 0;
6897 + left: 0;
6898 + width: 100%;
6899 + height: 100%;
6900 + opacity: 0;
6901 + cursor: pointer;
6902 +}
6903 +.merchant-module-page-settings.backup-restore-section .merchant-dropzone__loading {
6904 + display: none;
6905 + position: absolute;
6906 + top: 0;
6907 + left: 0;
6908 + width: 100%;
6909 + height: 100%;
6910 + background: rgba(255, 255, 255, 0.9);
6911 + border-radius: 8px;
6912 + -webkit-box-orient: vertical;
6913 + -webkit-box-direction: normal;
6914 + -ms-flex-direction: column;
6915 + flex-direction: column;
6916 + -webkit-box-align: center;
6917 + -ms-flex-align: center;
6918 + align-items: center;
6919 + -webkit-box-pack: center;
6920 + -ms-flex-pack: center;
6921 + justify-content: center;
6922 + gap: 10px;
6923 + z-index: 10;
6924 +}
6925 +.merchant-module-page-settings.backup-restore-section .merchant-dropzone__loading p {
6926 + margin: 0;
6927 + color: #3858E9;
6928 + font-size: 14px;
6929 + font-weight: 500;
6930 +}
6931 +.merchant-module-page-settings.backup-restore-section .merchant-dropzone.is-loading {
6932 + pointer-events: none;
6933 +}
6934 +.merchant-module-page-settings.backup-restore-section .merchant-dropzone.is-loading .merchant-dropzone__loading {
6935 + display: -webkit-box;
6936 + display: -ms-flexbox;
6937 + display: flex;
6938 +}
6939 +.merchant-module-page-settings.backup-restore-section .merchant-dropzone__success {
6940 + display: none;
6941 + position: absolute;
6942 + top: 0;
6943 + left: 0;
6944 + width: 100%;
6945 + height: 100%;
6946 + background: rgba(255, 255, 255, 0.95);
6947 + border-radius: 8px;
6948 + -webkit-box-orient: vertical;
6949 + -webkit-box-direction: normal;
6950 + -ms-flex-direction: column;
6951 + flex-direction: column;
6952 + -webkit-box-align: center;
6953 + -ms-flex-align: center;
6954 + align-items: center;
6955 + -webkit-box-pack: center;
6956 + -ms-flex-pack: center;
6957 + justify-content: center;
6958 + gap: 8px;
6959 + z-index: 10;
6960 +}
6961 +.merchant-module-page-settings.backup-restore-section .merchant-dropzone__success .dashicons {
6962 + font-size: 36px;
6963 + width: 36px;
6964 + height: 36px;
6965 + color: #46b450;
6966 +}
6967 +.merchant-module-page-settings.backup-restore-section .merchant-dropzone__success p {
6968 + margin: 0;
6969 + color: #46b450;
6970 + font-size: 14px;
6971 + font-weight: 600;
6972 +}
6973 +.merchant-module-page-settings.backup-restore-section .merchant-dropzone.is-success {
6974 + pointer-events: none;
6975 + border-color: #46b450;
6976 + background-color: rgba(70, 180, 80, 0.03);
6977 +}
6978 +.merchant-module-page-settings.backup-restore-section .merchant-dropzone.is-success .merchant-dropzone__content,
6979 +.merchant-module-page-settings.backup-restore-section .merchant-dropzone.is-success .merchant-backup-file {
6980 + visibility: hidden;
6981 +}
6982 +.merchant-module-page-settings.backup-restore-section .merchant-dropzone.is-success .merchant-dropzone__success {
6983 + display: -webkit-box;
6984 + display: -ms-flexbox;
6985 + display: flex;
6986 +}
6987 +.merchant-module-page-settings.backup-restore-section .merchant-dropzone__error {
6988 + display: none;
6989 + position: absolute;
6990 + top: 0;
6991 + left: 0;
6992 + width: 100%;
6993 + height: 100%;
6994 + background: rgba(255, 255, 255, 0.95);
6995 + border-radius: 8px;
6996 + -webkit-box-orient: vertical;
6997 + -webkit-box-direction: normal;
6998 + -ms-flex-direction: column;
6999 + flex-direction: column;
7000 + -webkit-box-align: center;
7001 + -ms-flex-align: center;
7002 + align-items: center;
7003 + -webkit-box-pack: center;
7004 + -ms-flex-pack: center;
7005 + justify-content: center;
7006 + gap: 8px;
7007 + z-index: 10;
7008 +}
7009 +.merchant-module-page-settings.backup-restore-section .merchant-dropzone__error .dashicons {
7010 + font-size: 36px;
7011 + width: 36px;
7012 + height: 36px;
7013 + color: #dc3232;
7014 +}
7015 +.merchant-module-page-settings.backup-restore-section .merchant-dropzone__error p {
7016 + margin: 0;
7017 + color: #dc3232;
7018 + font-size: 14px;
7019 + font-weight: 600;
7020 +}
7021 +.merchant-module-page-settings.backup-restore-section .merchant-dropzone.is-error {
7022 + pointer-events: none;
7023 + border-color: #dc3232;
7024 + background-color: rgba(220, 50, 50, 0.03);
7025 +}
7026 +.merchant-module-page-settings.backup-restore-section .merchant-dropzone.is-error .merchant-dropzone__content,
7027 +.merchant-module-page-settings.backup-restore-section .merchant-dropzone.is-error .merchant-backup-file {
7028 + visibility: hidden;
7029 +}
7030 +.merchant-module-page-settings.backup-restore-section .merchant-dropzone.is-error .merchant-dropzone__error {
7031 + display: -webkit-box;
7032 + display: -ms-flexbox;
7033 + display: flex;
7034 +}
7035 +
7036 +.merchant-loading-spinner {
7037 + display: inline-block;
7038 + width: 20px;
7039 + height: 20px;
7040 + border: 4px solid rgba(0, 0, 0, 0.1);
7041 + border-radius: 50%;
7042 + border-top-color: #3D65E9;
7043 + -webkit-animation: spin 1s ease-in-out infinite;
7044 + animation: spin 1s ease-in-out infinite;
7045 + vertical-align: middle;
7046 + -webkit-transition: 300ms;
7047 + transition: 300ms;
7048 + opacity: 0;
7049 + visibility: hidden;
7050 +}
7051 +.merchant-loading-spinner.show {
7052 + opacity: 1;
7053 + visibility: visible;
7054 +}
7055 +@-webkit-keyframes spin {
7056 + 0% {
7057 + -webkit-transform: rotate(0deg);
7058 + transform: rotate(0deg);
7059 + }
7060 + 100% {
7061 + -webkit-transform: rotate(360deg);
7062 + transform: rotate(360deg);
7063 + }
7064 +}
7065 +@keyframes spin {
7066 + 0% {
7067 + -webkit-transform: rotate(0deg);
7068 + transform: rotate(0deg);
7069 + }
7070 + 100% {
7071 + -webkit-transform: rotate(360deg);
7072 + transform: rotate(360deg);
7073 + }
4969 7074 }