/*
Theme Name: Sigma 2.0
Theme URI: https://sigmagroup.org.np/themes/sigma 2.0/
Author: Sigma Group Team
Author URI: https://sigmagroup.org.np/
Description: Our default theme for 2026 is designed to take full advantage of the flexibility of the block editor. Organizations and businesses have the ability to create dynamic landing pages with endless layouts using the group and column blocks. The centered content column and fine-tuned typography also makes it perfect for traditional blogs. Complete editor styles give you a good idea of what your content will look like, even before you publish. You can give your site a personal touch by changing the background colors and the accent color in the Customizer. The colors of all elements on your site are automatically calculated based on the colors you pick, ensuring a high, accessible color contrast for your visitors.
Tags: blog, one-column, custom-background, custom-colors, custom-logo, custom-menu, editor-style, featured-images, footer-widgets, full-width-template, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready, block-styles, wide-blocks, accessibility-ready
Version: 1.3
Requires at least: 5.0
Tested up to: 5.4
Requires PHP: 7.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: sigma 2.0
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

.comment-thread{
    list-style:none;
    padding:0;
    margin:0;
}

.comment-thread li{
    list-style:none;
}

/* Main Comment */
.comment-box{
    display:flex;
    gap:14px;
    padding:18px;
    border-radius:14px;
    margin-bottom:15px;
}

.is-main{
    background:#ffffff;
    border:1px solid #e4e4e4;
}

/* Reply */
.is-reply{
    background:#f8f9ff;
    border-left:4px solid #4a6cf7;
    margin-left:60px;
    margin-top:12px;
}

.comment-avatar img{
    border-radius:50%;
}

.comment-body{
    flex:1;
}

.comment-top{
    display:flex;
    gap:12px;
    align-items:center;
    margin-bottom:8px;
}

.comment-top strong{
    font-size:15px;
}

.comment-top span{
    font-size:12px;
    color:#888;
}

.comment-text{
    font-size:15px;
    line-height:1.6;
    margin-bottom:10px;
}

.comment-actions a{
    font-size:14px;
    color:#4a6cf7;
    text-decoration:none;
    font-weight:600;
}

/* Nested Reply */
.children{
    margin:0;
    padding:0;
}

.mention{
    color:#4a6cf7;
    font-weight:600;
    background:#eef2ff;
    padding:2px 6px;
    border-radius:6px;
}

.reply-btn{
    cursor:pointer;
}

