#wtg-container{display:flex;flex-direction:column;gap:20px;background:#fff;border-radius:12px;box-shadow:0 5px 15px rgba(0,0,0,.1);padding:20px;max-width:1500px!important;margin:auto}.wtg-category-list{background:linear-gradient(135deg,#f9f9f9,#ececec)}.wtg-template-grid-container{flex:1;display:flex;flex-direction:column;width:100%;gap:20px auto}.wtg-category-list ul{display:flex;flex-wrap:wrap;gap:10px;list-style:none;margin:0;padding:0;justify-content:center;align-items:center}.wtg-category-list li{padding:8px 12px;border-radius:20px;cursor:pointer;transition:all 0.3s ease}.wtg-category-list label{font-size:14px;padding:8px 14px;border-radius:15px;margin-bottom:5px;display:flex;align-items:center;gap:8px}.wtg-category-list label:hover{background:#e0f7fa;color:#00796b;transform:scale(1.05)}.wtg-filter-checkbox{width:20px;height:20px;border:2px solid #5cd85c;border-radius:50%;position:relative;display:inline-block;vertical-align:middle;background-color:#fff;transition:all 0.3s ease}.wtg-filter-checkbox:hover{background-color:#e8f5e9;border-color:#388e3c}.wtg-filter-checkbox:checked{background:#4caf50;border-color:#4caf50}.wtg-filter-checkbox:checked::before{content:"✔";font-size:14px;color:#fff;font-weight:700;text-align:center;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:#5cd85c;width:100%;height:100%;display:flex;align-items:center;justify-content:center;border-radius:50%}.wtg-category-list label.active{background:#e8f5e9;font-weight:700;border-radius:20px;padding:5px 10px}.wtg-filter-checkbox-wrapper label{display:flex;align-items:center;justify-content:center;gap:8px}.wtg-template-grid{flex:3;display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.wtg-template-item{background-color:#fff;border-radius:12px;overflow:hidden;box-shadow:0 4px 6px rgba(0,0,0,.1);display:flex!important;transition:all 0.3s ease-in-out;flex-direction:column;height:100%;justify-content:space-between}.wtg-template-item:hover{transform:translateY(-4px);box-shadow:0 8px 20px rgba(0,0,0,.2)}.wtg-template-image img{width:100%;height:auto}.wtg-template-image{position:relative;overflow:hidden}.wtg-template-image::after{content:"Click để xem";position:absolute;top:50%;left:50%;width:100%;height:100%;display:flex;align-items:center;justify-content:center;text-align:center;transform:translate(-50%,-50%);background:rgba(0,0,0,.7);color:#fff;padding:15px 20px;border-radius:8px;font-size:14px;font-weight:700;opacity:0;transition:opacity 0.3s ease,transform 0.3s ease;pointer-events:none}.wtg-template-image:hover::after{opacity:1;transform:translate(-50%,-50%) scale(1.1)}.wtg-template-content{padding:15px;text-align:center;flex-grow:1;display:flex!important;flex-direction:column;justify-content:space-between;flex-wrap:wrap}.wtg-template-title{font-size:20px!important;font-weight:700;color:#333;margin-bottom:8px;flex-grow:1;transition:all 0.3s ease}#wtg-container .wtg-template-buttons{display:flex;gap:20px;justify-content:center;align-items:center;margin-top:10px}.wtg-template-button-show{background:linear-gradient(135deg,#4caf50,#2e7d32)}.wtg-template-button-show:hover{background:linear-gradient(135deg,#2e7d32,#1b5e20);transform:scale(1.1)}.wtg-template-button-register{background:linear-gradient(135deg,#ff5733,#d32f2f)}.wtg-template-button-register:hover{background:linear-gradient(135deg,#d32f2f,#b71c1c);transform:scale(1.1)}.wtg-template-button-signup{background:linear-gradient(135deg,#ff5733,#d32f2f)}.wtg-template-button-signup:hover{background-color:rgb(217,16,9);transform:scale(1.05)}#wtg-search-results:empty,#wtg-search-title-results:empty{display:none}#wtg-load-more-wrapper{display:flex;justify-content:center;width:100%;margin-top:40px}.ps-relative-auto,#wtg-search-title-loader{position:relative;margin:auto}.ps-relative-auto{margin-top:20px}#wtg-load-more{width:140px;text-align:center;background:linear-gradient(135deg,#4caf50,#388e3c);padding:12px 18px;border-radius:5px;cursor:pointer;font-size:14px;font-weight:700;color:#fff;transition:all 0.3s ease;border:none}#wtg-load-more:hover{background:linear-gradient(135deg,#388e3c,#1b5e20);transform:scale(1.1)}.wtg-loader,.search-loader{border:5px solid #f3f3f3;border-top:5px solid #5cd85c;border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite;margin-bottom:10px;justify-items:center}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg)}}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}#loading-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:9999}.wtg-loading-spinner{border:8px solid #f3f3f3;border-top:8px solid #4caf50;border-radius:50%;width:60px;height:60px;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}#wtg-container .wtg-template-button-show,#wtg-container .wtg-template-button-register{color:#fff;text-decoration:none;padding:10px 15px;border-radius:5px;text-align:center;font-size:12px;transition:background-color 0.3s ease,color 0.3s ease;width:auto;min-width:100px;font-weight:700}#wtg-container .wtg-template-button-signup{color:#fff;padding:10px 15px;border-radius:5px;text-align:center;font-size:12px;transition:background-color 0.3s ease,color 0.3s ease;width:auto;min-width:100px;font-weight:700}#wtg-container .wtg-template-button-show{background-color:#2ecc71}#wtg-container .wtg-template-button-register{background-color:#ff5733}#wtg-container .wtg-template-button-register:hover{background-color:rgb(217,16,9)}#wtg-container .wtg-template-button-signup{background-color:#ff5733}#wtg-container .wtg-template-button-signup:hover{background-color:rgb(217,16,9)}.wtg-search-template form{display:flex;align-items:center;gap:10px;width:100%;margin-top:20px;margin-bottom:20px;justify-items:center}#wtg-search-input{flex:1;padding:8px;font-size:16px;border:2px solid #ddf8dc;border-radius:5px;outline:none}#wtg-search-button{padding:10px 18px;font-size:16px;border:none;background:linear-gradient(135deg,#4caf50,#388e3c);color:#fff;cursor:pointer;border-radius:5px;transition:background 0.3s;white-space:nowrap;transition:all 0.3s ease}#wtg-search-button:hover{background:linear-gradient(135deg,#388e3c,#1b5e20);transform:scale(1.1)}#wtg-search-results{margin-bottom:20px}#wtg-search-title-button{padding:10px 18px;font-size:16px;border:none;background:linear-gradient(135deg,#4caf50,#388e3c);color:#fff;cursor:pointer;border-radius:5px;transition:background 0.3s;white-space:nowrap;transition:all 0.3s ease}#wtg-search-title-button:hover{scale:1.1;transition:all linear 0.2s}form#wtg-search-title-form{display:flex;align-items:center;gap:10px;width:100%;margin-top:20px;margin-bottom:20px;justify-items:center}button#wtg-load-more-title{position:relative;margin-top:12px;left:50%;transform:translateX(-50%);background-color:#007bff!important}button#wtg-load-more-title:hover{opacity:.8;cursor:pointer}#wtg-load-more-search-wrapper{text-align:center;margin-top:20px}#wtg-load-more-search{padding:10px 20px;background-color:#007bff;color:#fff;border:none;border-radius:5px;cursor:pointer}#wtg-load-more-search:hover{background-color:#0056b3}#wtg-load-more-search-wrapper .wtg-loader{margin:10px auto}.page-content a{text-decoration:none!important}