/*
 * Ajdari Elements CSS v2.0.0
 * Inherits CSS Variables from Theme & Kit (Technical Heritage v2)
 */

/* Vehicle Finder Box */
.ajdari-finder-box {
  background-color: var(--surface, #ffffff);
  border: 1px solid var(--border, #dde3ea);
  border-radius: var(--r-lg, 12px);
  padding: 28px;
  margin: 20px 0;
  box-shadow: none;
}

.ajdari-finder-header {
  margin-bottom: 20px;
  text-align: right;
}

.ajdari-finder-title {
  font-size: 20px;
  font-weight: 700;
  color: var(--ink, #0f2740);
  margin-bottom: 6px;
}

.ajdari-finder-subtitle {
  font-size: 14px;
  color: var(--text-muted, #55616f);
}

.ajdari-finder-row {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  align-items: flex-end;
}

.ajdari-finder-col {
  flex: 1 1 240px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.ajdari-finder-col label {
  font-size: 13px;
  font-weight: 600;
  color: var(--ink, #0f2740);
}

.ajdari-select {
  height: var(--h-md, 48px);
  border: 1px solid var(--border-interactive, #8892a0);
  border-radius: var(--r-sm, 4px);
  padding: 0 14px;
  font-size: 14px;
  background-color: var(--surface, #ffffff);
  color: var(--text, #0f2740);
  width: 100%;
  font-family: inherit;
  transition: border-color var(--dur-fast, 120ms) var(--ease);
}

.ajdari-select:focus {
  border-color: var(--action, #b34509);
  outline: 2px solid var(--action-tint, #fdf0e8);
}

.ajdari-select:disabled {
  background-color: var(--bg-sunken, #edf0f3);
  color: var(--border-interactive, #8892a0);
  cursor: not-allowed;
}

.ajdari-btn-finder {
  height: var(--h-md, 48px);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 28px;
  border-radius: var(--r-md, 8px);
  font-size: 15px;
  font-weight: 600;
  text-decoration: none;
  border: none;
  cursor: pointer;
  background-color: var(--action, #b34509);
  color: #ffffff;
  transition: background-color var(--dur-fast, 120ms) var(--ease);
  font-family: inherit;
  white-space: nowrap;
}

.ajdari-btn-finder:hover {
  background-color: var(--action-hover, #9e3a06);
  color: #ffffff;
}

/* Fitment Table (برگه محصول) */
.ajdari-fitment-table-wrapper {
  overflow-x: auto;
  margin: 20px 0;
  border: 1px solid var(--border, #dde3ea);
  border-radius: var(--r-md, 8px);
  background: var(--surface, #ffffff);
}

.ajdari-table {
  width: 100%;
  border-collapse: collapse;
  text-align: right;
  font-size: 14px;
}

.ajdari-table th {
  background-color: var(--ink, #0f2740);
  color: #ffffff;
  padding: 12px 16px;
  font-weight: 600;
  font-size: 13px;
}

.ajdari-table td {
  padding: 12px 16px;
  border-bottom: 1px solid var(--border, #dde3ea);
  color: var(--text, #0f2740);
}

.ajdari-table tr:nth-child(even) td {
  background-color: var(--bg, #f4f6f8);
}

.ajdari-table tr:hover td {
  background-color: var(--bg-sunken, #edf0f3);
}

/* Badges */
.ajdari-badge {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  border-radius: var(--radius-pill, 9999px);
  padding: 4px 12px;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.2;
}

.ajdari-badge-ok {
  background-color: var(--ok-tint, #e9f5ee);
  color: var(--ok, #15683f);
  border: 1px solid rgba(21, 104, 63, 0.2);
}

.ajdari-badge-warn {
  background-color: var(--warn-tint, #fbf3e7);
  color: var(--warn, #8a530c);
  border: 1px solid rgba(138, 83, 12, 0.2);
}

.ajdari-badge-danger {
  background-color: var(--danger-tint, #fbeae9);
  color: var(--danger, #9e211a);
  border: 1px solid rgba(158, 33, 26, 0.2);
}

/* Spec Table (دیتاشیت دو ستونه) */
.ajdari-spec-box {
  background-color: var(--surface, #ffffff);
  border: 1px solid var(--border, #dde3ea);
  border-radius: var(--r-md, 8px);
  padding: 16px;
  margin: 16px 0;
}

.ajdari-spec-title {
  font-size: 15px;
  font-weight: 700;
  color: var(--ink, #0f2740);
  margin-bottom: 12px;
  padding-bottom: 8px;
  border-bottom: 2px solid var(--border, #dde3ea);
}

.ajdari-spec-table {
  width: 100%;
  border-collapse: collapse;
}

.ajdari-spec-table td {
  padding: 8px 12px;
  border-bottom: 1px solid var(--border, #dde3ea);
  font-size: 13px;
}

.ajdari-spec-label {
  font-weight: 600;
  color: var(--text-muted, #55616f);
  width: 35%;
}

.ajdari-spec-val {
  color: var(--ink, #0f2740);
  font-weight: 500;
}

/* Inquiry Box (استعلام سریع قیمت و تماس) */
.ajdari-inquiry-box {
  background-color: var(--bg, #f4f6f8);
  border: 1px solid var(--border, #dde3ea);
  border-radius: var(--r-md, 8px);
  padding: 20px;
  margin: 20px 0;
}

.ajdari-inquiry-title {
  font-size: 16px;
  font-weight: 700;
  color: var(--ink, #0f2740);
  margin-bottom: 8px;
}

.ajdari-inquiry-desc {
  font-size: 13px;
  color: var(--text-muted, #55616f);
  margin-bottom: 16px;
  line-height: 1.6;
}

.ajdari-inquiry-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}

.ajdari-btn-call {
  height: var(--h-md, 48px);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 0 20px;
  border-radius: var(--r-md, 8px);
  background-color: var(--ink, #0f2740);
  color: #ffffff;
  font-size: 14px;
  font-weight: 600;
  text-decoration: none;
  transition: background-color var(--dur-fast, 120ms) var(--ease);
}

.ajdari-btn-call:hover {
  background-color: var(--ink-2, #1b3a5c);
  color: #ffffff;
}

.ajdari-btn-whatsapp {
  height: var(--h-md, 48px);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 0 20px;
  border-radius: var(--r-md, 8px);
  background-color: #25D366;
  color: #ffffff;
  font-size: 14px;
  font-weight: 600;
  text-decoration: none;
  transition: opacity var(--dur-fast, 120ms) var(--ease);
}

.ajdari-btn-whatsapp:hover {
  opacity: 0.9;
  color: #ffffff;
}

/* Wholesale Gate (دروازه عمده‌فروشی) */
.ajdari-wholesale-box {
  background-color: var(--ink, #0f2740);
  border-radius: var(--r-lg, 12px);
  padding: 32px;
  color: #ffffff;
  margin: 32px 0;
}

.ajdari-wholesale-badge {
  display: inline-block;
  background-color: rgba(255, 255, 255, 0.15);
  color: #ffffff;
  font-size: 12px;
  font-weight: 600;
  padding: 4px 14px;
  border-radius: var(--radius-pill, 9999px);
  margin-bottom: 12px;
}

.ajdari-wholesale-title {
  font-size: 24px;
  font-weight: 700;
  color: #ffffff;
  margin-bottom: 12px;
}

.ajdari-wholesale-text {
  font-size: 14px;
  color: var(--ink-tint, #e8edf3);
  line-height: 1.75;
  margin-bottom: 24px;
  max-width: 680px;
}


/* Promo Banner (D-8) - tokens: docs/03 (no shadow, 1px border, one orange CTA) */
.ajdari-promo{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:24px;border:1px solid var(--border,#DDE3EA);border-radius:12px;padding:24px;margin:0}
.ajdari-promo--tint{background:var(--action-tint,#FDF0E8);border-color:#F0D9C4}
.ajdari-promo--navy{background:var(--ink,#0F2740);border-color:var(--ink,#0F2740)}
.ajdari-promo--plain{background:var(--surface,#FFF)}
.ajdari-promo__body{display:flex;flex-direction:column;gap:6px}
.ajdari-promo__eyebrow{font-size:13px;font-weight:600;color:var(--action,#B34509);letter-spacing:.02em}
.ajdari-promo--navy .ajdari-promo__eyebrow{color:#E8B088}
.ajdari-promo__title{font-size:22px;font-weight:700;color:var(--ink,#0F2740);margin:0}
.ajdari-promo--navy .ajdari-promo__title{color:#fff}
.ajdari-promo__sub{font-size:14px;color:var(--text-muted,#55616F);margin:0}
.ajdari-promo--navy .ajdari-promo__sub{color:rgba(255,255,255,.88)}
.ajdari-promo .ajdari-btn{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;height:48px;padding:0 28px;background:var(--action,#B34509);color:#fff;border-radius:8px;font-size:15px;font-weight:600;text-decoration:none}
.ajdari-promo .ajdari-btn:hover{background:#9E3A06}
@media(max-width:767px){.ajdari-promo{flex-direction:column;align-items:stretch;text-align:center}.ajdari-promo .ajdari-btn{width:100%}}

/* Showcase widget (D-9) — 5 styles × grid/carousel, tokens: docs/03 + --ajd-* overrides from widget Style tab */
.ajdari-showcase{margin:20px 0}
.ajdari-showcase-empty{padding:20px;border:1px dashed var(--ajd-border,var(--border,#DDE3EA));border-radius:var(--ajd-radius,var(--r-md,8px));color:var(--text-muted,#55616F);font-size:13px;text-align:center}

.ajdari-showcase-navrow{display:flex;align-items:center;gap:12px;margin-bottom:12px}
.ajdari-showcase-navtitle{font-size:16px;font-weight:700;color:var(--ajd-name-color,var(--ink,#0F2740))}
.ajdari-showcase-nav{display:flex;gap:8px}
.ajdari-showcase-nav button{width:34px;height:34px;border-radius:var(--r-sm,4px);border:1px solid var(--ajd-nav-border,var(--border,#DDE3EA));background:var(--ajd-nav-bg,var(--surface,#fff));color:var(--ajd-nav-color,var(--ink,#0F2740));display:flex;align-items:center;justify-content:center;cursor:pointer;transition:border-color var(--dur-fast,120ms) var(--ease),color var(--dur-fast,120ms) var(--ease),background var(--dur-fast,120ms) var(--ease)}
.ajdari-showcase-nav button:hover{border-color:var(--ajd-accent,var(--action,#B34509));color:var(--ajd-accent,var(--action,#B34509))}
.ajdari-showcase-nav button svg{width:16px;height:16px;flex-shrink:0}
.ajdari-showcase-navtitle-wrap{display:flex;flex-direction:column;gap:2px}
.ajdari-showcase-navsubtitle{font-size:12px;font-weight:500;color:var(--ajd-count-color,var(--text-muted,#55616F))}

.ajdari-showcase-grid{display:grid;grid-template-columns:repeat(var(--ajd-cols,6),1fr);gap:var(--ajd-gap,16px);padding:6px}

.ajdari-showcase-track{display:flex;gap:var(--ajd-gap,16px);overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;padding:6px 6px 10px;cursor:grab;user-select:none}
.ajdari-showcase-track.is-dragging{cursor:grabbing;scroll-snap-type:none;scroll-behavior:auto}
.ajdari-showcase-track.is-dragging .ajdari-showcase-card{cursor:grabbing}
.ajdari-showcase-track::-webkit-scrollbar{height:6px}
.ajdari-showcase-track::-webkit-scrollbar-thumb{background:transparent;border-radius:9999px;transition:background .25s}
.ajdari-showcase-track.is-scrolling::-webkit-scrollbar-thumb{background:var(--border-interactive,#8892A0)}
.ajdari-showcase-track>.ajdari-showcase-card{scroll-snap-align:start;flex:0 0 calc((100% - (var(--ajd-items,6) - 1)*var(--ajd-gap,16px))/var(--ajd-items,6))}

.ajdari-showcase-card{color:inherit;text-decoration:none;display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center}

.ajdari-showcase-photo{position:relative;overflow:hidden;background-size:var(--ajd-bg-size,cover);background-position:center;background-color:var(--bg-sunken,#EDF0F3);width:100%;aspect-ratio:1/1;border-radius:var(--ajd-radius,var(--r-md,8px));display:flex;align-items:center;justify-content:center;color:var(--ajd-icon-color,var(--border-interactive,#8892A0));transition:outline-color var(--dur-fast,120ms) var(--ease);outline:2px solid transparent;outline-offset:2px}
.ajdari-showcase-photo.is-circle{border-radius:50%;width:92px;height:92px;aspect-ratio:auto}
.ajdari-showcase-card:hover .ajdari-showcase-photo{outline-color:var(--ajd-accent,var(--action,#B34509))}
.ajdari-showcase-ph-icon{width:46%;height:46%}
.ajdari-showcase-ph-icon svg{width:100%;height:100%}

.ajdari-showcase-name{font-size:13px;font-weight:700;color:var(--ajd-name-color,var(--ink,#0F2740))}
.ajdari-showcase-count{font-size:11px;color:var(--ajd-count-color,var(--text-muted,#55616F))}

.ajdari-showcase--circle_plain .ajdari-showcase-name{color:var(--ajd-name-color,var(--text-muted,#55616F));font-weight:600}
.ajdari-showcase--circle_plain .ajdari-showcase-card:hover .ajdari-showcase-name{color:var(--ajd-accent,var(--action,#B34509))}

.ajdari-showcase--photo_overlay .ajdari-showcase-card{position:relative;display:block;text-align:right;overflow:hidden;border-radius:var(--ajd-radius,var(--r-lg,12px))}
.ajdari-showcase--photo_overlay .ajdari-showcase-photo{aspect-ratio:3/4;border-radius:var(--ajd-radius,var(--r-lg,12px))}
.ajdari-showcase--photo_overlay .ajdari-showcase-photo::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,var(--ajd-overlay,rgba(15,39,64,.88)) 0%,transparent 78%)}
.ajdari-showcase--photo_overlay .ajdari-showcase-body{position:absolute;inset-inline:0;bottom:0;padding:14px;z-index:1;color:#fff;display:flex;flex-direction:column;gap:2px}
.ajdari-showcase--photo_overlay .ajdari-showcase-body .ajdari-showcase-name{color:#fff;font-size:15px}
.ajdari-showcase--photo_overlay .ajdari-showcase-body .ajdari-showcase-count{color:rgba(255,255,255,.8)}

.ajdari-showcase--icon_tile .ajdari-showcase-card{background:var(--ajd-card-bg,var(--surface,#fff));border:var(--ajd-border-width,1px) solid var(--ajd-border,var(--border,#DDE3EA));border-radius:var(--ajd-radius,var(--r-md,8px));padding:20px 16px;transition:border-color var(--dur-fast,120ms) var(--ease),transform var(--dur-fast,120ms) var(--ease)}
.ajdari-showcase--icon_tile .ajdari-showcase-card:hover{border-color:var(--ajd-accent,var(--action,#B34509));transform:translateY(-2px)}
.ajdari-showcase-icon{width:52px;height:52px;border-radius:var(--ajd-radius,var(--r-md,8px));background:var(--ajd-icon-bg,var(--action-tint,#FDF0E8));color:var(--ajd-icon-color,var(--ajd-accent,var(--action,#B34509)));display:flex;align-items:center;justify-content:center}
.ajdari-showcase-icon svg,.ajdari-showcase-icon img{width:26px;height:26px;object-fit:contain}

.ajdari-showcase--logo_chip .ajdari-showcase-card{background:var(--ajd-card-bg,var(--surface,#fff));border:var(--ajd-border-width,1px) solid var(--ajd-border,var(--border,#DDE3EA));border-radius:var(--ajd-radius,var(--r-md,8px));height:96px;justify-content:center;padding:14px;transition:border-color var(--dur-fast,120ms) var(--ease),box-shadow var(--dur-fast,120ms) var(--ease)}
.ajdari-showcase--logo_chip .ajdari-showcase-card:hover{border-color:var(--border-interactive,#8892A0);box-shadow:0 4px 16px rgba(15,39,64,.08)}
.ajdari-showcase-logo{display:flex;align-items:center;justify-content:center;width:100%}
.ajdari-showcase-logo img{max-height:48px;width:auto}
.ajdari-showcase-wordmark{font-size:16px;font-weight:800;color:var(--ajd-name-color,var(--ink,#0F2740))}


/* Inquiry Price Badge */
.ajdari-inquiry-price {
  display: inline-flex;
  align-items: center;
  font-size: 12px;
  font-weight: 600;
  color: var(--text-muted, #55616f);
  background-color: var(--bg, #f4f6f8);
  border: 1px solid var(--border, #dde3ea);
  border-radius: 4px;
  padding: 2px 8px;
  line-height: 1.4;
}


/* Zero-margin overrides & tight compact spacing for Ajdari shortcodes */
.ajdari-fitment-badge-box,
.ajdari-inquiry-action-box,
.ajdari-product-wholesale-cta,
.ajdari-finder-compact {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

.elementor-widget-shortcode .ajdari-fitment-badge-box,
.elementor-widget-shortcode .ajdari-inquiry-action-box,
.elementor-widget-shortcode .ajdari-product-wholesale-cta,
.elementor-widget-shortcode .ajdari-finder-compact {
    margin: 0 !important;
}

/* Eliminate Elementor default widget gap when wrapping Ajdari shortcode boxes */
.elementor-widget-shortcode:has(.ajdari-fitment-badge-box),
.elementor-widget-shortcode:has(.ajdari-inquiry-action-box),
.elementor-widget-shortcode:has(.ajdari-product-wholesale-cta),
.elementor-widget-shortcode:has(.ajdari-finder-compact) {
    margin-bottom: 0 !important;
}

.pa-grid {
    margin: 0 !important;
}

.elementor-widget-shortcode:empty,
.elementor-widget-shortcode:has(> .elementor-widget-container > .elementor-shortcode:empty),
.elementor-widget-shortcode:has(> .elementor-widget-container:empty) {
    display: none !important;
    margin: 0 !important;
    padding: 0 !important;
    height: 0 !important;
    min-height: 0 !important;
}

.elementor-widget-shortcode:has(.ajdari-fitment-badge-box),
.elementor-widget-shortcode:has(.ajdari-inquiry-action-box),
.elementor-widget-shortcode:has(.ajdari-product-wholesale-cta),
.elementor-widget-shortcode:has(.ajdari-finder-compact) {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}
