/*Created by Kevin Knipe, 12-APR-2026 Krazy Kards Registry Pages Styles */
.registry-hero h1,.registry-hero h1 span{color:#222;}
.registry-hero h1 span{font-weight:400;}
/* About tab — top: photo + intro; row: dashboard | why register | serial examples */
.about-registry-top{display:flex;flex-wrap:wrap;gap:1.25rem;align-items:flex-start;margin-bottom:1.35rem;}
.about-registry-photo{flex:0 0 min(200px,38%);max-width:220px;}
.about-registry-aside-img{display:block;width:100%;max-width:100%;height:auto;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.15);}
.about-registry-lede{flex:1 1 280px;min-width:0;}
.about-registry-body-row{align-items:flex-start;}
.about-registry-dash-col{min-width:0;}
.about-registry-serial-col{min-width:0;}
.about-registry-dash-col .registry-dashboard-panel{margin-top:0;max-width:100%;padding:10px 6px 8px;}
.about-registry-dash-col .registry-dashboard-title{font-size:0.95rem;margin-bottom:6px;}
.about-registry-dash-col .registry-dashboard-label{font-size:12px;}
.about-registry-dash-col .registry-dashboard-num{font-size:1em;}
.about-registry-dash-col .registry-dashboard-row{padding:4px 0;gap:2px 4px;}
.about-registry-why-col h3{margin-top:0;}
/* Serial column: match original float + tiles (hero left, examples wrap beside/below) */
.about-registry-serial-col .serial-examples{display:block;margin:0;overflow:auto;text-align:left;}
.about-registry-serial-col .about-registry-serial-hero-img{float:left;margin:0 20px 15px 0;max-width:100px;width:100%;height:auto;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.2);}
.about-registry-serial-col .serial-item{display:inline-block;vertical-align:top;min-width:150px;max-width:100%;box-sizing:border-box;margin:0 8px 12px 0;text-align:center;}
.registry-dashboard-panel{margin-top:14px;max-width:100%;box-sizing:border-box;padding:12px 10px 10px;background:linear-gradient(180deg,#fafbfc 0%,#f0f2f5 100%);border:1px solid #dee2e6;border-left:3px solid #fb5605;border-radius:0;box-shadow:0 1px 2px rgba(0,0,0,.06);overflow-wrap:anywhere;word-break:break-word;}
.registry-dashboard-title{margin:0 0 10px;font-size:1.15rem;font-weight:700;color:#36041f;line-height:1.2;}
.registry-dashboard-list{list-style:none;margin:0;padding:0;}
.registry-dashboard-row{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:4px 8px;padding:6px 0;border-top:1px solid #e6e9ed;}
.registry-dashboard-row:first-child{border-top:none;padding-top:0;}
.registry-dashboard-label{font-size:12px;color:#555;font-weight:600;flex:1 1 120px;min-width:0;line-height:1.25;}
.registry-dashboard-num{font-size:1.65rem;font-weight:700;color:#222;font-variant-numeric:tabular-nums;line-height:1;flex:0 0 auto;text-align:right;}
@media (max-width:991px){
.about-registry-photo{flex:0 0 100%;max-width:240px;margin:0 auto;}
.about-registry-lede{flex:1 1 100%;}
.about-registry-body-row > .about-registry-dash-col,.about-registry-body-row > .about-registry-why-col,.about-registry-body-row > .about-registry-serial-col{width:100%;max-width:100%;flex:0 0 100%;}
.about-registry-dash-col .registry-dashboard-panel{max-width:400px;margin-left:auto;margin-right:auto;}
.about-registry-serial-col .about-registry-serial-hero-img{float:none;display:block;margin:0 auto 15px;}
.about-registry-serial-col .serial-examples{text-align:center;}
}
@media (max-width:768px){
.registry-dashboard-panel{text-align:left;}
}
.tab-wrap{margin:16px 0;}
.tab-pane h2{color:#36041f;margin-top:0;}
.tab-pane p{line-height:1.8;font-size:1.5rem;color:#555;}
/* Serial Number Examples */
.serial-examples{display:flex;justify-content:center;gap:30px;margin:30px 0;flex-wrap:wrap;}
.serial-item{text-align:center;padding:15px;background:#f9f9f9;border-radius:8px;min-width:150px;}
.serial-item img{max-width:100px;margin-bottom:10px;border:1px solid #ddd;padding:5px;background:#fff;}
.serial-item em{display:block;color:#666;font-size:1.3rem;}
/* Contact Info */
.contact-info{background:#f9f9f9;padding:15px;border-radius:6px;margin:20px 0;}
/* Card Layout — dashboard-style series panels */
.row{display:flex;flex-wrap:wrap;}
.series-card{background:#fff;border-radius:10px;box-shadow:0 1px 3px rgba(0,0,0,.08),0 4px 14px rgba(54,4,31,.07);margin-bottom:20px;overflow:visible;display:flex;flex-direction:column;height:100%;border:1px solid #e6e1e8;}
.series-header{background:linear-gradient(180deg, #fafbfc 0%, #f9f9f9 38%, #e3dada 100%);color:#111;padding:8px 16px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;border-bottom:1px solid #aeb6c2;box-shadow:inset 0 1px 0 rgba(255,255,255,.9);}
.series-header>div{display:flex;flex-flow:row wrap;align-items:baseline;gap:6px 12px;}
.series-header h3{margin:0;font-size:1.5rem;line-height:1.15;color:#111;font-weight:700;}
.series-header .year{color:#222;font-size:1.4rem;font-weight:600;}
.series-content{padding:14px 16px;display:grid;grid-template-columns:minmax(88px,132px) minmax(0,1fr);gap:14px;align-items:start;flex:0 0 auto;}
.series-image{flex-shrink:0;}
.series-image img{max-width:132px;width:100%;border-radius:8px;box-shadow:0 2px 6px rgba(0,0,0,.15);}
.se-registry .series-content{grid-template-columns:minmax(140px,220px) minmax(0,1fr);}
.se-registry .series-image{max-width:280px;}
.se-registry .series-image img{width:100%;max-width:280px;}
.series-details{flex:1;display:flex;flex-direction:column;gap:12px;min-width:0;}
/* Toggle Button */
.toggle-registry-btn{display:inline-block;width:100%;padding:10px;margin-top:10px;background:#e74c3c;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:1.4rem;font-weight:600;transition:all 0.3s;text-align:center;}
.toggle-registry-btn:hover{background:#c0392b;transform:translateY(-1px);}
.toggle-registry-btn i{margin-right:8px;}
/* Info Items */
.info-group{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;}
.info-item{background:linear-gradient(180deg,#fbfcfe 0%,#f2f4f7 100%);padding:10px 12px;border-radius:8px;border:1px solid #e8eaed;border-left:3px solid #fcbb5a;}
.info-item strong{display:block;color:#36041f;margin-bottom:4px;font-size:1.2rem;}
.info-item span{color:#555;font-size:1.3rem;line-height:1.35;}
.info-item .info-production-total{display:block;margin-top:2px;color:#111;font-size:1.6rem;font-weight:700;line-height:1.2;}
.info-item .info-se-2026-artwork-line{display:block;margin-top:8px;color:#36041f;font-size:12px;font-weight:600;line-height:1.3;}
.view-link{display:inline-block;padding:8px 18px;background:#222;color:#fff;border-radius:0;text-decoration:none;transition:background .2s,border-color .2s;text-align:center;align-self:center;max-width:260px;width:auto;font-size:1.3rem;font-weight:600;border:1px solid #111;}
.view-link:hover{background:#333;text-decoration:none;color:#fff;border-color:#000;}
.se-registry .view-link{padding:8px 16px;font-size:1.4rem;max-width:300px;}
.se-registry .view-link:hover{background:#333;color:#fff;}
/* Registry Table Wrapper */
.registry-table-wrapper{padding:0;overflow:auto;max-height:400px;transition:max-height 0.3s ease-out;flex:1 1 auto;border-top:1px solid #e0e0e0;}
.registry-table-wrapper.hide{max-height:0;border-top:none;}
/* Registry Table */
.registry-table{width:100%;border-collapse:collapse;font-size:1.4rem;}
.registry-table thead{background:linear-gradient(180deg, #f0f2f5 0%, #f5f6f9 55%,#fafcff 100%);color:#111;position:sticky;top:0;z-index:10;box-shadow:inset 0 1px 0 rgba(255,255,255,.75);border-bottom:1px solid #e4e3e3;box-shadow:0 1px 2px rgba(0,0,0,.2);}
.registry-table th{padding:8px 16px;text-align:left;font-weight:600;font-size:13px;border-right:1px solid rgba(0,0,0,.08);color:#111;}
.registry-table th:last-child{border-right:none;}
.registry-table tbody tr{border-bottom:1px solid #e0e0e0;transition:background 0.2s;}
.registry-table tbody tr:hover{background:#f5f5f5;}
.registry-table tbody tr:nth-child(even){background:#fafafa;}
.registry-table tbody tr:nth-child(even):hover{background:#f0f0f0;}
.registry-table td{padding:12px;color:#555;}
.registry-table td:nth-child(2){color:#5a0633;font-weight:600;}
/* Pagination Navigation */
.pagination-nav{text-align:center;margin:30px 0;}
.pagination-nav a{display:inline-block;padding:10px 20px;margin:0 5px;background:linear-gradient(180deg,#2f7dd2 0%,#1e6ebd 100%);color:#fff;border-radius:6px;text-decoration:none;border:1px solid #16508a;font-weight:600;}
.pagination-nav a:hover{background:linear-gradient(180deg,#266bb8 0%,#185a9e 100%);text-decoration:none;color:#fff;}
/* Column Spacing */
.col-md-6{padding-left:10px;padding-right:10px;}
/* Responsive Styles */
@media (min-width:992px){
.col-md-6:first-child{padding-left:15px;}
.col-md-6:last-child{padding-right:15px;}
}
@media (max-width:991px){
.col-md-6{width:100%;float:none;padding-left:15px;padding-right:15px;}
.series-card{margin-bottom:30px;}
}
.registry-h3-sub{margin:24px 0 8px 0;font-size:2rem;font-weight:600;color:#36041f;}
/* Power Surge h3: extra top space after NSWA block (replaces inline margin) */
.registry-h3-sub--power-surge{margin:1.5rem 0 0.4rem 0;}
@media (min-width:768px){
.registry-h3-sub--power-surge{margin:2.25rem 0 0.4rem 0;}
}
@media (max-width:576px){
.registry-h3-sub--power-surge{margin:1.15rem 0 0.35rem 0;font-size:1.75rem;}
}
.power-surge-intro{margin:0 0 16px 0;font-size:1.45rem;line-height:1.5;color:#555;}
/* Section rows: vertical rhythm (replaces inline margin-top on .row) */
.se-registry .registry-row--section{margin-top:1.2rem;}
.se-registry .registry-row--tight{margin-top:0.9rem;}
.se-registry .registry-row--cwa-ps{margin-top:1.1rem;}
@media (min-width:768px){
.se-registry .registry-row--section{margin-top:1.875rem;}
.se-registry .registry-row--tight{margin-top:1.25rem;}
.se-registry .registry-row--cwa-ps{margin-top:1.5rem;}
}
@media (max-width:576px){
.se-registry .registry-row--section,
.se-registry .registry-row--cwa-ps{margin-top:1rem;}
}
/* In-tab back/next between SE-1-8 and SE-9-14 */
.registry-se-tab-nav{text-align:center;margin-top:1.5rem;padding:1rem 0 1.25rem;border-top:2px solid #e0e0e0;}
@media (min-width:768px){
.registry-se-tab-nav{margin-top:2rem;padding:1.15rem 0 1.35rem;}
}
.registry-se-tab-nav__btn{padding:0.55em 1.15em;font-size:1.45rem;}
@media (min-width:768px){
.registry-se-tab-nav__btn{font-size:1.55rem;padding:0.6em 1.2em;}
}
/* Footer: back to registry (single control; full vertical margin here) */
.se-registry .registry-pagination-nav--footer{margin:1.5rem 0 1.25rem;}
@media (min-width:768px){
.se-registry .registry-pagination-nav--footer{margin:2.25rem 0 1.5rem;}
}
@media (max-width:576px){
.se-registry .registry-pagination-nav--footer{margin:1.25rem 0 1rem;}
}
@media (max-width:768px){
.registry-hero h1{font-size:2.4rem;}
.series-header{flex-direction:column;align-items:flex-start;}
.series-content{grid-template-columns:1fr;justify-items:center;text-align:center;}
.series-details{width:100%;text-align:left;}
.series-details .view-link{align-self:center;}
.series-image img{max-width:min(220px,100%);width:100%;}
.se-registry .registry-cwa-vampire-ps .registry-cwa-vampire-fullcard img{max-width:min(280px,100%)!important;}
.se-registry .series-content{grid-template-columns:1fr;}
.info-group{grid-template-columns:1fr;}
.registry-table{font-size:1.2rem;}
.registry-table th, .registry-table td{padding:8px 6px;}
}
/* CWA SE Vampire (left col under Power Surge; matches series-card image scale) */
.se-registry .registry-cwa-vampire-ps .registry-cwa-h3-sub{font-size:1.4rem;font-weight:600;}
@media (min-width:768px){
.se-registry .registry-cwa-vampire-ps .registry-cwa-h3-sub{font-size:1.5rem;}
}
.se-registry .registry-cwa-vampire-fullcard{text-align:center;}
.se-registry .registry-cwa-vampire-fullcard img{max-width:min(280px,100%);height:auto;width:100%;display:block;margin:0 auto;box-shadow:0 2px 6px rgba(0,0,0,.15);border-radius:8px;}