/* Site-wide styles for account, membership, bookmarks, tags, quiz extras (see features_helper.php) */
.et-verify-bar{position:relative;z-index:2;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:6px 12px;background:#fff8e1;border-bottom:1px solid #ffe08a;color:#6b5200;padding:10px 16px;font-family:'Outfit',Arial,sans-serif;font-size:14px;letter-spacing:0;line-height:1.5;text-align:center;}
.et-verify-bar i{font-size:16px;}
.et-verify-bar b{font-weight:600;word-break:break-all;}
.et-verify-bar a{padding:3px 12px;border-radius:999px;background:#1f7ae0;color:#fff !important;font-weight:600;font-size:13px;text-decoration:none !important;white-space:nowrap;}
.et-verify-bar a:hover{background:#1765bd;}

/* Tags */
.et-widget-title{font-family:'Outfit','Segoe UI',Arial,sans-serif;font-size:18px;font-weight:600;color:#14213d;margin:22px 0 12px;}
.et-widget-title i{color:#1f7ae0;margin-right:6px;}
.et-tags{display:flex;flex-wrap:wrap;gap:8px;}
.et-tag{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:999px;background:#f4f7fb;border:1px solid #e3e8f0;color:#14213d !important;font-size:13px;font-weight:500;text-decoration:none !important;transition:.15s;}
.et-tag span{background:#fff;border-radius:999px;padding:0 7px;font-size:11px;color:#5b6475;}
.et-tag:hover,.et-tag.is-active{background:#eaf3fd;border-color:#1f7ae0;color:#1f7ae0 !important;}
.et-post-tags{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:22px 0 4px;padding-top:18px;border-top:1px solid #eef1f5;}
.et-post-tags b{font-size:14px;color:#5b6475;margin-right:4px;}

/* Owned / membership hints on detail pages */
.et-owned{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:999px;background:#e8f8ee;color:#1a8f4b;font-weight:600;font-size:14px;}
.et-member-hint{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:#b26a00 !important;background:#fff6e0;border:1px dashed #f3c46b;border-radius:999px;padding:6px 14px;text-decoration:none !important;}
.et-member-hint:hover{background:#ffefc7;}

/* Bookmark button */
.et-bookmark{display:inline-flex;align-items:center;gap:7px;height:40px;padding:0 16px;border-radius:10px;border:1px solid #d6dde8;background:#fff;color:#14213d;font-weight:600;font-size:14px;cursor:pointer;transition:.15s;}
.et-bookmark:hover{border-color:#1f7ae0;color:#1f7ae0;}
.et-bookmark.is-saved{background:#eaf3fd;border-color:#1f7ae0;color:#1f7ae0;}
.et-bookmark.et-bookmark--icon{width:36px;height:36px;padding:0;justify-content:center;border-radius:50%;}

/* Coupon box */
.et-coupon{flex-basis:100%;margin-top:4px;}
.et-coupon-toggle{background:none;border:0;padding:0;color:#1f7ae0;font-weight:600;font-size:14px;cursor:pointer;}
.et-coupon-toggle i{margin-right:4px;}
.et-coupon-row{display:flex;gap:8px;margin-top:10px;max-width:380px;}
.et-coupon-row[hidden]{display:none;}
.et-coupon-input{flex:1;min-width:0;height:40px;border:1px solid #d6dde8;border-radius:10px;padding:0 12px;font-size:14px;text-transform:uppercase;letter-spacing:.5px;}
.et-coupon-input:focus{outline:0;border-color:#1f7ae0;box-shadow:0 0 0 3px rgba(31,122,224,.15);}
.et-coupon-apply{height:40px;padding:0 18px;border:0;border-radius:10px;background:#14213d;color:#fff;font-weight:600;cursor:pointer;}
.et-coupon-apply:disabled{opacity:.6;}
.et-coupon-msg{font-size:13px;margin-top:6px;min-height:0;}
.et-coupon-msg.is-ok{color:#1a8f4b;font-weight:600;}
.et-coupon-msg.is-err{color:#c62828;}

/* Related posts */
.et-related{padding:26px;margin:0 0 24px;}
.et-related .pd-section-title{margin-bottom:20px;}
.et-related-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;}
.et-related-card{display:flex;gap:14px;align-items:center;min-width:0;padding:12px;border:1px solid #e6ebf2;border-radius:12px;background:#f8fafd;color:#14213d !important;text-decoration:none !important;transition:border-color .15s,box-shadow .15s,background .15s;}
.et-related-card:hover,.et-related-card:focus{border-color:#1f7ae0;background:#fff;box-shadow:0 8px 20px rgba(20,33,61,.08);}
.et-related-img{flex:0 0 120px;height:76px;border-radius:8px;overflow:hidden;background:#fff;border:1px solid #e6ebf2;}
.et-related-img img{width:100%;height:100%;object-fit:cover;object-position:top center;display:block;}
.et-related-body{display:flex;flex-direction:column;gap:8px;min-width:0;}
.et-related-title{font-family:'Outfit',Arial,sans-serif;font-weight:600;font-size:16px;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.et-related-card:hover .et-related-title{color:#1f7ae0;}
.et-related-meta{font-size:13px;color:#8a93a4;display:flex;align-items:center;gap:6px;}
.et-related-meta em{font-style:normal;font-weight:600;font-size:12px;border-radius:999px;padding:2px 10px;margin-right:6px;}
.et-price{background:#fff3e0;color:#d35400;} .et-free{background:#e8f8ee;color:#1a8f4b;}
@media (max-width:767px){
  .et-related{padding:18px;}
  .et-related-grid{grid-template-columns:1fr;gap:12px;}
  .et-related-img{flex-basis:96px;height:64px;}
  .et-related-title{font-size:15px;}
}

/* Source code screenshot gallery + lightbox */
.et-gallery{margin:22px 0 6px;}
.et-gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;}
.et-gallery-item{display:block;aspect-ratio:16/10;border-radius:10px;overflow:hidden;border:1px solid #e3e8f0;background:#eef3f9;}
.et-gallery-item img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .25s;}
.et-gallery-item:hover img{transform:scale(1.05);}
.et-lightbox{position:fixed;inset:0;z-index:20000;background:rgba(10,16,30,.9);display:none;align-items:center;justify-content:center;padding:40px 60px;}
.et-lightbox.is-open{display:flex;}
.et-lightbox img{max-width:100%;max-height:100%;border-radius:8px;box-shadow:0 20px 60px rgba(0,0,0,.5);}
.et-lightbox button{position:absolute;background:rgba(255,255,255,.12);border:0;color:#fff;cursor:pointer;border-radius:50%;width:46px;height:46px;font-size:30px;line-height:1;}
.et-lightbox button:hover{background:rgba(255,255,255,.25);}
.et-lb-close{top:16px;right:16px;} .et-lb-prev{left:12px;top:50%;transform:translateY(-50%);} .et-lb-next{right:12px;top:50%;transform:translateY(-50%);}
.et-lb-count{position:absolute;bottom:14px;left:50%;transform:translateX(-50%);color:#cfd6e3;font-size:13px;}

/* Membership plans */
.et-plans{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin:6px 0 30px;}
.et-plan{position:relative;background:#fff;border:1px solid #e3e8f0;border-radius:16px;padding:26px 22px;display:flex;flex-direction:column;font-family:'Outfit','Segoe UI',Arial,sans-serif;box-shadow:0 6px 18px rgba(20,33,61,.05);}
.et-plan.is-featured{border:2px solid #1f7ae0;box-shadow:0 16px 40px rgba(31,122,224,.18);}
.et-plan-ribbon{position:absolute;top:-12px;left:50%;transform:translateX(-50%);background:#1f7ae0;color:#fff;font-size:12px;font-weight:600;padding:4px 14px;border-radius:999px;white-space:nowrap;}
.et-plan h3{margin:0 0 10px;font-size:20px;font-weight:600;color:#14213d;}
.et-plan-price{display:flex;align-items:baseline;flex-wrap:wrap;gap:8px;}
.et-plan-price b{font-size:34px;font-weight:700;color:#14213d;}
.et-plan-price s{color:#8a93a4;}
.et-plan-price em{font-style:normal;font-size:12px;font-weight:600;background:#e8f8ee;color:#1a8f4b;border-radius:999px;padding:2px 8px;}
.et-plan-duration{color:#5b6475;font-size:14px;margin:4px 0 16px;}
.et-plan-features{list-style:none;padding:0;margin:0 0 20px;flex:1;}
.et-plan-features li{padding:6px 0;color:#14213d;font-size:15px;}
.et-plan-features i{color:#1a8f4b;margin-right:8px;}
.et-plan-btn{display:block;width:100%;text-align:center;border:0;border-radius:10px;padding:12px;background:#1f7ae0;color:#fff !important;font-weight:600;font-size:16px;cursor:pointer;text-decoration:none !important;}
.et-plan-btn:hover{background:#1766c2;}
.et-plan .et-coupon{margin-top:12px;}
.et-plan-active{display:flex;gap:14px;align-items:center;background:#e8f8ee;border:1px solid #bfe8cf;border-radius:14px;padding:16px 20px;margin:0 0 22px;color:#14532d;}
.et-plan-active i{font-size:28px;color:#1a8f4b;}
.et-plan-active b{display:block;font-size:16px;}
.et-faq{max-width:760px;margin:10px auto 30px;}
.et-faq h3{font-family:'Outfit','Segoe UI',Arial,sans-serif;font-size:22px;font-weight:600;color:#14213d;margin-bottom:14px;text-align:center;}
.et-faq details{background:#fff;border:1px solid #e3e8f0;border-radius:12px;padding:14px 18px;margin-bottom:10px;}
.et-faq summary{cursor:pointer;font-weight:600;color:#14213d;font-size:16px;}
.et-faq p{margin:10px 0 0;color:#5b6475;}

/* My Account */
.et-account-nav{display:flex;gap:6px;overflow-x:auto;padding:4px;margin:0 0 22px;background:#fff;border:1px solid #e3e8f0;border-radius:14px;scrollbar-width:thin;}
.et-account-nav a{flex:0 0 auto;display:inline-flex;align-items:center;gap:7px;padding:9px 14px;border-radius:10px;color:#5b6475 !important;font-weight:500;font-size:14px;text-decoration:none !important;white-space:nowrap;}
.et-account-nav a:hover{background:#f4f7fb;color:#14213d !important;}
.et-account-nav a.is-active{background:#1f7ae0;color:#fff !important;}
.et-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:14px;margin-bottom:22px;}
.et-stat-card{background:#fff;border:1px solid #e3e8f0;border-radius:14px;padding:16px 18px;display:flex;align-items:center;gap:14px;color:#14213d !important;text-decoration:none !important;transition:.15s;}
.et-stat-card:hover{border-color:#1f7ae0;transform:translateY(-2px);box-shadow:0 10px 24px rgba(20,33,61,.08);}
.et-stat-card i{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:20px;background:#eaf3fd;color:#1f7ae0;flex-shrink:0;}
.et-stat-card b{display:block;font-size:22px;font-weight:700;line-height:1.1;}
.et-stat-card span{font-size:13px;color:#5b6475;}
.et-tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px;}
.et-tile{display:flex;align-items:center;gap:14px;background:#fff;border:1px solid #e3e8f0;border-radius:14px;padding:16px;color:#14213d !important;text-decoration:none !important;transition:.15s;}
.et-tile:hover{border-color:#1f7ae0;background:#f8fbff;}
.et-tile i{font-size:22px;color:#1f7ae0;width:28px;text-align:center;}
.et-tile b{display:block;font-size:15px;}
.et-tile span{font-size:13px;color:#5b6475;}
.et-member-card{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;border-radius:14px;padding:18px 20px;margin-bottom:22px;background:linear-gradient(135deg,#1f7ae0,#5b3fd9);color:#fff;}
.et-member-card b{font-size:18px;display:block;}
.et-member-card a{background:#fff;color:#1f7ae0 !important;border-radius:999px;padding:8px 18px;font-weight:600;text-decoration:none !important;}
.et-member-card.is-inactive{background:linear-gradient(135deg,#14213d,#2a3f6b);}
.et-list{display:flex;flex-direction:column;gap:12px;}
.et-row{display:flex;align-items:center;gap:14px;background:#fff;border:1px solid #e3e8f0;border-radius:14px;padding:12px;}
.et-row-img{flex:0 0 96px;height:62px;border-radius:10px;overflow:hidden;background:#eef3f9;}
.et-row-img img{width:100%;height:100%;object-fit:cover;display:block;}
.et-row-body{flex:1;min-width:0;}
.et-row-title{display:block;font-weight:600;font-size:15px;color:#14213d !important;text-decoration:none !important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.et-row-meta{font-size:13px;color:#8a93a4;display:flex;flex-wrap:wrap;gap:4px 12px;margin-top:4px;}
.et-row-actions{display:flex;gap:8px;flex-shrink:0;align-items:center;}
.et-btn{display:inline-flex;align-items:center;gap:6px;border:0;border-radius:10px;padding:9px 16px;font-weight:600;font-size:14px;background:#1f7ae0;color:#fff !important;text-decoration:none !important;cursor:pointer;}
.et-btn:hover{background:#1766c2;}
.et-btn--ghost{background:#f4f7fb;color:#14213d !important;border:1px solid #e3e8f0;}
.et-btn--ghost:hover{background:#eaf3fd;}
.et-btn--green{background:#1a8f4b;} .et-btn--green:hover{background:#15783f;}
.et-chip{display:inline-block;font-size:11px;font-weight:600;border-radius:999px;padding:2px 9px;background:#eaf3fd;color:#1f7ae0;}
.et-chip--pass{background:#e8f8ee;color:#1a8f4b;} .et-chip--fail{background:#fdecea;color:#c62828;}
@media (max-width:600px){
  .et-row{flex-wrap:wrap;}
  .et-row-actions{width:100%;}
  .et-row-actions .et-btn{flex:1;justify-content:center;}
}

/* Quiz leaderboard */
.et-board{display:flex;flex-direction:column;gap:8px;max-width:760px;margin:0 auto;}
.et-board-row{display:flex;align-items:center;gap:14px;background:#fff;border:1px solid #e3e8f0;border-radius:12px;padding:10px 16px;font-family:'Outfit','Segoe UI',Arial,sans-serif;}
.et-board-row.is-top{border-color:#f3d27a;background:#fffbef;}
.et-board-row.is-me{border-color:#1f7ae0;box-shadow:0 0 0 3px rgba(31,122,224,.12);}
.et-board-rank{width:40px;text-align:center;font-weight:700;color:#5b6475;font-size:18px;}
.et-board-avatar{width:38px;height:38px;border-radius:50%;background:#eaf3fd;color:#1f7ae0;display:flex;align-items:center;justify-content:center;font-weight:700;}
.et-board-name{flex:1;font-weight:600;color:#14213d;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.et-board-name em{font-style:normal;color:#1f7ae0;font-weight:500;}
.et-board-score{color:#5b6475;} .et-board-score b{color:#14213d;font-size:18px;}
.et-board-pct{width:54px;text-align:right;font-weight:700;color:#1a8f4b;}