/*
Theme Name: Jobs Directory Modern
Theme URI: https://example.com/
Author: WPThemeMaster
Author URI: https://example.com/
Description: Modern bilingual directory theme (FA/EN) with RTL/LTR, Google Maps, Redux Theme Options, and sticky contact footer.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: jdm
Tags: directory, rtl, ltr, responsive, two-column, custom-colors
*/

/* Base Light Theme */
:root{
  --color-primary:#99BC85;
  --color-soft:#E4EFE7;
  --color-bg-1:#FDFAF6;
  --color-bg-2:#FAF1E6;
  --color-text:#333333;
  --color-link:#003366;
}

html{scroll-behavior:smooth;}
body{
  background: var(--color-bg-1);
  color: var(--color-text);
  font-family: Vazirmatn, ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, 'Apple Color Emoji','Segoe UI Emoji';
  line-height:1.7;
  margin:0;
}
a{color:var(--color-link); text-decoration:none}
a:hover{opacity:.85}

.container{max-width:1200px; margin:0 auto; padding:0 16px}

header.site-header{
  background: linear-gradient(180deg, var(--color-soft), var(--color-bg-1));
  border-bottom:1px solid #e9ecef;
}
.header-top{display:flex; align-items:center; justify-content:space-between; padding:12px 0}
.site-logo img{max-height:48px}
.nav-toggle{display:none; background:transparent; border:0; font-size:28px}

nav.primary-menu ul{display:flex; gap:20px; list-style:none; margin:0; padding:0}
nav.primary-menu a{padding:8px 10px; border-radius:8px}
nav.primary-menu a:hover{background:var(--color-soft)}

.hero{
  padding:48px 0 36px;
  background: var(--color-bg-2);
  border-top:1px solid rgba(0,0,0,.03);
}
.hero .title{margin:0 0 12px; font-size:32px}
.hero .subtitle{margin:0 0 20px; color:#555}
.search-box{background:white; border:1px solid #e5e7eb; border-radius:12px; padding:12px; display:grid; grid-template-columns: 1fr 1fr 1fr auto; gap:10px}
.search-box input, .search-box select{
  border:1px solid #d1d5db; border-radius:8px; padding:10px 12px; font-size:15px; background:#fff; color:#333
}
.search-box button{
  background:var(--color-primary); color:#fff; border:0; border-radius:10px; padding:10px 16px; font-weight:600; cursor:pointer
}

/* Cards */
.grid{display:grid; gap:16px}
.grid.cards-3{grid-template-columns: repeat(3, 1fr)}
.card{background:#fff; border:1px solid #eef0f2; border-radius:12px; overflow:hidden; box-shadow:0 4px 10px rgba(0,0,0,.03)}
.card .thumb img{width:100%; height:170px; object-fit:cover; display:block}
.card .content{padding:12px 14px}
.card .title{margin:0 0 6px; font-size:18px}
.badge{display:inline-block; padding:3px 8px; background:var(--color-soft); border-radius:999px; font-size:12px; color:#2b604b}

/* Footer */
.site-footer{margin-top:32px; background:var(--color-soft); padding:36px 0 0}
.footer-widgets{display:grid; grid-template-columns:repeat(4,1fr); gap:18px}
.site-copyright{margin-top:24px; border-top:1px solid #dfe7e2; padding:14px 0; font-size:14px; color:#555}

/* Sticky contact footer on single */
.sticky-contact{
  position:fixed; left:0; right:0; bottom:0; background:var(--color-primary); color:#fff; z-index:9999;
  display:flex; align-items:center; justify-content:center; gap:12px; padding:12px 16px; box-shadow:0 -4px 20px rgba(0,0,0,.1)
}
.sticky-contact a{color:#fff; font-weight:700; font-size:16px}
.sticky-contact .phone{font-weight:800}

/* Responsive */
@media (max-width: 1024px){
  .grid.cards-3{grid-template-columns: repeat(2,1fr)}
  .search-box{grid-template-columns: 1fr 1fr auto}
}

@media (max-width: 640px){
  .header-top{gap:10px}
  .nav-toggle{display:block}
  nav.primary-menu{display:none}
  nav.primary-menu.open{display:block}
  nav.primary-menu ul{flex-direction:column; gap:10px; padding:10px 0}
  .grid.cards-3{grid-template-columns: 1fr}
  .search-box{grid-template-columns: 1fr}
  .hero .title{font-size:24px}
}