/* ═══════════════════════════════════════
   GROTHIFY PRO — LEGAL PAGES CSS
   (Privacy Policy & Terms & Conditions)
   ═══════════════════════════════════════ */

/* ═══ HERO ═══ */
.legal-hero{position:relative;padding:180px 0 80px;overflow:hidden;text-align:center}
.legal-hero-bg{position:absolute;inset:0;pointer-events:none;overflow:hidden}
.legal-hero-shape{position:absolute;border-radius:50%;filter:blur(120px);opacity:.12}
.legal-shape-1{width:500px;height:500px;background:var(--orange);top:-20%;right:-10%;animation:legalFloat 10s ease-in-out infinite}
.legal-shape-2{width:400px;height:400px;background:var(--blue);bottom:-20%;left:-10%;animation:legalFloat 14s ease-in-out infinite reverse}
.legal-shape-3{width:300px;height:300px;background:var(--pink);top:30%;left:50%;transform:translateX(-50%);animation:legalFloat 12s ease-in-out infinite}
@keyframes legalFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-30px)}}
.legal-hero-content{position:relative;z-index:2;max-width:800px;margin:0 auto}

/* Breadcrumb */
.legal-breadcrumb{display:inline-flex;align-items:center;gap:8px;font-family:var(--f1);font-size:.8rem;letter-spacing:1px;margin-bottom:32px;color:var(--t3)}
.legal-breadcrumb a{color:var(--t2);transition:color var(--fast)}
.legal-breadcrumb a:hover{color:var(--orange)}
.legal-breadcrumb-sep{opacity:.4;display:flex;align-items:center}
.legal-breadcrumb span:last-child{color:var(--orange);font-weight:500}

/* Title */
.legal-hero-title{font-family:var(--f2);font-size:clamp(2.5rem,5vw,4rem);font-weight:800;line-height:1.15;margin-bottom:20px;color:var(--t1)}
.legal-hero-subtitle{font-size:1.1rem;color:var(--t2);line-height:1.7;max-width:600px;margin:0 auto 28px}

/* Meta pills */
.legal-meta{display:flex;align-items:center;justify-content:center;gap:32px;flex-wrap:wrap}
.legal-meta-item{display:flex;align-items:center;gap:8px;font-family:var(--f1);font-size:.8rem;font-weight:500;color:var(--t3);padding:8px 16px;background:var(--glass);border:1px solid var(--glass-b);border-radius:100px;backdrop-filter:blur(10px)}
.legal-meta-item svg{opacity:.6}

/* ═══ TABLE OF CONTENTS ═══ */
.legal-toc-section{padding:0 0 60px}
.legal-toc{max-width:900px;margin:0 auto;padding:32px 40px}
.legal-toc-title{font-family:var(--f1);font-size:.85rem;font-weight:600;letter-spacing:2px;text-transform:uppercase;color:var(--orange);margin-bottom:20px;display:flex;align-items:center;gap:10px}
.legal-toc-title svg{opacity:.7}
.legal-toc-links{display:grid;grid-template-columns:1fr 1fr;gap:8px 32px}
.legal-toc-links a{font-family:var(--f3);font-size:.9rem;color:var(--t2);padding:8px 12px;border-radius:8px;transition:all var(--fast);display:block}
.legal-toc-links a:hover{color:var(--t1);background:rgba(255,107,53,.05);transform:translateX(4px)}

/* ═══ CONTENT ═══ */
.legal-content-section{padding:0 0 80px}
.legal-content{max-width:900px;margin:0 auto}

/* Section */
.legal-section{position:relative;padding:48px 0;border-bottom:1px solid rgba(255,255,255,.04)}
.legal-section:last-child{border-bottom:none}
.legal-section-number{font-family:var(--f2);font-size:4rem;font-weight:800;background:linear-gradient(135deg,rgba(255,107,53,.15),rgba(233,30,99,.08));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;position:absolute;top:40px;right:0;line-height:1;user-select:none;pointer-events:none}
.legal-section-title{font-family:var(--f2);font-size:1.6rem;font-weight:700;color:var(--t1);margin-bottom:24px;padding-left:20px;border-left:3px solid var(--orange)}
.legal-section-body p{font-size:.95rem;color:var(--t2);line-height:1.8;margin-bottom:20px}
.legal-section-body p:last-child{margin-bottom:0}

/* ═══ CARDS ═══ */
.legal-card{padding:24px 28px;margin-bottom:16px}
.legal-card h4{font-family:var(--f1);font-size:1rem;font-weight:600;color:var(--t1);margin-bottom:14px;display:flex;align-items:center;gap:10px}
.legal-card ul{list-style:none;padding:0}
.legal-card ul li{font-size:.9rem;color:var(--t2);line-height:1.7;padding:6px 0 6px 24px;position:relative}
.legal-card ul li::before{content:'';position:absolute;left:0;top:14px;width:6px;height:6px;background:var(--grad);border-radius:50%}

