/*
Theme Name: ClassifiedBoard Style (Yad2 Inspired)
Theme URI: https://example.com
Author: Custom Build
Description: תבנית וורדפרס בהשראת לוח מודעות/מרקטפלייס מקומי (כמו יד2) - חיפוש עם פילטרים, קטגוריות (רכב/נדל"ן/כללי), כרטיסי מודעה, עמוד מודעה בודד עם חשיפת טלפון, מודעות שמורות, פאנל הגדרות מלא, מספר דמואים, רספונסיבי לחלוטין.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: cb-style
Tags: classifieds, marketplace, listings, real-estate, vehicles, responsive, customizer
*/

/* =========================================================
   0. RESET & BASE
========================================================= */
*,*::before,*::after{box-sizing:border-box;}
body{
	margin:0;
	font-family: -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
	color: var(--cb-text, #222);
	background: var(--cb-bg, #f2f2f2);
	font-size:14px;
	line-height:1.5;
}
img{max-width:100%;height:auto;display:block;}
a{text-decoration:none;color:inherit;}
ul{list-style:none;margin:0;padding:0;}
button{cursor:pointer;font-family:inherit;border:none;background:none;color:inherit;}
.container{max-width:1280px;margin:0 auto;padding:0 16px;}

/* =========================================================
   1. CSS VARIABLES
========================================================= */
:root{
	--cb-primary: #0073ff;      /* צבע ראשי - כפתורים, קישורים */
	--cb-secondary: #ffc600;    /* צבע משני - מחירים/הדגשות */
	--cb-text: #222222;
	--cb-text-muted: #767676;
	--cb-bg: #f2f2f2;
	--cb-header-bg: #ffffff;
	--cb-card-bg: #ffffff;
	--cb-radius: 8px;
	--cb-grid-cols: 4;
	--cb-grid-gap: 16px;
}

/* =========================================================
   2. HEADER
========================================================= */
.cb-header{
	background:var(--cb-header-bg);
	border-bottom:1px solid #e5e5e5;
	position:sticky;top:0;z-index:999;
}
.cb-header-top{display:flex;align-items:center;gap:20px;padding:14px 0;}
.cb-logo{font-size:24px;font-weight:800;color:var(--cb-primary);}
.cb-header-nav{display:flex;gap:20px;margin-inline-start:12px;}
.cb-header-nav a{font-weight:600;font-size:14px;padding:6px 0;}
.cb-header-nav a:hover{color:var(--cb-primary);}
.cb-header-icons{display:flex;align-items:center;gap:16px;margin-inline-start:auto;}
.cb-header-icons a{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:600;}
.cb-post-ad-btn{
	background:var(--cb-primary);color:#fff;padding:10px 20px;border-radius:var(--cb-radius);font-weight:700;
}

/* =========================================================
   3. SEARCH BAR (חיפוש + מיקום + קטגוריה)
========================================================= */
.cb-search-bar{
	background: var(--cb-primary);
	padding:18px 0;
}
.cb-search-form{
	display:flex;background:#fff;border-radius:var(--cb-radius);overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,.15);
}
.cb-search-form select, .cb-search-form input[type="text"]{
	border:none;padding:14px 16px;font-size:14px;outline:none;background:#fff;
	border-inline-end:1px solid #eee;
}
.cb-search-form select{min-width:150px;}
.cb-search-form input[type="text"]{flex:1;}
.cb-search-form button{
	background:var(--cb-secondary);color:#222;font-weight:700;padding:0 28px;font-size:15px;
}

/* =========================================================
   4. CATEGORY ICON BAR (רכב/נדל"ן/כללי...)
========================================================= */
.cb-category-bar{
	display:flex;gap:12px;overflow-x:auto;padding:20px 0;
}
.cb-category-card{
	flex:0 0 140px;background:var(--cb-card-bg);border-radius:var(--cb-radius);
	padding:16px 10px;text-align:center;box-shadow:0 1px 3px rgba(0,0,0,.08);
}
.cb-category-card .cb-cat-icon{font-size:28px;margin-bottom:8px;}
.cb-category-card .cb-cat-name{font-weight:700;font-size:13px;}
.cb-category-card .cb-cat-count{font-size:11px;color:var(--cb-text-muted);}
.cb-category-card:hover{box-shadow:0 4px 12px rgba(0,0,0,.12);}

/* =========================================================
   5. LISTING LAYOUT (חנות/רשימת מודעות עם סיידבר פילטרים)
========================================================= */
.cb-listing-layout{display:grid;grid-template-columns:260px 1fr;gap:20px;padding:20px 0;align-items:start;}
.cb-filters-widget{background:var(--cb-card-bg);border-radius:var(--cb-radius);padding:16px;margin-bottom:16px;}
.cb-filters-widget h4{font-size:13px;margin:0 0 10px;text-transform:uppercase;color:var(--cb-text-muted);}
.cb-filter-row{display:flex;gap:8px;margin-bottom:10px;}
.cb-filter-row input{width:100%;padding:8px;border:1px solid #ddd;border-radius:4px;font-size:13px;}
.cb-filters-widget label{display:flex;align-items:center;gap:6px;font-size:13px;padding:5px 0;}
.cb-filters-apply{
	width:100%;background:var(--cb-primary);color:#fff;padding:10px;border-radius:var(--cb-radius);font-weight:700;margin-top:8px;
}

/* =========================================================
   6. LISTING GRID / CARDS
========================================================= */
.cb-listing-grid{
	display:grid;
	grid-template-columns:repeat(var(--cb-grid-cols), 1fr);
	gap:var(--cb-grid-gap);
}
.cb-listing-card{
	background:var(--cb-card-bg);border-radius:var(--cb-radius);overflow:hidden;
	box-shadow:0 1px 3px rgba(0,0,0,.08);position:relative;transition:box-shadow .2s,transform .2s;
}
.cb-listing-card:hover{box-shadow:0 6px 18px rgba(0,0,0,.12);transform:translateY(-2px);}
.cb-listing-thumb{aspect-ratio:4/3;background:#eee;overflow:hidden;position:relative;}
.cb-listing-thumb img{width:100%;height:100%;object-fit:cover;}
.cb-listing-save-btn{
	position:absolute;top:8px;inset-inline-end:8px;
	width:32px;height:32px;border-radius:50%;background:rgba(255,255,255,.9);
	display:flex;align-items:center;justify-content:center;font-size:16px;
}
.cb-listing-save-btn.saved{color:var(--cb-primary);}
.cb-listing-badge{
	position:absolute;top:8px;inset-inline-start:8px;
	background:var(--cb-secondary);color:#222;font-size:10px;font-weight:700;padding:3px 8px;border-radius:4px;
}
.cb-listing-info{padding:12px;}
.cb-listing-price{font-size:18px;font-weight:800;color:var(--cb-text);margin-bottom:4px;}
.cb-listing-title{font-size:13px;height:36px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:6px;}
.cb-listing-meta{font-size:11px;color:var(--cb-text-muted);display:flex;justify-content:space-between;}

/* =========================================================
   7. SINGLE LISTING PAGE
========================================================= */
.cb-single-listing{display:grid;grid-template-columns:1fr 340px;gap:24px;padding:24px 0;align-items:start;}
.cb-single-gallery{background:var(--cb-card-bg);border-radius:var(--cb-radius);overflow:hidden;}
.cb-single-gallery .cb-main-image{aspect-ratio:16/10;background:#eee;}
.cb-single-gallery .cb-main-image img{width:100%;height:100%;object-fit:cover;}
.cb-thumb-strip{display:flex;gap:6px;padding:8px;overflow-x:auto;}
.cb-thumb-strip img{width:70px;height:56px;object-fit:cover;border-radius:4px;cursor:pointer;}
.cb-single-details{background:var(--cb-card-bg);border-radius:var(--cb-radius);padding:20px;margin-top:16px;}
.cb-single-details h1{font-size:22px;margin:0 0 8px;}
.cb-single-price{font-size:26px;font-weight:800;color:var(--cb-primary);margin-bottom:12px;}
.cb-spec-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:16px 0;}
.cb-spec-item{background:var(--cb-bg);border-radius:6px;padding:10px;font-size:13px;}
.cb-spec-item strong{display:block;font-size:11px;color:var(--cb-text-muted);margin-bottom:2px;}

.cb-contact-box{background:var(--cb-card-bg);border-radius:var(--cb-radius);padding:20px;position:sticky;top:80px;}
.cb-contact-box .cb-seller-name{font-weight:700;font-size:15px;margin-bottom:12px;}
.cb-reveal-phone-btn{
	width:100%;background:var(--cb-primary);color:#fff;padding:14px;border-radius:var(--cb-radius);font-weight:700;font-size:15px;margin-bottom:10px;
}
.cb-contact-secondary{
	width:100%;background:var(--cb-bg);padding:12px;border-radius:var(--cb-radius);font-weight:600;font-size:14px;margin-bottom:8px;
}

/* =========================================================
   8. FOOTER
========================================================= */
.cb-footer{background:#2b2b2b;color:#ccc;margin-top:30px;padding:30px 0 14px;}
.cb-footer-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;}
.cb-footer-grid h3{color:#fff;font-size:14px;margin-bottom:10px;}
.cb-footer-grid li{padding:3px 0;font-size:12px;}
.cb-footer-bottom{text-align:center;padding-top:16px;margin-top:16px;border-top:1px solid #444;font-size:11px;}

/* =========================================================
   10. MAP (Leaflet)
========================================================= */
.cb-map-container{
	width:100%;height:320px;border-radius:var(--cb-radius);overflow:hidden;margin-top:16px;
}
.cb-map-view-toggle{
	display:inline-flex;gap:4px;background:var(--cb-card-bg);border-radius:var(--cb-radius);padding:4px;margin-bottom:16px;
}
.cb-map-view-toggle button{
	padding:8px 16px;border-radius:6px;font-weight:600;font-size:13px;
}
.cb-map-view-toggle button.active{background:var(--cb-primary);color:#fff;}
.cb-map-view{display:none;height:600px;border-radius:var(--cb-radius);overflow:hidden;}
.cb-map-view.active{display:block;}
.cb-map-popup{min-width:180px;}
.cb-map-popup img{width:100%;height:100px;object-fit:cover;border-radius:4px;margin-bottom:6px;}
.cb-map-popup .cb-map-popup-price{font-weight:800;color:var(--cb-primary);}

/* =========================================================
   11. AZOR ISHI (אזור אישי)
========================================================= */
.cb-account-header{background:var(--cb-card-bg);border-radius:var(--cb-radius);padding:24px;margin:20px 0;display:flex;align-items:center;gap:16px;}
.cb-account-avatar{width:64px;height:64px;border-radius:50%;overflow:hidden;flex-shrink:0;}
.cb-account-stats{display:flex;gap:24px;margin-inline-start:auto;}
.cb-account-stat{text-align:center;}
.cb-account-stat strong{display:block;font-size:22px;color:var(--cb-primary);}
.cb-account-stat span{font-size:12px;color:var(--cb-text-muted);}
.cb-account-tabs{display:flex;gap:8px;margin-bottom:16px;}
.cb-account-tabs a{
	padding:10px 20px;border-radius:var(--cb-radius);font-weight:600;font-size:14px;background:var(--cb-card-bg);
}
.cb-account-tabs a.active{background:var(--cb-primary);color:#fff;}
.cb-account-empty{background:var(--cb-card-bg);border-radius:var(--cb-radius);padding:40px;text-align:center;color:var(--cb-text-muted);}
.cb-listing-card .cb-edit-btn{
	position:absolute;top:8px;inset-inline-start:8px;background:rgba(255,255,255,.9);border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;font-size:14px;
}

/* =========================================================
   12. RESPONSIVE (מפה/אזור אישי)
========================================================= */
@media (max-width: 768px){
	.cb-account-header{flex-wrap:wrap;}
	.cb-account-stats{width:100%;justify-content:space-around;margin-inline-start:0;}
	.cb-map-view{height:400px;}
}

@media (max-width: 1024px){
	.cb-listing-layout{grid-template-columns:1fr;}
	.cb-single-listing{grid-template-columns:1fr;}
	:root{--cb-grid-cols:3;}
}
@media (max-width: 768px){
	.cb-header-nav{display:none;}
	.cb-search-form{flex-wrap:wrap;}
	.cb-search-form select, .cb-search-form input[type="text"]{width:100%;}
	:root{--cb-grid-cols:2;}
	.cb-footer-grid{grid-template-columns:repeat(2,1fr);}
}
@media (max-width: 480px){
	:root{--cb-grid-cols:2;--cb-grid-gap:8px;}
	.cb-category-card{flex:0 0 110px;}
}