/* LngGo — Recording Single  (page-recording-single.php)
   كان <style> داخل القالب؛ يُحمَّل في هذه الصفحة وحدها بعد theme.css وheader.css (ls_page_css). */
:root{--text-muted:#666;}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
body{font-family:'Almarai','Segoe UI',Arial,sans-serif;background:var(--bg);color:var(--text-main);direction:rtl;}

.rec-page{max-width:840px;margin:0 auto;padding:48px 24px 80px;}

/* Header */
.rec-header{display:flex;flex-direction:column;align-items:center;text-align:center;gap:14px;margin-bottom:36px;padding-bottom:28px;border-bottom:2px solid var(--border);}
.rec-header-badge{width:80px;height:80px;background:linear-gradient(135deg,var(--primary),var(--primary-light));border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:2rem;font-weight:900;box-shadow:0 6px 24px rgba(74,20,140,.35);}
.rec-header-text h1{font-size:clamp(1.5rem,4vw,2.2rem);font-weight:900;color:var(--text-main);letter-spacing:0;}
.rec-header-text p{color:var(--text-muted);font-size:.95rem;margin-top:6px;}

/* Video */
.rec-video-wrap{position:relative;width:100%;padding-top:56.25%;border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow-md);background:#000;margin-bottom:40px;}
.rec-video-wrap iframe{position:absolute;inset:0;width:100%;height:100%;border:none;}
.rec-no-video{padding:60px;text-align:center;color:var(--text-muted);font-size:1rem;background:var(--white);border:1px solid var(--border);border-radius:var(--radius-md);margin-bottom:40px;}

/* Share */
.rec-share{background:var(--white);border:1px solid var(--border);border-radius:var(--radius-md);padding:28px 24px;text-align:center;margin-bottom:40px;box-shadow:var(--shadow-sm);}
.rec-share-title{font-size:1.1rem;font-weight:900;color:var(--primary);margin-bottom:20px;display:flex;align-items:center;justify-content:center;gap:8px;}
.rec-share-title::before,.rec-share-title::after{content:'';flex:1;max-width:60px;height:1.5px;background:var(--border);}
.share-buttons{display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap;}
.share-btn{display:flex;flex-direction:column;align-items:center;gap:7px;text-decoration:none;transition:transform .2s;}
.share-btn:hover{transform:translateY(-4px);}
.share-btn-icon{width:56px;height:56px;border-radius:16px;display:flex;align-items:center;justify-content:center;overflow:hidden;box-shadow:0 3px 12px rgba(0,0,0,.12);}
.share-btn-icon img{width:60%;height:60%;object-fit:contain;filter:invert(1) brightness(10);}
.share-btn-label{font-size:.75rem;font-weight:700;color:var(--text-muted);}
.share-btn-icon.whatsapp{background:#25D366;}
.share-btn-icon.telegram{background:#229ED9;}
.share-btn-icon.twitter-x{background:#000;}
.share-btn-icon.facebook{background:#1877F2;}
.share-btn-icon.copy-link{background:var(--bg);border:1.5px solid var(--border);}
.share-btn-icon.copy-link img{filter:none;}
.share-copy-btn{display:flex;flex-direction:column;align-items:center;gap:7px;background:none;border:none;cursor:pointer;font-family:inherit;transition:transform .2s;padding:0;}
.share-copy-btn:hover{transform:translateY(-4px);}
.share-copy-btn .share-btn-label{color:var(--text-muted);font-size:.75rem;font-weight:700;}
.share-copy-btn.copied .share-btn-icon.copy-link{background:#e8f5e9;border-color:#4caf50;}
.share-copy-btn.copied .share-btn-label{color:#2e7d32;}

/* Nav */
.rec-nav{display:flex;justify-content:space-between;align-items:center;padding-top:24px;border-top:1px solid var(--border);gap:12px;flex-wrap:wrap;}
.rec-nav a{display:inline-flex;align-items:center;gap:8px;color:var(--primary);font-weight:700;text-decoration:none;font-size:.9rem;padding:10px 18px;border:1.5px solid var(--border);border-radius:50px;background:var(--white);transition:all .2s;white-space:nowrap;}
.rec-nav a:hover{background:var(--primary);color:#fff;border-color:var(--primary);}
.rec-nav .back-to-list{background:var(--bg);border-color:var(--primary-light);}

@media(max-width:520px){.rec-page{padding:28px 16px 60px;}.share-btn-icon{width:48px;height:48px;border-radius:12px;}.rec-nav{justify-content:center;}}