/* ═══ STYLED LIST ═══ */
.legal-list-styled{list-style:none;padding:0;margin-bottom:20px}
.legal-list-styled li{font-size:.95rem;color:var(--t2);line-height:1.7;padding:10px 0 10px 32px;position:relative;border-bottom:1px solid rgba(255,255,255,.03)}
.legal-list-styled li:last-child{border-bottom:none}
.legal-list-styled li::before{content:'';position:absolute;left:0;top:18px;width:8px;height:8px;border:2px solid var(--orange);border-radius:50%}
.legal-list-styled li strong{color:var(--t1)}

/* ═══ HIGHLIGHT BOX ═══ */
.legal-highlight-box{display:flex;gap:16px;padding:24px;background:rgba(255,107,53,.05);border:1px solid rgba(255,107,53,.15);border-radius:var(--r);margin-bottom:24px}
.legal-highlight-box svg{flex-shrink:0;margin-top:2px}
.legal-highlight-box strong{font-family:var(--f1);font-size:.9rem;font-weight:600;color:var(--orange);display:block;margin-bottom:6px}
.legal-highlight-box p{font-size:.9rem !important;color:var(--t2);line-height:1.7;margin-bottom:0 !important}
.legal-highlight-blue{background:rgba(74,144,217,.05);border-color:rgba(74,144,217,.15)}
.legal-highlight-blue strong{color:var(--blue)}
.legal-highlight-warning{background:rgba(255,152,0,.05);border-color:rgba(255,152,0,.15)}
.legal-highlight-warning strong{color:#FF9800}

/* ═══ TABLE ═══ */
.legal-table-wrap{overflow-x:auto;margin:20px 0;padding:0}
.legal-table{width:100%;border-collapse:collapse;font-size:.9rem}
.legal-table thead{background:rgba(255,255,255,.03)}
.legal-table th{font-family:var(--f1);font-weight:600;font-size:.8rem;letter-spacing:1px;text-transform:uppercase;color:var(--t3);padding:14px 20px;text-align:left;border-bottom:1px solid var(--glass-b)}
.legal-table td{padding:14px 20px;color:var(--t2);border-bottom:1px solid rgba(255,255,255,.03)}
.legal-table tbody tr:hover{background:rgba(255,255,255,.02)}
.legal-table tbody tr:last-child td{border-bottom:none}

/* Badges */
.legal-badge{display:inline-block;padding:4px 12px;border-radius:100px;font-size:.75rem;font-weight:600;font-family:var(--f1);letter-spacing:.5px}
.legal-badge-green{background:rgba(76,175,80,.15);color:#4CAF50}
.legal-badge-blue{background:rgba(74,144,217,.15);color:var(--blue)}
.legal-badge-orange{background:rgba(255,107,53,.15);color:var(--orange)}
.legal-badge-purple{background:rgba(156,39,176,.15);color:#9C27B0}

/* ═══ SECURITY GRID ═══ */
.legal-security-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:24px 0}
.legal-security-item{padding:24px;text-align:center}
.legal-security-icon{font-size:2rem;margin-bottom:12px}
.legal-security-item h4{font-family:var(--f1);font-size:.95rem;font-weight:600;color:var(--t1);margin-bottom:8px}
.legal-security-item p{font-size:.85rem !important;color:var(--t3) !important;line-height:1.6 !important;margin-bottom:0 !important}

/* ═══ RIGHTS GRID ═══ */
.legal-rights-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:24px 0}
.legal-right-item{display:flex;align-items:flex-start;gap:14px;padding:20px}
.legal-right-icon{font-size:1.5rem;flex-shrink:0;margin-top:2px}
.legal-right-item h4{font-family:var(--f1);font-size:.9rem;font-weight:600;color:var(--t1);margin-bottom:4px}
.legal-right-item p{font-size:.8rem !important;color:var(--t3) !important;line-height:1.5 !important;margin-bottom:0 !important}

/* ═══ SERVICES GRID ═══ */
.legal-services-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px;margin:24px 0}
.legal-service-item{padding:24px;text-align:center}
.legal-service-icon{font-size:2rem;margin-bottom:12px}
.legal-service-item h4{font-family:var(--f1);font-size:.9rem;font-weight:600;color:var(--t1);margin-bottom:8px}
.legal-service-item p{font-size:.8rem !important;color:var(--t3) !important;line-height:1.5 !important;margin-bottom:0 !important}

