/* ------------------------- General & Reset -------------------------  */
html{scroll-behavior:smooth;font-size:16px}
*{box-sizing:border-box}
body{margin:0;font-family:Arial,sans-serif;color:#333;line-height:1.6;-webkit-font-smoothing:antialiased}
.inv-container{width:95%;max-width:100%;margin:0 auto}
.inv-single-wrapper{width:85%;max-width:1140px;margin:0 auto}


/* -------------------------  Scroll to Top ------------------------- */
.inv-scroll-top{border: 2px solid #4a4331;position:fixed;bottom:30px;left:30px;background-color:var(--color-secondary);color:#fff;width:45px;height:45px;border-radius:0;display:flex;justify-content:center;align-items:center;z-index:999;opacity:0;visibility:hidden;transition:all .3s ease}
.inv-scroll-top.inv-show{opacity:1;visibility:visible}
.inv-scroll-top:hover{background-color:var(--color-accent);transform:translateY(-3px);color:var(--color-main)}


/* -------------------------  Header & Navbar ------------------------- */
.inv-sidenav{display:none}
.header-right{display:flex;gap:2rem}
.inv-header{background-color:#F6F1ED;padding:15px 0;position:sticky;top:0;z-index:999;border-bottom: solid 1px #0000000d;}
.inv-header-inner{display:flex;justify-content:space-between;align-items:center}
.inv-logo a{font-size:1.5rem;font-weight:700}
.inv-nav .inv-menu{display:flex;gap:20px}
.inv-nav ul{display:flex;gap:30px;list-style:none;margin:0;padding:0;align-items:center}
.inv-nav ul li a{font-size:16px;font-weight:500;color:var(--color-main);transition:color .3s ease;position:relative;font-family:var(--font-heading)}
.inv-nav ul li a:hover{color:var(--color-secondary)}
.inv-nav ul li a::after{content:'';position:absolute;width:0;height:2px;bottom:-5px;left:0;background-color:var(--color-secondary);transition:width .3s ease}
.inv-nav ul li a:hover::after{width:100%}
.inv-nav ul li.current-menu-item a{color:var(--color-secondary)}
.inv-nav ul li.current-menu-item a::after{width:100%;background-color:var(--color-secondary)}
.inv-humberger{display:none;flex-direction:column;gap:5px}
.inv-bar{width:25px;height:3px;background-color:#333;transition:.3s}
.inv-logo img.custom-logo{height:auto;width:160px;display:block}


/* ------------------------- Breadcrumbs ------------------------- */
.inv-breadcrumb-wrapper{background-color:#fffcfa;width:100%}
.inv-breadcrumb-inner{display:flex;justify-content:space-between;align-items:center;padding:20px 0}
.inv-breadcrumb-left{font-weight:700;font-size:20px}
.inv-breadcrumb-right{font-size:14px}
.inv-breadcrumb-right a,.inv-breadcrumb-right span{color:#000}


/* ------------------------- Footer ------------------------- */
.inv-footer{background-color:var(--color-main);padding:70px 0 0}
.inv-footer-wrap{display:flex;justify-content:space-between;margin-bottom:4rem}
.footer-right{display:flex;gap:40px}
.inv-footer-col1{width:40%;}
.inv-footer-title{color:#fff;font-size:1.25rem;margin-bottom:25px}
.inv-footer-widget p{color:#ccc;line-height:1.6;margin-bottom:15px;font-size:14px}
.inv-footer-widget ul{list-style:none;padding:0;margin:0}
.inv-footer-widget ul li{margin-bottom:15px}
.inv-footer-widget ul li a{color:#ccc;transition:color .3s ease;font-size:14px}
.inv-footer-widget ul li a:hover{color:#fff}
.inv-footer-bottom{display:flex;align-items:center;border-top:1px solid #ffffff1a;padding-top:1rem;text-align:left;font-size:14px;color:#ccc}


/* ------------------------- Main Content ------------------------- */
.inv-main-content{min-height:70vh;padding:80px 0 80px 0}
.inv-article{margin:0}


/* ------------------------- Archive & Grid Layout ------------------------- */
.inv-archive-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:30px}
.inv-card{display:flex;flex-direction:column;height:100%;border:1px solid #eaeaea;border-radius:12px;overflow:hidden;background:#fff;transition:transform .3s ease,box-shadow .3s ease}
.inv-card:hover{transform:translateY(-5px);box-shadow:0 10px 20px #0000000d}
.inv-thumbnail{width:100%;height:200px;object-fit:cover;display:block}
.inv-inner-post{padding:24px;display:flex;flex-direction:column;flex-grow:1}
.inv-headline-post{font-size:1.25rem;margin-bottom:10px;line-height:1.4}
.inv-metas-post{display:flex;flex-wrap:wrap;gap:10px;font-size:13px;color:var(--color-text);margin-bottom:7px;list-style:none;padding:0}
.inv-excerpt p{font-size:14px;color:var(--color-text);line-height:1.5;margin-bottom:20px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.inv-inner-post .btn{align-self:flex-start;margin-top:auto;margin-bottom:0;padding:5px 20px;font-size:14px;font-weight:500}
.inv-pagination{margin-top:40px;text-align:center}


/* ------------------------- Single Post ------------------------- */
.inv-entry-content{overflow-wrap:break-word;word-wrap:break-word}
.inv-related-wrapper{margin-top:40px;padding-top:30px;border-top:1px solid #0000000d}
.inv-related-title{margin-bottom:20px}
.inv-single-cover{margin:20px 0}
.inv-share-wrapper{margin-bottom:30px;margin-top:40px;border-top:solid 1px #0000000d}
.inv-share-title{font-size:1.1rem;margin-bottom:15px;color:var(--color-title);font-weight:600;padding-top:30px}
.inv-share-buttons{display:flex;gap:15px;flex-wrap:wrap}
.inv-share-btn{display:flex;align-items:center;justify-content:center;width:45px;height:45px;border-radius:50%;border:1px solid var(--color-text);color:var(--color-text);background-color:transparent;transition:all .3s ease;text-decoration:none}
.inv-share-btn svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.inv-share-facebook:hover{background-color:#1877F2;border-color:#1877F2;color:#fff}
.inv-share-x:hover{background-color:#000;border-color:#000;color:#fff}
.inv-share-instagram:hover{background:linear-gradient(45deg,#f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%);border-color:transparent;color:#fff}
.inv-share-whatsapp:hover{background-color:#25D366;border-color:#25D366;color:#fff}
.inv-share-telegram:hover{background-color:#08c;border-color:#08c;color:#fff}
.inv-share-btn{cursor:pointer;padding:0}
.inv-share-copylink:hover{background-color:var(--color-accent);border-color:var(--color-accent);color:#fff}


/* ------------------------- Single Comment ------------------------- */
.inv-comments-wrapper{margin-top:40px;padding:0;border-top:1px solid #0000000d}
.inv-comments-wrapper .comments-title{font-size:16px;margin-bottom:20px;color:var(--color-title)}
.inv-comments-wrapper .comment-list{list-style:none;padding:0;margin:0}
.inv-comments-wrapper .comment{margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid #0000000d}
.inv-comments-wrapper .comment-body{display:flex;flex-direction:column}
.inv-comments-wrapper .comment-meta{margin-bottom:10px;font-size:14px;color:var(--color-text);opacity:.8}
.inv-comments-wrapper .comment-content{color:var(--color-text);line-height:1.6}
.inv-comments-wrapper .comment-content p{margin-bottom:10px}
.inv-comments-wrapper .comment-reply-link{color:var(--color-accent);text-decoration:none;font-size:14px;font-weight:600;margin-top:10px;display:inline-block;transition:color .3s ease}
.inv-comments-wrapper .comment-reply-link:hover{color:var(--color-main)}
.inv-comments-wrapper .comment-respond{margin-top:40px}
.inv-comments-wrapper .comment-reply-title{font-size:1.25rem;margin-bottom:15px;color:var(--color-title)}
.inv-comments-wrapper .comment-form{display:flex;flex-direction:column;gap:15px}
.inv-comments-wrapper .comment-form label{display:block;margin-bottom:5px;color:var(--color-text);font-size:14px}
.inv-comments-wrapper .comment-form input[type="text"],
.inv-comments-wrapper .comment-form input[type="email"],
.inv-comments-wrapper .comment-form input[type="url"],
.inv-comments-wrapper .comment-form textarea{width:100%;padding:12px 15px;border:1px solid #0000001a;border-radius:8px;background:transparent;color:var(--color-text);font-family:inherit;transition:border-color .3s ease}
.inv-comments-wrapper .comment-form textarea{height:150px;min-height:120px;resize:vertical}
.inv-comments-wrapper .comment-form input:focus,.inv-comments-wrapper .comment-form textarea:focus{outline:none;border-color:var(--color-main)}
.inv-comments-wrapper .form-submit{margin-top:10px}
.inv-comments-wrapper .form-submit .submit{background:var(--color-main);color:#fff;border:none;padding:12px 25px;border-radius:8px;cursor:pointer;font-weight:700;transition:background .3s ease}
.inv-comments-wrapper .form-submit .submit:hover{background:var(--color-secondary)}


/* ------------------------- 404 Page Styles ------------------------- */ 
.inv-404-wrapper{text-align:center;max-width:600px;margin:80px auto;padding:20px}
.inv-404-heading{font-size:10rem;color:var(--color-main);line-height:1;margin-bottom:10px}
.inv-404-subheading{font-size:32px;color:var(--color-main);margin-bottom:15px;line-height:1.2}
.inv-404-desc{font-size:14px;color:var(--color-text);margin-bottom:40px}
.inv-404-search-form{max-width:420px;margin:0 auto 30px}
.inv-search-input-wrapper{display:flex;align-items:center;border:1px solid #888;background-color:#fff;padding:5px 15px}
.inv-search-icon{color:#555;margin-right:10px}
.inv-search-input{flex-grow:1;border:none;outline:none;padding:10px 5px;font-size:14px;color:var(--color-text)}
.inv-search-input::placeholder{color:#aaa}
.btn.inv-search-clear{padding:0}
.inv-search-clear{color:#555;display:flex;align-items:center;justify-content:center;padding:5px}
.inv-search-clear:hover{color:#000}