/* Home "Kartvizitim" (inc-home-my-card.php): the member's card preview (look from css/home-card-demo.css and
   css/digital-card.css, colours from the card's own design) beside the personal-card question, the switch
   between their cards and the "update by talking" examples. One column on phones. */
.home-my-card-layout{display:grid;grid-template-columns:minmax(0,380px) minmax(0,1fr);gap:28px;align-items:start}
.home-my-card-card.has-bg-image{background:linear-gradient(180deg,color-mix(in srgb,var(--dcard-bg-top) 55%,transparent),color-mix(in srgb,var(--dcard-bg) 85%,transparent)),var(--dcard-bg-image) center/cover no-repeat,var(--dcard-bg)}
.home-my-card-card .dcard-actions{grid-template-columns:1fr 1fr}
.home-my-card-card .dcard-actions .primary{grid-column:1/-1}
.home-my-card-side{display:grid;grid-template-columns:minmax(0,1fr);gap:16px;align-content:start;min-width:0}
.home-my-card-form{margin:0}
/* Personal-card control with "Diğer kartvizitlerim" on its right; the button opens the card picker dialog. */
.home-my-card-row{display:flex;align-items:center;gap:10px}
.home-my-card-row.is-asking{flex-direction:column;align-items:flex-start}
.home-my-card-row:not(.is-asking)>*{min-width:0}
.home-my-card-row:not(.is-asking) .home-my-card-button{min-height:44px;padding:8px 14px;line-height:1.25;text-align:center}
.home-my-card-dialog{width:min(420px,calc(100vw - 32px));max-height:min(560px,calc(100vh - 48px));padding:20px;border:1px solid rgba(82,229,165,.3);border-radius:16px;color:var(--text-primary);background:#0d1724;box-shadow:0 24px 70px rgba(0,0,0,.5)}
.home-my-card-dialog::backdrop{background:rgba(2,7,15,.72)}
.home-my-card-dialog h3{margin:0 40px 14px 0;font-size:18px;font-weight:850}
.home-my-card-dialog nav{display:grid;gap:8px}
.home-my-card-dialog-close{position:absolute;top:12px;right:12px;width:36px;height:36px;border:0;border-radius:10px;color:var(--text-secondary);background:transparent;font-size:24px;line-height:1;cursor:pointer}
.home-my-card-dialog-close:hover{color:var(--text-primary);background:rgba(255,255,255,.06)}
.home-my-card-dialog form{margin:0}
.home-my-card-button{min-height:44px;padding:0 18px;border:1px solid var(--border-strong);border-radius:12px;color:var(--text-primary);background:var(--bg-panel-soft);font:inherit;font-size:14px;font-weight:800;cursor:pointer}
.home-my-card-button:hover{border-color:var(--primary)}
.home-my-card-button.primary{border-color:var(--primary);color:#04120d;background:var(--primary)}
.home-my-card-button.primary:hover{background:var(--primary-hover)}
.home-my-card-ask{padding:16px;border:1px solid rgba(82,229,165,.45);border-radius:16px;background:rgba(82,229,165,.07)}
.home-my-card-ask p{margin:0 0 12px;font-size:16px;font-weight:800;line-height:1.4}
.home-my-card-ask-actions{display:flex;flex-wrap:wrap;gap:10px}
.home-my-card-mark{display:inline-flex;align-items:center;gap:8px;margin:0;color:var(--primary);font-size:15px;font-weight:850}
.home-my-card-open{justify-self:start;display:inline-flex;align-items:center;text-decoration:none}
.home-my-card-teach h3{margin:0 0 8px;font-size:15px;font-weight:850}
.home-my-card-dialog nav a{display:flex;align-items:center;gap:6px;min-height:40px;padding:8px 14px;border:1px solid var(--border-strong);border-radius:12px;color:var(--text-secondary);background:var(--bg-panel-soft);font-size:14px;font-weight:650;text-decoration:none;transition:border-color .15s,color .15s,background .15s}
.home-my-card-dialog nav a:hover{border-color:var(--primary);color:var(--text-primary);background:rgba(82,229,165,.08)}
.home-my-card-dialog nav a[aria-current]{border-color:var(--primary);color:var(--text-primary)}
.home-my-card-dialog nav a span{color:var(--primary)}
.home-my-card-teach{display:block;padding:16px;border:1px solid var(--border-strong);border-radius:16px;color:var(--text-primary);background:var(--bg-panel-soft);text-decoration:none;transition:border-color .15s,background .15s}
.home-my-card-teach:hover{border-color:var(--primary);background:rgba(82,229,165,.08)}
.home-my-card-teach p{margin:0;color:var(--text-secondary);font-size:14px;line-height:1.5}
@media(max-width:760px){
  .home-my-card-layout{grid-template-columns:1fr;gap:20px}
  .home-my-card-card{width:min(380px,100%);margin:0 auto}
}