/*!
Theme Name: RPA English
Theme URI: https://russiaspivottoasia.com/
Author: Nisha Thapa
Author URI: https://russiaspivottoasia.com/
Description: A custom theme developed by Nisha Thapa
Version: 1.0.2
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: rpa-english
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready
*/

/* Menu */
#menu-menu.nav-desktop{width: 100%;}
#menu-menu.nav-desktop .menu-item.menu-search-item{margin-left: auto;}
ul.nav-mobile li a{display: block;}

/* Pagination */
section .swiper-pagination{position: unset;}
nav.post-navigation .nav-links{gap:4rem;}


/* Helpers */
footer.entry-footer{margin-top:2rem;}
footer.entry-footer .edit-link a{color:#828282}
/* Live Search Styles - ONLY Search-Specific CSS */
/* File: css/live-search.css */

section.hero-section .hero_description{
    display: -webkit-box;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* Search input focus styling */
.live-search-input:focus {
    outline: none;
    border-color: #265fae;
    box-shadow: 0 0 0 3px rgba(38, 95, 174, 0.1);
}

.live-search-input {
    transition: all 0.2s ease;
}

.live-search-input:focus {
    transform: scale(1.02);
}

/* Search term highlighting */
.search-result-item mark {
    background-color: #fef3c7;
    padding: 0 2px;
    border-radius: 2px;
    font-weight: 500;
}
.search-results-content h3{line-height: 1.6rem;}
.search-results-content h3 a{display: inline;padding:0;}

/* Pub TOC */
.pub-toc{
    color: #666;
    line-height: var(--leading-relaxed);
}
.pub-toc ul{
    margin-left: 2rem;
    list-style: disc;
}

/* Sidebar */
.sidebar-articles img.wp-post-image{max-width: 100px;}

/* Article page */
@media (min-width: 1024px) {
    .article-heading-over-image{
        min-height: 145px;
        padding: 2rem 3rem;
    }
    .article-content-over-image{
        padding:0 3rem;
    }
}

/* ==============================================
   WordPress Pagination Styles (Tailwind-Compatible)
   ============================================== */

.pagination .nav-links {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.5rem; /* 8px, like 'gap-2' */
  margin-top: 2rem; /* 32px, like 'mt-8' */
}

/* Base styles for all number blocks (links and spans) */
.page-numbers {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 2.5rem; /* 40px, like 'h-10' */
  min-width: 2.5rem; /* 40px, like 'w-10' */
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  font-size: 0.875rem; /* 14px, like 'text-sm' */
  font-weight: 500; /* like 'font-medium' */
  color: #374151; /* 'text-gray-700' */
  border: 1px solid #d1d5db; /* 'border-gray-300' */
  border-radius: 0.375rem; /* 'rounded-md' */
  transition: color 150ms ease-in-out, background-color 150ms ease-in-out;
  text-decoration: none;
}

/* Hover state for links */
a.page-numbers:hover {
  background-color: #f3f4f6; /* 'bg-gray-100' */
  color: #111827; /* 'text-gray-900' */
}

/* Active/current page state */
.page-numbers.current {
  background-color: #265fae; /* Your primary color */
  border-color: #265fae;
  color: #ffffff;
  cursor: default;
}

/* The '...' dots */
.page-numbers.dots {
  border: none;
  background-color: transparent;
}

/* Next/Prev arrow icon links */
.page-numbers .lucide {
  stroke: currentColor;
}


/* Loading spinner animation */
@keyframes spin {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}


.hero-section:before{
    background: linear-gradient(90deg, rgba(38, 95, 174, 1) 0%, rgba(38, 95, 174, 0.95) 80%, rgba(38, 95, 174, 0) 100%) !important;
}

.animate-spin {
    animation: spin 1s linear infinite;
}

/* Custom Helper for Fixed Sidebar Layout */
.news-lhs-layout {
    display: grid;
    grid-template-columns: 1fr; /* Mobile: Stacked */
    gap: 1.5rem; /* Matches gap-6 */
}

@media (min-width: 768px) {
    .news-lhs-layout {
        /* Desktop: Sidebar (350px) | Content (Rest of space) */
        grid-template-columns: 350px 1fr;
        gap: 3rem; /* Matches md:gap-12 */
    }
}

/* Subscription form */
form.subscription{max-width: 500px;margin:3rem auto;}


/* --- Forminator Custom Styling --- */

/* 1. Layout & Container */
/* Targets your specific form ID to prevent affecting other forms */
.forminator-ui {
    max-width: 100%; /* Adjust width as needed */
    margin: 0 auto;
    font-family: inherit;
}

/* 2. Hide Labels to match image style */
/* IMPORTANT: Go to Forminator Settings > Edit Field > Settings 
   and add "Placeholder" text (e.g., "Your Name") so users know what to type. */
.forminator-ui .forminator-label {
    display: none !important;
}

/* 3. Input Fields & Textareas */
.forminator-ui .forminator-input,
.forminator-ui .forminator-textarea {
    background-color: #ffffff !important;
    border: 1px solid #dbe3ef !important; /* Light blue-grey border */
    border-radius: 8px !important;       /* Rounded corners */
    padding: 16px 20px !important;       /* Generous internal spacing */
    font-size: 16px !important;
    color: #666 !important;
    box-shadow: none !important;
    transition: border-color 0.3s ease;
}

/* Input Focus State (When user clicks inside) */
.forminator-ui .forminator-input:focus,
.forminator-ui .forminator-textarea:focus {
    border-color: #285ba7 !important; /* Blue border highlight */
    outline: none;
}

/* 4. Spacing Adjustment */
.forminator-ui .forminator-row {
    margin-bottom: 15px !important;
}

/* 5. Submit Button */
.forminator-ui .forminator-button-submit {
    width: 100% !important;              /* Full width */
    background-color: #2358a6 !important; /* Royal Blue */
    color: #ffffff !important;
    font-weight: 600 !important;         /* Bold text */
    font-size: 18px !important;
    padding: 16px !important;            /* Tall button */
    border-radius: 8px !important;       /* Rounded corners */
    border: none !important;
    cursor: pointer;
    box-shadow: none !important;
    margin-top: 10px;
}

/* Button Hover State */
.forminator-ui .forminator-button-submit:hover {
    background-color: #1a4585 !important; /* Darker blue on hover */
    box-shadow: 0 4px 12px rgba(35, 88, 166, 0.2) !important;
}

/* 6. Error Message Cleanup (Optional) */
.forminator-ui .forminator-error-message {
    margin-top: 5px;
    font-size: 13px;
    color: #e04545;
}

/* Mobile Optimizations */
@media screen and (max-width: 767px) {

  .header-nav{
      display: none !important;
  }

}