/**
 * OTHP Artists Modal (frontend)
 *
 * What this file does:
 * - Styles the "Read more" modal launched from [sc4_othp_artists] artist cards.
 * - Uses SC4's dark, carded aesthetic (scd-release-card / sc4 form vibe).
 *
 * Called by:
 * - modules/OTHPArtists/Shortcodes/ArtistCardsShortcode.php (enqueued when shortcode renders)
 *
 * Calls / depends on:
 * - No JS; paired with modules/OTHPArtists/Assets/modal.js
 */

.sc4-othp-modal{display:none;position:fixed;inset:0;z-index:100000;}
.sc4-othp-modal.is-open{display:block;}

.sc4-othp-modal__overlay{position:absolute;inset:0;background:rgba(0,0,0,.65);backdrop-filter:blur(4px);}

.sc4-othp-modal__panel{
  position:relative;
  margin:6vh auto;
  width:min(960px,calc(100vw - 28px));
  max-height:88vh;
  overflow:auto;
  border-radius:18px;
}

.sc4-othp-modal__card{padding:18px 18px 20px;}

.sc4-othp-modal__header{display:flex;align-items:flex-start;gap:14px;margin-bottom:14px;}
.sc4-othp-modal__photo{width:96px;height:96px;border-radius:14px;overflow:hidden;flex:0 0 auto;background:rgba(255,255,255,.06);}
.sc4-othp-modal__photo img{width:100%;height:100%;object-fit:cover;display:block;}

.sc4-othp-modal__titlewrap{flex:1 1 auto;min-width:0;}
.sc4-othp-modal__title{margin:0;font-size:1.2rem;line-height:1.2;}
.sc4-othp-modal__follow{margin-top:10px;display:flex;flex-wrap:wrap;gap:10px;align-items:center;}
.sc4-othp-modal__follow .sc4-btn{max-width:100%;}
.sc4-othp-modal__close{flex:0 0 auto;cursor:pointer;border:1px solid rgba(255,255,255,.16);background:rgba(0,0,0,.25);color:#fff;border-radius:999px;padding:8px 12px;line-height:1;}
.sc4-othp-modal__close:hover{background:rgba(0,0,0,.4);} 

.sc4-othp-modal__bio{margin-top:6px;}
.sc4-othp-modal__bio p{margin:0 0 10px;}

.sc4-othp-modal__links{margin-top:14px;}
.sc4-othp-modal__links .scd-chip{margin-right:8px;margin-bottom:8px;display:inline-flex;}

.sc4-othp-readmore{display:inline-block;margin-top:8px;text-decoration:underline;cursor:pointer;}

/* iOS-style toggle (ON = red accent) */
.sc4-ios-toggle{display:inline-flex;align-items:center;gap:10px;user-select:none;}
.sc4-ios-toggle input{position:absolute;opacity:0;width:1px;height:1px;}
.sc4-ios-toggle__track{position:relative;width:46px;height:26px;border-radius:999px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.18);transition:background .15s ease,border-color .15s ease;}
.sc4-ios-toggle__thumb{position:absolute;top:2px;left:2px;width:22px;height:22px;border-radius:999px;background:#fff;transition:transform .15s ease;box-shadow:0 2px 10px rgba(0,0,0,.35);} 
.sc4-ios-toggle input:checked + .sc4-ios-toggle__track{background:var(--scd-accent,#e11d48);border-color:rgba(255,255,255,.12);} 
.sc4-ios-toggle input:checked + .sc4-ios-toggle__track .sc4-ios-toggle__thumb{transform:translateX(20px);} 
.sc4-ios-toggle input:focus-visible + .sc4-ios-toggle__track{outline:2px solid rgba(255,255,255,.55);outline-offset:2px;}