body {background: #f5f5f5;font-family: 'iranyekanwebfn', sans-serif}
a, a:hover { text-decoration: none; }
a:focus, a:active { outline: none; box-shadow: none; }
.container, input, #preview, #video-details, h2, p, span {font-family: 'iranyekanwebfn', sans-serif}
.main { max-width: 100%; }
#youtube_url {border: 1px solid #dadce0;border-radius: 25px;padding: 0.75rem;background-color: #fff;transition: all 0.2s ease;text-align: center}
#youtube_url:focus {border-color: #ff0000;box-shadow: 0 0 0 1px rgba(26, 115, 232, 0.2)}
#preview-content {border-radius: 6px;transition: transform 0.2s ease, background-color 0.2s ease}
#preview img {width: 150px}
#preview p { text-align: center; }
#preview span { padding: 0 5px; }
.thumbnail-img {object-fit: cover;width: 100%;border-radius: 12px;box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3)}
.thumbnail-img img {width: 100%;height: auto;border-radius: 12px;transition: transform 0.2s ease}
#popular-videos-table a{font-size:16px;color: #ff0000}
a.ch-links{background-color:#ff0000;color:#fff;padding: 2px 5px;border-radius: 5px}
img.ch-avatar{max-width: 125px}
li.playlists a{padding: 2px 5px;border-radius: 5px;display: inline-block;margin: 4px 0}
li.last-upload a, li.Popular-video a{padding: 2px 5px;border-radius: 5px}
li.ch-cats a{padding: 2px 5px;border-radius: 5px}
#video-details p { margin-bottom: 0.5rem; color: #202124; }
.video-detail {border-radius: 12px;box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);font-size: 15px}
.video-detail h2 { text-align: center; }
.video-detail li {list-style-type: none;border-bottom: 1px solid #cbc9c9;padding: 5px 0}
.video-detail li:last-child { border-bottom: none; }
.description, .tags, .translate, .playlists, .Popular-video {text-align: justify}
.channel-card p{height: 45px;margin-top: 5px}
.text-danger { color: #dc3545; }
.text-warning { color: #ffc107; }
.text-success { color: #28a745; }
.text-muted  { color: #6c757d; }
.text-info   { color: #17a2b8; }
.bg-green  { background-color: #34A853; }
.bg-blue   { background-color: #4285F4; }
.bg-red    { background-color: #EA4335; }
.bg-yellow { background-color: #FBBC05; }
#engagement-chart {height: 350px;width: 100%;margin-top: 10px;border-radius: 6px;box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3)}
.share-section-links { direction: ltr; gap: .5rem; }
.share-section a { font-size: 22px; }
.share-section a:hover { text-decoration: underline; }
.seo-analysis h3 { text-align: center; }
.seo-card {border-radius: 14px;box-shadow: 0 4px 15px rgba(0, 0, 0, 0.07);padding: 15px;background: #fff;margin-bottom: 20px}
.seo-card p { font-size: 14px; color: #666; margin: 0; }
.seo-extra h3 { text-align: center; font-size: 24px; color: #333; }
.seo-extra h5 { text-align: center; font-size: 18px; color: #666; }
#popular-videos-table h3 { text-align: center; }
#popular-videos-table .table thead {background: linear-gradient(90deg, #007bff, #6610f2);color: #fff}
.channels-section h4 { text-align: center; }
.channel-card {transition: box-shadow 0.3s;flex-direction: column;text-align: center}
.channel-card img {max-width: 100px}
.channel-card a {color: #fff;background: #ff0000;border-radius: 5px;padding: 5px 11px;font-size: 13px;text-decoration: none}
.channel-card:hover { box-shadow: 0 4px 8px rgba(0,0,0,0.1); }
.share-section-links i {font-size: 26px;transition: transform 0.2s ease, opacity 0.2s ease}
.share-section-links .fa-facebook-f { color: #1877F2; }
.share-section-links .fa-x-twitter { color: #000000; }
.share-section-links .fa-telegram { color: #0088cc; }
.share-section-links .fa-whatsapp { color: #25D366; }
.share-section-links .fa-instagram {background: linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent}
.share-section-links .fa-linkedin-in { color: #0077B5; }
.share-section-links .fa-comment-sms { color: #6c757d; }
.share-section-links .fa-envelope { color: #D44638; }
.share-section-links i:hover {transform: scale(1.2);opacity: 0.8}
.footer-links{text-align:center}
.footer-links a{color:#333;padding: 0 15px;font-size: 15px}
.wpcf7 form {background: #ffffff;padding: 30px;border-radius: 20px;max-width: 600px;margin: 30px auto;direction: rtl}
.wpcf7-form p {margin-bottom: 20px}
.wpcf7-form label {display: block;font-size: 15px;font-weight: 600;margin-bottom: 8px;color: #333}
.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"],
.wpcf7 textarea,
.wpcf7 select {width: 100%;padding: 14px 16px;border: 2px solid #eee;border-radius: 12px;background: #fafafa;font-size: 14px;color: #333;transition: all 0.3s ease;direction: rtl}
.wpcf7 input[type="text"]:focus,
.wpcf7 input[type="email"]:focus,
.wpcf7 input[type="tel"]:focus,
.wpcf7 textarea:focus,
.wpcf7 select:focus {border-color: #dc2626;background: #fff;box-shadow: 0 0 8px rgba(220,38,38,0.3);outline: none}
.wpcf7 input[type="submit"] {width: 100%;background: linear-gradient(135deg,#dc2626,#b91c1c);color: #fff;font-size: 16px;font-weight: 600;padding: 14px;border: none;border-radius: 12px;cursor: pointer;transition: all 0.3s ease;box-shadow: 0 5px 15px rgba(220,38,38,0.3)}
.wpcf7 input[type="submit"]:hover {background: linear-gradient(135deg,#b91c1c,#991b1b);transform: translateY(-2px);box-shadow: 0 8px 20px rgba(220,38,38,0.4)}
.wpcf7 form.sent .wpcf7-response-output {border: none;background: #f0fdf4;color: #166534;padding: 15px;border-radius: 10px;text-align: center}
.wpcf7 form.invalid .wpcf7-response-output {border: none;background: #fef2f2;color: #991b1b;padding: 15px;border-radius: 10px;text-align: center}
p.feedback{height: 45px}
@media (max-width: 768px) {
  #preview img { width: 100px; }
  .thumbnail-img img { max-width: 100%; height: auto; }
  .channel-card img { max-width: 70px; }
  .seo-card { margin-bottom: 15px; }
  #engagement-chart { height: 250px; }
}