/* ===== EXPORTERS LISTING PAGE REDESIGN ===== */

/* Page header */
.exp-page-hdr{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;padding:24px 0 16px;border-bottom:2px solid #e4ecf4;margin-bottom:18px}
.exp-page-hdr h1{font-size:1.6rem;font-weight:700;color:#1a2940;margin:0 0 4px}
.exp-page-hdr p{color:#666;margin:0;font-size:.92rem}
.exp-record-count{background:#eaf2fb;color:#1a5276;padding:6px 16px;border-radius:20px;font-size:.88rem;font-weight:600;border:1px solid #aed6f1;white-space:nowrap}

/* Filter bar */
.exp-filter-bar{background:#f4f8fd;border:1px solid #d6e4f0;border-radius:10px;padding:14px 18px;margin-bottom:20px}
.exp-filter-inner{display:flex;gap:12px;flex-wrap:wrap;align-items:center}
.exp-search-wrap{flex:1;min-width:220px;position:relative;display:flex;align-items:center}
.exp-search-wrap svg{position:absolute;left:12px;color:#888;pointer-events:none}
.exp-search-wrap input{width:100%;padding:9px 14px 9px 38px;border:1px solid #c8d8e8;border-radius:7px;font-size:.9rem;outline:none;box-sizing:border-box;background:#fff;color:#333}
.exp-search-wrap input:focus{border-color:#2980b9;box-shadow:0 0 0 3px rgba(41,128,185,.12)}
#exp-biz-filter{padding:9px 14px;border:1px solid #c8d8e8;border-radius:7px;font-size:.9rem;background:#fff;min-width:180px;color:#333;cursor:pointer}

/* Row spacing */
.views-row{margin-bottom:14px}

/* Exporter card */
.exporter-card{display:flex!important;align-items:flex-start;gap:18px;background:#fff;border:1px solid #dde8f5;border-radius:10px;padding:18px 20px;transition:box-shadow .2s,border-color .2s;flex-direction:row!important}
.exporter-card:hover{box-shadow:0 4px 18px rgba(0,40,80,.1);border-color:#aac8e8}

/* Logo box */
.exp-logo{width:130px;min-width:130px;height:84px;display:flex;align-items:center;justify-content:center;background:#f5f8fc;border:1px solid #e0eaf5;border-radius:8px;overflow:hidden;padding:8px;box-sizing:border-box}
.exp-logo img{max-width:100%;max-height:66px;object-fit:contain;display:block}
.exp-logo-ph{width:60px;height:60px;border-radius:50%;background:#2c3e50;color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:800}

/* Body */
.exp-body{flex:1;min-width:0}
.exp-name{font-size:1.08rem;font-weight:700;margin-bottom:5px}
.exp-name a{color:#1a2940;text-decoration:none}
.exp-name a:hover{color:#2980b9;text-decoration:underline}
.exp-meta{display:flex;align-items:flex-start;gap:5px;font-size:.82rem;color:#666;margin-bottom:3px;line-height:1.4}
.exp-meta svg{color:#999;flex-shrink:0;margin-top:1px}
.exp-contacts{display:flex;gap:14px;flex-wrap:wrap;margin:7px 0 5px;font-size:.82rem;color:#555}
.exp-ph,.exp-em{display:flex;align-items:center;gap:5px}
.exp-ph a{color:#2471a3;text-decoration:none}
.exp-ph a:hover{text-decoration:underline}
.exp-em span{color:#555}

/* Tags */
.exp-tags{display:flex;flex-wrap:wrap;gap:5px;margin-top:7px}
.exp-tag{font-size:.72rem;padding:2px 10px;border-radius:20px;font-weight:600;line-height:1.6}
.exp-tag-green{background:#eafaf1;color:#1a6e35;border:1px solid #a9dfbf}
.exp-tag-blue{background:#eaf4fb;color:#1a5276;border:1px solid #a9cce3}
.exp-tag-orange{background:#fef9e7;color:#9a7d0a;border:1px solid #f9e79f}
.exp-tag-gray{background:#f2f3f4;color:#5d6d7e;border:1px solid #d5d8dc}

/* Action buttons column */
.exp-actions{display:flex;flex-direction:column;gap:7px;min-width:124px}
.exp-btn{display:block;text-align:center;padding:8px 12px;border-radius:7px;font-size:.8rem;font-weight:700;text-decoration:none!important;transition:opacity .15s,transform .1s;letter-spacing:.01em}
.exp-btn:hover{opacity:.88;transform:translateY(-1px)}
.exp-btn-profile{background:#2c3e50;color:#fff!important}
.exp-btn-stock{background:#2471a3;color:#fff!important}
.exp-btn-contact{background:#c0392b;color:#fff!important}

/* Mobile */
@media(max-width:680px){
  .exp-page-hdr{flex-direction:column;align-items:flex-start}
  .exporter-card{flex-direction:column!important;gap:14px}
  .exp-logo{width:100%;height:72px}
  .exp-actions{flex-direction:row;flex-wrap:wrap;min-width:0}
  .exp-btn{flex:1;min-width:90px}
  .exp-filter-inner{flex-direction:column;align-items:stretch}
  .exp-search-wrap{min-width:0}
  #exp-biz-filter{min-width:0;width:100%}
}