/* GRKN Doctors v1.3.2 – hard CSS fixes & layout */
.grkn-doctor-card, .grkn-doctor-card * { writing-mode: horizontal-tb !important; float:none !important; }
.grkn-doctor-card *::before, .grkn-doctor-card *::after { content:none !important; }

.grkn-doctors-wrap{display:flex;flex-direction:column;gap:18px}
.grkn-doctor-card{background:#fff;border:1px solid #e6e6e6;border-radius:8px;box-shadow:0 1px 3px rgba(0,0,0,.06);overflow:hidden}

.grkn-top{display:flex;align-items:flex-start;gap:18px;padding:14px;position:relative;flex-wrap:nowrap}
.grkn-left{flex:0 0 140px;max-width:140px;overflow:hidden}
.grkn-right{flex:1 1 auto;display:block}
.grkn-right-full{flex-basis:100%}

.grkn-doc-photo-bg{display:block;width:100%;max-width:140px;aspect-ratio:1/1;background-repeat:no-repeat;background-position:center;background-size:cover;border-radius:6px;background-color:#fafafa}

.grkn-name{margin:0 0 4px;font-size:20px;display:block;white-space:normal;word-break:break-word}
.grkn-subtitle{font-size:14px;color:#555;margin-bottom:10px}
.grkn-row{display:flex;gap:8px;margin:6px 0}
.grkn-label{font-weight:600;min-width:120px}
.grkn-value{color:#333}
.grkn-summary{margin-top:6px;color:#333}

.grkn-toggle{position:absolute;right:15px;bottom:10px;background:#fff;border:1px solid #d9d9d9;border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px 6px rgba(0,0,0,.08);z-index:5}
.grkn-toggle .grkn-arrow{font-size:18px;line-height:1}

.grkn-details{border-top:1px solid #eee;padding:14px}
.grkn-details h4{margin:16px 0 8px}
.grkn-details ul{margin:0 0 12px 18px}
.grkn-bottom{display:flex;justify-content:center;margin-top:12px}
.grkn-bottom .grkn-toggle{position:static;transform:none}

@media (max-width:700px){
  .grkn-left{flex:0 0 96px;max-width:96px}
  .grkn-doc-photo-bg{max-width:96px}
  .grkn-label{min-width:100px}
}

/* v1.3.3: stronger pseudo reset to defeat theme !important rules */
.grkn-doctor-card *::before, .grkn-doctor-card *::after,
.grkn-doctor-card .grkn-doctor-card *::before, .grkn-doctor-card .grkn-doctor-card *::after { content: none !important; }

/* v1.3.4: default smaller content size; headings controlled via settings */
.grkn-details p, .grkn-details li { font-size: 16px; }


/* === Smaller elegant circle arrows (compact version) === */
.grkn-toggle{
  background: transparent;
  border: none;
  padding: 0;
  width: 30px;
  height: 30px;
}

.grkn-toggle .grkn-arrow{
  display: inline-block;
  width: 30px;
  height: 30px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 30px 30px;
  text-indent: -9999px;
  overflow: hidden;
}

/* Down arrow */
.grkn-toggle.grkn-down .grkn-arrow{
  background-image: url("data:image/svg+xml;utf8,\
<svg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'>\
  <circle cx='15' cy='15' r='13.5' fill='none' stroke='%23000' stroke-width='1.2'/>\
  <path d='M15 8 v10 M11 16 l4 4 4-4' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/>\
</svg>");
}

/* Up arrow */
.grkn-toggle.grkn-up .grkn-arrow{
  background-image: url("data:image/svg+xml;utf8,\
<svg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'>\
  <circle cx='15' cy='15' r='13.5' fill='none' stroke='%23000' stroke-width='1.2'/>\
  <path d='M15 22 v-10 M11 14 l4-4 4 4' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/>\
</svg>");
}

.grkn-toggle:hover .grkn-arrow{
  transform: scale(1.1);
}