.ok-user-profile-wrap {
    position: relative;
    display: inline-block;
    margin-left: 15px;
    vertical-align: middle;
}
.ok-login-trigger img {
    border-radius: 50%;
    cursor: pointer;
    border: 1px solid #ddd;
}
.ok-user-dropdown {
    display: none;
    position: absolute;
    right: 0;
    top: 100%;
    background: #2260bf;
    min-width: 160px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
    z-index: 999;
    padding: 10px 0;
    border-radius: 4px;
}
.ok-user-profile-wrap:hover .ok-user-dropdown {
    display: block;
}
.ok-user-dropdown ul { list-style: none; margin: 0; padding: 0; }
.ok-user-dropdown ul li { padding: 8px 15px; border-bottom: 1px solid #f5f5f5; }
.ok-user-dropdown ul li.user-greeting { font-weight: bold; color: #1a56a6; }
.ok-user-dropdown ul li a { text-decoration: none; color: #333; font-size: 14px; }
.ok-user-dropdown ul li a i { margin-right: 8px; color: #ffffff; }

.user-round-photo {
    border-radius: 50%;
    vertical-align: middle;
}
/* आइकन र फोटोलाई एउटा मात्र बनाउन र साइज मिलाउन */
.ok-user-profile-wrap .ok-login-trigger i {
    font-size: 20px; /* आइकनको साइज */
    display: inline-block;
}

.user-round-photo {
    border-radius: 50%;
    width: 32px;
    height: 32px;
    object-fit: cover;
    border: 1px solid #eee;
}

/* ड्रपडाउनलाई मिलाउने */
.ok-user-profile-wrap:hover .ok-user-dropdown {
    display: block;
}
/* Mobile Bottom Tab */
.ok-foot-tab {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background: #ffffff;
    box-shadow: 0 -2px 15px rgba(0,0,0,0.1);
    z-index: 999;
    padding: 8px 0;
    border-top: 1px solid #eee;
    transition: transform 0.3s ease-in-out; /* लुकाउन र देखाउनका लागि */
    display: none; /* सुरुमा डेस्कटपमा लुकाउने */
}

@media screen and (max-width: 768px) {
    .ok-foot-tab { display: block; } /* मोबाइलमा मात्र देखाउने */
}

.ok-foot-tab .flx {
    display: flex;
    justify-content: space-around;
    align-items: center;
}

.ok-foot-tab a {
    text-decoration: none;
    color: #555;
    text-align: center;
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
}

.ok-foot-tab a i {
    font-size: 18px;
    color: #1a56a6; /* तपाईँको ब्रान्ड कलर */
}

.ok-foot-tab a span {
    font-size: 11px;
    font-weight: 500;
}

/* प्रोफाइल फोटो मेनुमा */
.tab-avatar {
    border-radius: 50%;
    border: 1px solid #1a56a6;
}

/* स्क्रोल गर्दा लुकाउने क्लास */
.nav-hidden {
    transform: translateY(100%);
}

/* फुटरमा पुग्दा लुकाउने क्लास */
.nav-at-bottom {
    opacity: 0;
    pointer-events: none;
}
    .ok-reset-password-form {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.8); /* कालो धमिलो ब्याकग्राउण्ड */
    z-index: 999999; /* सबैभन्दा माथि देखाउन */
    display: none; /* सुरुमा लुकाउन */
    align-items: center;
    justify-content: center;
}

.ok-reset-password-form .flx {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    width: 100%;
}
/* Password Reset Popup Styling */
.ok-reset-password-form {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7); /* हल्का कालो पारदर्शी ब्याकग्राउण्ड */
    z-index: 99999;
    display: none; /* JS ले यसलाई flex बनाउँछ */
    align-items: center;
    justify-content: center;
    padding: 15px;
    backdrop-filter: blur(5px); /* ब्याकग्राउण्ड धमिलो बनाउन */
}

/* Card Styling */
.ok-reset-password-form .ok-signup-popup-card {
    background: #fff;
    width: 100%;
    max-width: 420px;
    padding: 35px 30px;
    border-radius: 12px;
    position: relative;
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.2);
    animation: ok-pop-in 0.3s ease-out;
}

/* Close Button (+) */
.ok-reset-password-form .ok-close-pop {
    position: absolute;
    top: 15px;
    right: 20px;
    font-size: 30px;
    color: #999;
    cursor: pointer;
    line-height: 1;
    transform: rotate(45deg); /* + लाई x बनाउन */
    transition: 0.3s;
}

.ok-reset-password-form .ok-close-pop:hover {
    color: #e63946;
}

/* Title & Description */
.ok-reset-password-form h3 {
    margin: 0 0 15px;
    font-size: 24px;
    color: #1a56a6;
    font-weight: 700;
    text-align: center;
}

.ok-reset-password-form p {
    font-size: 14px;
    color: #555;
    line-height: 1.6;
    text-align: center;
    margin-bottom: 25px;
}

/* Input Fields */
.ok-reset-password-form .ok-frm-fld {
    margin-bottom: 20px;
}

.ok-reset-password-form input[type="email"],
.ok-reset-password-form input[type="password"] {
    width: 100%;
    padding: 12px 15px;
    border: 1px solid #ddd;
    border-radius: 6px;
    font-size: 15px;
    transition: 0.3s;
    outline: none;
}

.ok-reset-password-form input:focus {
    border-color: #1a56a6;
    box-shadow: 0 0 0 3px rgba(26, 86, 166, 0.1);
}

/* Button Styling */
.ok-reset-password-form .ok-btn.primary {
    width: 100%;
    padding: 13px;
    background: #1a56a6;
    color: #fff;
    border: none;
    border-radius: 6px;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: 0.3s;
    display: inline-block;
    text-align: center;
}

.ok-reset-password-form .ok-btn.primary:hover {
    background: #144485;
    box-shadow: 0 4px 12px rgba(26, 86, 166, 0.2);
}

.ok-reset-password-form .ok-btn.primary:disabled {
    background: #ccc;
    cursor: not-allowed;
}

/* Back to Login Link */
.ok-reset-password-form .back-to-login {
    display: block;
    text-align: center;
    margin-top: 15px;
    color: #1a56a6;
    text-decoration: none;
    font-size: 14px;
    font-weight: 500;
}

.ok-reset-password-form .back-to-login:hover {
    text-decoration: underline;
}

/* Status Messages */
.ok-reset-message {
    margin-top: 15px;
    text-align: center;
    font-size: 14px;
}

.ok-reset-message p {
    padding: 10px;
    border-radius: 4px;
    margin: 0;
}

/* Animation */
@keyframes ok-pop-in {
    from { opacity: 0; transform: scale(0.9); }
    to { opacity: 1; transform: scale(1); }
}

/* Responsive Adjustments */
@media screen and (max-width: 480px) {
    .ok-reset-password-form .ok-signup-popup-card {
        padding: 30px 20px;
    }
    
    .ok-reset-password-form h3 {
        font-size: 20px;
    }
}
@media screen and (max-width: 767px) {
    .ok-footer-editor-info .copy-right {
        padding-bottom:100px !important;
        display:none;
    }
}

/* Reel Popup Styling */
.reel-popup-overlay {
    display: none;
    position: fixed;
    z-index: 9999;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.95);
    justify-content: center;
    align-items: center;
}