/* ═══ TERMINATION GRID ═══ */
.legal-termination-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:24px 0}
.legal-termination-item{padding:24px}
.legal-termination-item h4{font-family:var(--f1);font-size:1rem;font-weight:600;color:var(--orange);margin-bottom:14px;padding-bottom:10px;border-bottom:1px solid var(--glass-b)}
.legal-termination-item ul{list-style:none;padding:0}
.legal-termination-item ul li{font-size:.85rem;color:var(--t2);line-height:1.6;padding:6px 0 6px 20px;position:relative}
.legal-termination-item ul li::before{content:'→';position:absolute;left:0;color:var(--orange);font-size:.85rem}

/* ═══ CONTACT CARD ═══ */
.legal-contact-card{display:flex;flex-direction:column;gap:16px;padding:32px;margin-top:20px}
.legal-contact-item{display:flex;align-items:center;gap:16px;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.04)}
.legal-contact-item:last-child{border-bottom:none;padding-bottom:0}
.legal-contact-item svg{flex-shrink:0}
.legal-contact-item strong{font-family:var(--f1);font-size:.8rem;font-weight:600;color:var(--t3);letter-spacing:1px;text-transform:uppercase;display:block;margin-bottom:2px}
.legal-contact-item a,.legal-contact-item span{font-size:.95rem;color:var(--t1);transition:color var(--fast)}
.legal-contact-item a:hover{color:var(--orange)}

/* ═══ LINK ═══ */
.legal-link{color:var(--orange) !important;text-decoration:underline;text-underline-offset:3px;transition:color var(--fast)}
.legal-link:hover{color:var(--pink) !important}

/* ═══ BACK NAV ═══ */
.legal-back{max-width:900px;margin:60px auto 0;display:flex;align-items:center;justify-content:space-between;padding-top:40px;border-top:1px solid rgba(255,255,255,.04)}
.legal-back-btn{display:inline-flex;align-items:center;gap:10px;font-family:var(--f1);font-size:.9rem;font-weight:600;color:var(--t1);padding:12px 28px;background:var(--glass);border:1px solid var(--glass-b);border-radius:100px;transition:all var(--fast);backdrop-filter:blur(10px)}
.legal-back-btn:hover{border-color:var(--orange);background:rgba(255,107,53,.05);transform:translateX(-4px)}
.legal-related-link{font-family:var(--f1);font-size:.9rem;font-weight:500;color:var(--orange);transition:all var(--fast)}
.legal-related-link:hover{color:var(--pink);transform:translateX(4px)}

/* ═══ FOOTER LEGAL LINKS ═══ */
.footer-legal-links{display:flex;align-items:center;gap:8px}
.footer-legal-links a{font-size:.76rem;color:var(--t3);transition:color var(--fast)}
.footer-legal-links a:hover{color:var(--orange)}
.footer-legal-sep{font-size:.6rem;color:var(--t3);opacity:.5}

/* ═══ LIGHT MODE ═══ */
body.light .legal-hero-shape{opacity:.06}
body.light .legal-section-number{background:linear-gradient(135deg,rgba(255,107,53,.1),rgba(233,30,99,.05));-webkit-background-clip:text;background-clip:text}
body.light .legal-highlight-box{background:rgba(255,107,53,.03);border-color:rgba(255,107,53,.1)}
body.light .legal-highlight-blue{background:rgba(74,144,217,.03);border-color:rgba(74,144,217,.1)}
body.light .legal-highlight-warning{background:rgba(255,152,0,.03);border-color:rgba(255,152,0,.1)}

/* ═══ RESPONSIVE ═══ */
@media(max-width:768px){
  .legal-hero{padding:140px 0 60px}
  .legal-hero-title{font-size:2rem}
  .legal-toc{padding:24px}
  .legal-toc-links{grid-template-columns:1fr;gap:4px}
  .legal-section-number{font-size:3rem;top:44px}
  .legal-security-grid,.legal-rights-grid,.legal-termination-grid{grid-template-columns:1fr}
  .legal-services-grid{grid-template-columns:1fr 1fr}
  .legal-back{flex-direction:column;gap:16px;text-align:center}
  .legal-meta{gap:12px}
}
@media(max-width:480px){
  .legal-hero{padding:120px 0 40px}
  .legal-hero-title{font-size:1.8rem}
  .legal-hero-subtitle{font-size:.95rem}
  .legal-section{padding:32px 0}
  .legal-section-title{font-size:1.3rem}
  .legal-services-grid{grid-template-columns:1fr}
  .legal-highlight-box{flex-direction:column;gap:12px}
  .legal-contact-card{padding:20px}
}