/* Σ.Ε.Μ.Η.Ε.Κ. — Μητρώο Μελών (directory) */
#sm-directory{
	--green:#00853E;--green-dk:#006B32;--forest:#04331E;--gold:#EBA835;
	--ink:#111614;--slate:#5B6B62;--line:#E1E7E3;--paper:#F2F6F3;--white:#fff;
	--fd:'Archivo',sans-serif;--fb:'Commissioner',sans-serif;--fm:'IBM Plex Mono',monospace;
	font-family:var(--fb);color:var(--slate);
}
#sm-directory *{box-sizing:border-box}
.smd-toolbar{display:flex;flex-wrap:wrap;gap:14px;align-items:center;padding:18px;background:var(--paper);border:1px solid var(--line);border-radius:6px;position:sticky;top:96px;z-index:30;box-shadow:0 8px 20px rgba(4,51,30,.06)}
@media (max-width:640px){.smd-toolbar{top:84px}}
.smd-search{flex:1 1 280px;position:relative}
.smd-search input{width:100%;padding:13px 16px 13px 44px;border:1px solid var(--line);border-radius:5px;font-family:var(--fb);font-size:15px;color:var(--ink);background:var(--white)}
.smd-search input:focus{outline:none;border-color:var(--green)}
.smd-district{flex:0 0 auto;padding:12px 34px 12px 16px;border:1px solid var(--line);border-radius:5px;font-family:var(--fd);font-weight:600;font-size:13px;color:var(--slate);background:var(--white);cursor:pointer;-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%235B6B62' stroke-width='2.5'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center}
.smd-district:focus{outline:none;border-color:var(--green)}
.smd-search svg{position:absolute;left:15px;top:50%;transform:translateY(-50%);width:18px;height:18px;stroke:#93A79B;fill:none;stroke-width:2}
.smd-chips{display:flex;gap:8px;flex-wrap:wrap}
.smd-chips--lic{flex-basis:100%}
/* every chip/button state is pinned explicitly — an external "accent" (pink
   from the Elementor Kit or a plugin) must never win here */
.smd-chip{font-family:var(--fd);font-weight:600;font-size:13px;padding:11px 18px;border:1.5px solid var(--line);background-color:var(--white)!important;background-image:none!important;border-radius:40px;cursor:pointer;color:var(--slate)!important;transition:border-color .15s,color .15s,background-color .15s;white-space:nowrap;-webkit-appearance:none;appearance:none;box-shadow:none!important;-webkit-tap-highlight-color:transparent}
.smd-chip:hover,.smd-chip:focus,.smd-chip:focus-visible{border-color:var(--green);color:var(--green)!important;background-color:var(--white)!important;outline:none}
.smd-chip.active,.smd-chip.active:hover,.smd-chip.active:focus{background-color:var(--green)!important;border-color:var(--green);color:#fff!important}
.smd-viewtoggle{display:flex;border:1.5px solid var(--line);border-radius:5px;overflow:hidden;background:var(--white)}
.smd-viewtoggle button{border:0;background-color:transparent!important;background-image:none!important;padding:11px 15px;cursor:pointer;display:flex;align-items:center;gap:7px;font-family:var(--fd);font-weight:600;font-size:13px;color:var(--slate)!important;transition:.15s;-webkit-appearance:none;appearance:none;box-shadow:none!important;-webkit-tap-highlight-color:transparent}
.smd-viewtoggle button:hover,.smd-viewtoggle button:focus{background-color:transparent!important;color:var(--slate)!important;outline:none}
.smd-viewtoggle button svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:2}
.smd-viewtoggle button.active,.smd-viewtoggle button.active:hover,.smd-viewtoggle button.active:focus{background-color:var(--forest)!important;color:#fff!important}
.smd-meta{display:flex;justify-content:space-between;align-items:center;padding:16px 2px 22px;font-size:13px;color:#82938A;font-family:var(--fm);letter-spacing:.06em}
.smd-meta .smd-count strong{color:var(--ink)}

.smd-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.smd-card{border:1px solid var(--line);border-radius:8px;overflow:hidden;background:var(--white);display:flex;flex-direction:column;transition:box-shadow .2s,transform .2s;position:relative}
.smd-card::before{content:"";position:absolute;top:0;left:0;width:100%;height:3px;background:var(--green);transform:scaleX(0);transform-origin:left;transition:transform .25s}
.smd-card:hover{box-shadow:0 14px 34px rgba(4,51,30,.1);transform:translateY(-3px)}
.smd-card:hover::before{transform:scaleX(1)}
.smd-card__top{padding:22px 22px 16px;display:flex;gap:14px;align-items:flex-start}
.smd-avatar{width:52px;height:52px;flex:0 0 auto;border-radius:7px;background:var(--forest);color:#fff;display:grid;place-items:center;font-family:var(--fd);font-weight:800;font-size:17px;overflow:hidden}
.smd-avatar img{width:100%;height:100%;object-fit:contain;background:#fff;padding:4px}
.smd-card__id{font-family:var(--fm);font-size:11px;color:#9BAAA1;letter-spacing:.08em;margin-bottom:3px}
.smd-card__name{font-family:var(--fd);font-size:17px;font-weight:700;color:var(--ink);line-height:1.25}
.smd-card__person{font-size:13px;color:var(--slate);margin-top:2px}
.smd-card__badges{display:flex;flex-wrap:wrap;gap:6px;padding:0 22px 16px}
.smd-badge{font-family:var(--fm);font-size:11px;padding:5px 10px;border-radius:4px;background:var(--paper);color:var(--slate);border:1px solid var(--line)}
.smd-badge--spec{background:rgba(0,133,62,.08);border-color:rgba(0,133,62,.2);color:var(--green-dk);font-weight:500}
.smd-card__foot{margin-top:auto;border-top:1px solid var(--line);padding:14px 22px;display:flex;flex-direction:column;gap:8px}
.smd-card__foot a,.smd-card__foot .smd-addr{display:flex;align-items:flex-start;gap:10px;font-size:14px;color:var(--slate);text-decoration:none;word-break:break-word}
.smd-card__foot a:hover{color:var(--green)}
.smd-card__foot svg{width:15px;height:15px;stroke:var(--gold);fill:none;stroke-width:2;flex:0 0 auto;margin-top:1px}

.smd-tablewrap{border:1px solid var(--line);border-radius:8px;overflow:hidden;overflow-x:auto}
#sm-directory table{width:100%;border-collapse:collapse;font-size:15px}
#sm-directory thead th{font-family:var(--fm);font-size:11px;letter-spacing:.1em;color:#82938A!important;text-align:left;padding:16px 18px;background-color:var(--paper)!important;background-image:none!important;border-bottom:1px solid var(--line);font-weight:500;cursor:pointer;user-select:none;white-space:nowrap;-webkit-tap-highlight-color:transparent}
#sm-directory thead th:hover,#sm-directory thead th:focus,#sm-directory thead th:active{color:var(--green)!important;background-color:var(--paper)!important;outline:none}
#sm-directory thead th .arr{opacity:.35;font-size:10px}
#sm-directory tbody td{padding:15px 18px;border-bottom:1px solid var(--line);color:var(--slate);vertical-align:middle}
#sm-directory tbody tr:last-child td{border-bottom:0}
#sm-directory tbody tr:hover td{background:var(--paper)}
#sm-directory td.smd-tname{font-family:var(--fd);font-weight:600;color:var(--ink)}
#sm-directory td.smd-tname small{display:block;font-family:var(--fb);font-weight:400;font-size:13px;color:var(--slate)}
.smd-tspec{display:inline-block;font-family:var(--fm);font-size:11px;padding:4px 9px;border-radius:4px;background:rgba(0,133,62,.08);color:var(--green-dk)}
#sm-directory td a{color:var(--slate);text-decoration:none}
#sm-directory td a:hover{color:var(--green)}
.smd-state{padding:60px 20px;text-align:center;color:var(--slate);font-size:15px}
.smd-state strong{display:block;font-family:var(--fd);color:var(--ink);font-size:18px;margin-bottom:6px}
.smd-hidden{display:none!important}

/* pagination — self-contained (this file loads standalone via the shortcode,
   without depending on the rest of the theme's widgets.css) */
.smd-pagination{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:36px}
.smd-page{font-family:var(--fd);font-weight:600;font-size:13px;min-width:40px;height:40px;padding:0 12px;border:1.5px solid var(--line);border-radius:5px;background-color:var(--white)!important;background-image:none!important;color:var(--slate)!important;cursor:pointer;-webkit-appearance:none;appearance:none;box-shadow:none!important;-webkit-tap-highlight-color:transparent;transition:.15s}
.smd-page:hover,.smd-page:focus{border-color:var(--green);color:var(--green)!important;background-color:var(--white)!important;outline:none}
.smd-page.is-current,.smd-page.is-current:hover{background-color:var(--green)!important;border-color:var(--green);color:#fff!important;cursor:default}
.smd-page:disabled{opacity:.4;cursor:default;pointer-events:none}
.smd-page--dots{border-color:transparent;background:transparent!important;cursor:default;color:#9BAAA1!important}
@media (max-width:900px){.smd-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:640px){
	.smd-grid{grid-template-columns:1fr}
	#sm-directory thead th:nth-child(3),#sm-directory tbody td:nth-child(3),
	#sm-directory thead th:nth-child(4),#sm-directory tbody td:nth-child(4){display:none}
}