.reel-popup-content {
    position: relative;
    width: 100%;
    max-width: 400px; /* TikTok mobile width */
    height: 80vh;
    display: flex;
    flex-direction: column;
}

.close-reel {
    position: absolute;
    right: -50px;
    top: 0;
    color: white;
    font-size: 40px;
    font-weight: bold;
    cursor: pointer;
}

.reel-video-wrapper {
    width: 100%;
    height: 100%;
    background: #000;
    border-radius: 12px;
    overflow: hidden;
    position: relative;
}

#popupVideo {
    width: 100%;
    height: 100%;
    object-fit: cover; /* This makes it look like a reel */
}

.reel-info {
    position: absolute;
    bottom: 20px;
    left: 20px;
    color: white;
    text-shadow: 1px 1px 5px rgba(0,0,0,0.5);
}

@media (max-width: 600px) {
    .reel-popup-content { height: 100%; max-width: 100%; }
    .close-reel { right: 20px; top: 20px; z-index: 10; }
}

.story-overlay {
    display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%;
    background: rgba(0,0,0,0.95); z-index: 99999; justify-content: center; align-items: center;
}
.story-container {
    width: 100%; max-width: 450px; height: 90vh; position: relative; background: #000;
}
.story-img-box { width: 100%; height: 100%; display: flex; align-items: center; }
.story-img-box img { width: 100%; height: 100%; object-fit: contain; }
.close-story { position: absolute; top: -40px; right: 0; color: #fff; font-size: 35px; cursor: pointer; }
.progress-container {
    position: absolute; top: 10px; width: 96%; left: 2%; display: flex; gap: 5px; z-index: 10;
}
.p-bar { height: 3px; flex: 1; background: rgba(255,255,255,0.3); border-radius: 2px; overflow: hidden; }
.p-fill { height: 100%; background: #fff; width: 0%; transition: width 0.1s linear; }
.story-nav { position: absolute; top: 0; width: 50%; height: 100%; z-index: 5; }
.nav-left { left: 0; cursor: url('left-arrow.png'), auto; }
.nav-right { right: 0; cursor: url('right-arrow.png'), auto; }