/*
Theme Name: Fooundit Explore
Theme URI: https://fooundit.com
Author: Abhishek Pandey
Author URI: https://fooundit.com
Description: Minimal, secure, high-performance theme. Uses default WooCommerce templates. Bootstrap available for optional styling.
Version: 1.0.0
License: GNU General Public License v2 or later
Text Domain: fooundit-explore
Tags: blog, custom-logo, e-commerce, accessibility-ready, translation-ready
*/
/* Minimal CSS reset and theme variables. Keep this file very small. */
:root
{--content-width:1380px;--accent:#ec1e26;}
html,
body,
button,
input,
select,
textarea
{font-family:"Inter",sans-serif}
.site
{max-width:var(--content-width);margin:0 auto;padding:0 24px}
.site-title
{font-size:1.25rem;margin:0}
ol, ul {
padding-left: 1rem;
}
a
{text-decoration:none!important;}
.small, small {
font-size: .575em;
}
.post-meta
{
font-size: .875em;  
}
p
{
font-family: "Inter", sans-serif;
font-size: 15px;
color:#4e5c79ff!important;
margin: 0 0 1em;
line-height: 24px;
text-rendering: optimizeLegibility;    
}
b, strong {
font-weight: 600!important;
}
.widget-title
{
background: #f70d28;
border-radius: 2px;
color: #fff;
font-size: 1rem;
padding: 1rem 0;
text-align: center;
font-weight: 600;  
}
.site-single
{
padding: 1rem;
display: flow-root;
}
.site-single .container,
.site-single .content-area
{
display: flow-root;
}
.entry-header h1
{
font-size: 1.3rem;
margin-top: 0;
font-weight: 600;
line-height: 1.4;
margin-bottom: 1rem;
}
.fooundit-sidebar-widgets
{
border: 1px solid #e0e0e0;
background: #fff;
margin-bottom: 30px; 
}
.site-branding a img
{
width:40px;
height: auto;
}
.fooundit-container
{
width: auto;
margin: 0 auto;
padding: 0;    
}
.head
{
height: 70px;    
}
.wp-block-heading
{
font-size: 1.4rem;
font-weight:600;  
line-height: 1.4;
}
/* FIX MENU: Remove bullets + force horizontal flex */
nav.main-navigation ul,
nav.main-navigation li {
list-style:none !important;
margin:0;
padding:0;
display: flex;
gap: 20px;
}
nav.main-navigation .nav {
display:flex !important;
align-items:center;
gap:20px;
}
nav.main-navigation .nav > li > a {
text-decoration:none;
color:#222;
font-weight:500;
}
nav.main-navigation .nav > li > a:hover {
color:var(--accent);
}
.comment-respond
{
background: #f6f8fdff;
padding: 1rem 1.5rem;
border-radius: 4px;
margin-bottom: 1rem;    
}
label {
display: block;
}
.btn, .button, input[type=submit]{
border: none;
border-radius: 0;
background: #f70d28;
color: #fff;
padding: 0 20px;
line-height: 40px;
height: 40px;
display: inline-block;
cursor: pointer;
text-transform: uppercase;
font-size: 13px;
font-weight: 600;
letter-spacing: 1px;
outline: 0;
-webkit-appearance: none;
-webkit-transition: .3s ease;
transition: .3s ease;
}
.chosen-container-single .chosen-single, textarea {
background: #fff;
border: 1px solid #e0e0e0;
border-radius: 0.4rem;
padding: 7px 14px;
height: 40px;
outline: 0;
font-size: 14px;
font-weight: 300;
margin: 0;
width: 100%;
max-width: 100%;
-webkit-transition: all .2s ease;
transition: .25s ease;
box-shadow: none;
}
input[type="text"],
input[type="tel"],input[type="email"],
select {
width: 100%;
height: 50px;
border: 1px solid #cad8f0;
border-radius: 0.4rem;
padding: 0 14px;
font-size: 14px;
}
.footer
{
background: #fff;
border-top: 1px solid #f5f5f5;
padding: 2rem 0 6rem 0;
}
.fooundit-page-heading
{
background-color: #47B2E4 !important;
padding: 1rem;
border-top: 6px solid #003A80 !important;
font-size: 1.2rem;
}
.fooundit-page-title{    
font-size: 1.2rem !important;
font-weight: 600;
color:#fff;
}
.entry-content
{
margin:2rem 0;  
}
.fooundit-home-search
{
padding:28px 0 18px;
background:rgb(0, 58, 128);
}
.home-search
{
background: #fff;
    border-radius: .3rem;
    padding: .6rem;
    border: 0px;
}
.fooundit-home-search-card
{
/**background:#ffffff;
border:1px solid #d9e6fb;
border-radius:0.2rem;*/
padding:2rem 0;
}
.fooundit-home-search-kicker
{
font-size:12px;
font-weight:600;
text-transform:uppercase;
letter-spacing:.06em;
color:#0b6efd;
margin:0 0 8px !important;
}
.fooundit-home-search-title
{
font-size:clamp(1rem,2vw,1.4rem);
font-weight:600;
line-height:1.2;
color:#fff;
margin:0 0 14px;
}
.fooundit-home-search-form
{
display:flex;
align-items:center;
gap:10px;
}
.fooundit-home-search-input
{
height:55px;
border:1px solid #cad8f0;
border-radius:0.4rem;
padding:0 16px;
font-size:15px;
background:#fff;
width: 100%;
}
.fooundit-home-search-input:focus
{
outline:none;
box-shadow:0 0 0 3px rgba(11,110,253,.14);
}

.fooundit-home-search-btn
{
height:54px;
min-width:120px;
border:0;
border-radius:0.2rem;
background:#2957a3;
color:#fff;
font-size:14px;
font-weight:500;
letter-spacing:.04em;
padding:0 18px;
}

.fooundit-home-search-btn:hover
{
filter:brightness(.95);
}
.fooundit-404-page
{
min-height:calc(100vh - 160px);
}
.fooundit-404-search
{
}
.fooundit-404-card
{
padding:2rem;
text-align:center;
}
.fooundit-404-illustration
{
max-width:250px;
display:block;
margin:0 auto 18px;
}
.fooundit-404-title
{
font-size: 1.6rem;
line-height:1.2;
font-weight:600;
color:#1d3761;
margin:0 0 10px;
}

.fooundit-home-content
{
padding:8px 0 0;
}

.fooundit-top-posts
{
padding:2rem 0;
background:#f6f8fd;
border-bottom:1px solid #e5edf7;
}
.fooundit-top-posts-header
{
display:flex;
align-items:center;
justify-content:space-between;
margin-bottom:14px;
}
.fooundit-top-posts-title
{
margin:0;
font-size:1.2rem;
font-weight:600;
color:#10233e;
}
.fooundit-top-posts-more
{
font-size:13px;
font-weight:600;
color:#2957a3;
}
.fooundit-top-featured-card
{
background:#fff;
border:1px solid #d9e5f4;
border-radius:0.4rem;
overflow:hidden;
height:100%;
}
.fooundit-top-featured-image-wrap
{
display:block;
}
.fooundit-top-featured-image
{
display:block;
width:100%;
height:280px;
object-fit:cover;
}
.fooundit-top-featured-body
{
padding:16px;
}
.fooundit-top-post-category
{
margin:0 0 8px !important;
font-size:11px;
font-weight:600;
text-transform:uppercase;
letter-spacing:.05em;
color:#2957a3 !important;
}
.fooundit-top-featured-title
{
margin:0 0 8px;
font-size:1.25rem;
line-height:1.3;
font-weight:600;
}
.fooundit-top-featured-title a
{
color:#13223f;
}
.fooundit-top-featured-title a:hover
{
color:#2957a3;
}
.fooundit-top-featured-excerpt
{
margin:0 0 10px !important;
font-size:14px;
line-height:1.6;
color:#586781 !important;
}
.fooundit-top-featured-date
{
margin:0 !important;
font-size:12px;
font-weight:600;
color:#6f7f96 !important;
}
.fooundit-top-posts-list
{
display:flex;
flex-direction:column;
gap:10px;
}
.fooundit-top-list-item
{
display:flex;
gap:12px;
align-items:flex-start;
padding:10px;
background:#fff;
border:1px solid #d9e5f4;
border-radius:0.4rem;
}
.fooundit-top-list-image-wrap
{
display:block;
width:84px;
min-width:84px;
}
.fooundit-top-list-image
{
display:block;
width:84px;
height:70px;
object-fit:cover;
border-radius:0.4rem;
}
.fooundit-top-list-image-placeholder
{
display:block;
width:84px;
height:70px;
border-radius:6px;
background:#e8eef8;
}
.fooundit-top-list-body
{
min-width:0;
}
.fooundit-top-list-title
{
margin:0 0 6px;
font-size:14px;
line-height:1.4;
font-weight:600;
}
.fooundit-top-list-title a
{
color:#13223f;
}
.fooundit-top-list-title a:hover
{
color:#2957a3;
}
.fooundit-top-list-date
{
margin:0 !important;
font-size:10px;
font-weight:500;
color:#6f7f96 !important;
}

.fooundit-card-image
{
display:block;
width:100%;
height:220px;
object-fit:cover;
}

/* Scroll-up AJAX search bar (navbar stays normal, not sticky) */
.header
{
position:relative;
background:#fff;
transition:box-shadow .2s ease;
}
.fooundit-scroll-search-wrap
{
max-height:0;
opacity:0;
overflow:hidden;
transform:translateY(-100%);
transition:max-height .22s ease,opacity .18s ease,transform .18s ease,padding .18s ease;
border-bottom:0;
background:#fff;
padding:0;
pointer-events:none;
position:fixed;
top:0;
left:0;
right:0;
z-index:1060;
box-shadow:0 8px 18px rgba(15,23,42,.08);
}
body.admin-bar .fooundit-scroll-search-wrap
{
top:32px;
}
body.fooundit-show-scroll-search .fooundit-scroll-search-wrap
{
max-height:96px;
opacity:1;
transform:translateY(0);
padding:10px 0;
pointer-events:auto;
overflow:visible;
border-bottom:1px solid #e6edf5;
}
.fooundit-scroll-search-form
{
display:flex;
align-items:center;
gap:10px;
position:relative;
flex-wrap:nowrap;
}
.fooundit-scroll-search-brand
{
width:40px;
display:inline-flex;
align-items:center;
justify-content:center;
flex:0 0 40px;
background:#ffffff;
overflow:hidden;
}
.fooundit-scroll-search-brand img
{
width:100%;
height:100%;
object-fit:contain;
display:block;
}
.fooundit-scroll-search-brand-text
{
font-size:10px;
font-weight:600;
line-height:1.1;
text-align:center;
color:#1f2f4f;
padding:4px;
}
.fooundit-scroll-search-input
{
width:auto;
flex:1 1 auto;
min-width:0;
height:50px;
border:1px solid #cad8f0;
border-radius:0.4rem;
padding:0 14px;
font-size:14px;
}
.fooundit-scroll-search-input:focus
{
outline:none;
box-shadow:0 0 0 3px rgba(11,110,253,.14);
}
.fooundit-scroll-search-results
{
position:absolute;
left:0;
right:0;
top:calc(100% + 8px);
background:#fff;
border:1px solid #d6e1f2;
border-radius:10px;
box-shadow:0 12px 30px rgba(15,23,42,.12);
z-index:999;
max-height:380px;
overflow:auto;
}
.fooundit-scroll-search-results[hidden]
{
display:none;
}
.fooundit-scroll-search-results-list
{
list-style:none;
margin:0;
padding:6px;
}
.fooundit-scroll-search-results-item a
{
display:block;
padding:10px 12px;
border-radius:0.4rem;
color:#14233f;
line-height:1.4;
font-size:14px;
}
.fooundit-scroll-search-results-item a:hover
{
background:#f2f7ff;
color:#0b6efd;
}
.fooundit-scroll-search-results-item small
{
color:#6b7280;
font-size:11px;
font-weight:500;
}
.fooundit-scroll-search-results-empty
{
padding:12px 14px;
font-size:13px;
color:#6b7280;
}
.footer-mobile {
display: none;
}
@media (max-width:767px){
.fooundit-home-search-form{flex-direction:column;align-items:stretch}
.fooundit-home-search-btn{width:100%}
.fooundit-scroll-search-form{flex-direction:row;align-items:center}
.fooundit-top-posts{padding:20px 0 8px}
.fooundit-top-posts-header{margin-bottom:10px}
.fooundit-top-featured-image{height:220px}
.fooundit-top-featured-title{font-size:1.05rem}
.fooundit-card-image{height:190px}
.fooundit-404-card{padding:24px 16px 18px}
.fooundit-404-title{font-size:1.5rem}
.fooundit-404-text{font-size:1.02rem}
.fooundit-404-text-strong{font-size:1.15rem}
.footer-mobile {
bottom: -1px;
display: block;
left: 0;
overflow: hidden;
position: fixed;
width: 100vw;
z-index: 100;
}
.footer-mobile .menu--footer {
align-items: center;
background: #ffffff;
display: flex;
justify-content: center;
list-style: none;
padding: 0 10px;
margin:0px;
border-top: 1px solid #2957a3;
}
.footer-mobile .menu--footer li {
flex-grow: 1;
padding: 5px 0 !important;
position: relative;
text-align: center;
}
}
@media (max-width:782px){
body.admin-bar .fooundit-scroll-search-wrap{top:46px}
}