/* Layout additions to the original JV style.css; original site theme remains authoritative. */
.jv-main{box-sizing:border-box}
.jv-main>h1{text-align:left}
.jv-main .link-row{display:flex;align-items:center;gap:12px;background:#eee;padding:12px;margin:10px 0;border-radius:5px}
.link-row label{font-weight:bold;min-width:145px;font-size:14px}
.link-row input,.link-row select{font:inherit;padding:8px;margin:0;border:1px solid #ccc;background:#fff;min-width:0}
.link-row input{flex:1;width:100px}
.link-row select{width:auto}
.link-row button,.resource button{cursor:pointer;border:0;padding:10px 15px;background:#ffe400;color:#6e380d;font:inherit}
.link-row button:hover,.resource button:hover{background:#fff000}
.identity{flex-wrap:wrap}
.identity label[for=affname]{min-width:auto}
.identity #affname{max-width:220px}
.detail{display:grid;grid-template-columns:300px minmax(0,1fr);gap:30px;padding:20px 0;margin:25px 0}
.detail-image img{width:300px;max-width:100%;height:auto}
.detail-image .button{width:100%;text-align:center}
.detail-copy p:first-child{margin-top:0}
.earnings{border-top:1px solid #ccc;padding-top:20px}
.resource{margin:0 0 36px}
.resource textarea{display:block;user-select:text}
.resource-intro{overflow:auto;margin:30px 0}
.resource-intro img,.banner-preview{max-width:100%;height:auto}
.notice{background:#fffec4;border:1px solid #ccc;padding:12px}
.jv-catalog.large .thumbnail img{width:300px;height:300px;object-fit:contain}
.jv-catalog.large .card .actions{flex-direction:row;justify-content:flex-end;flex-wrap:wrap}
.icon-input input{width:100%}
/* Keep the original menu artwork and behaviour while allowing its items to wrap on phones. */
#mbmcpebul_table li{max-width:100%}
@media(max-width:850px){.detail{grid-template-columns:240px minmax(0,1fr)}.identity label[for=affname]{min-width:145px}.identity #affname{max-width:none}}
@media(max-width:600px){.detail{display:flex;flex-direction:column}.detail-image{margin:auto}.jv-main .link-row{flex-wrap:wrap}.link-row label{width:100%;min-width:0}.link-row input{flex-basis:65%}.identity input{flex-basis:100%}.link-row select{width:100%}.resource{padding:15px}}

/* Restore original signup overlay styling, with layout fixes for the new hub. */
.overlay{position:fixed;overflow-y:auto;z-index:1000}
.overlay .popup{box-sizing:border-box;max-width:850px}
.resource-guide{overflow-x:auto;margin:25px 0}
.resource-guide table{min-width:600px}
#social-bookmarks input,#social-bookmarks textarea,.forum-replies textarea{max-width:100%;box-sizing:border-box}
#social-bookmarks table{width:100%}
.jv-main .normal-privacy{font-size:14px}

.jv-main .button{font-size:16px}

/* Store-style catalogue controls and layouts, retaining both affiliate actions. */
#catalog.jv-catalog .tile-links{display:flex;flex-direction:column;align-items:flex-end;gap:8px}
#catalog.jv-catalog.small .tile-links{align-items:center}
#catalog.jv-catalog.extra .tile-links{flex-direction:row;flex-wrap:wrap;justify-content:flex-end}
#catalog.jv-catalog .tile-links .button{max-width:none}
#catalog.jv-catalog .actions{gap:12px}
#catalog.jv-catalog .price{overflow-wrap:anywhere}

/* Affiliate catalogue refinements. */
.earnings-range{color:#008000}
.welcome-content.page{max-width:1200px;box-sizing:border-box}
.earnings-proof{text-align:center;clear:both}
.earnings-proof img{display:block;float:none;max-width:100%;height:auto;margin:20px auto}
.training-navigation .tabs{justify-content:center}
.controls #type:disabled{color:#777;background:#eee;cursor:not-allowed;opacity:1}
#catalog.jv-catalog .description-small,#catalog.jv-catalog .description-medium{display:none;margin:0}
#catalog.jv-catalog.small .description-full,#catalog.jv-catalog.medium .description-full{display:none}
#catalog.jv-catalog.small .description-small,#catalog.jv-catalog.medium .description-medium{display:block}
#catalog.jv-catalog .tile-links .button{box-sizing:border-box;width:160px;max-width:100%;margin:5px 6px;text-align:center}
#catalog.jv-catalog .tile-links{max-width:100%}
#catalog.jv-catalog.medium .actions{flex-wrap:wrap}
#catalog.jv-catalog.large .card{display:flex;flex-direction:column}
#catalog.jv-catalog.large .card h2{text-align:center}
#catalog.jv-catalog.large .thumbnail{margin-left:auto;margin-right:auto}
#catalog.jv-catalog.large .description{width:100%;text-align:justify;text-align-last:left}
#catalog.jv-catalog.large .actions{width:100%;flex-direction:row;justify-content:space-between;align-items:center;text-align:left;flex-wrap:wrap}
#catalog.jv-catalog.large .price-stack{align-items:flex-start;text-align:left}
.affiliate-profile{box-sizing:border-box;max-width:600px;margin:20px auto 30px;padding:24px;border:1px solid #ccc;border-radius:6px;background:#f1f1f1}
.profile-fields{display:grid;grid-template-columns:130px minmax(0,1fr);align-items:center;gap:14px 12px}
.profile-fields label{font-weight:bold;text-align:left}
.profile-fields input{box-sizing:border-box;width:100%;min-width:0;margin:0;padding:10px;border:1px solid #ccc;border-radius:4px;font:inherit;background:#fff}
.profile-submit{text-align:center}
.profile-submit button{cursor:pointer;padding:10px 16px;border:0;background:#ffe400;color:#6e380d;font:inherit}
.profile-notes{font-size:14px;line-height:1.5}
.profile-notes p{margin-bottom:0}
@media(max-width:540px){.affiliate-profile{padding:18px}.profile-fields{grid-template-columns:1fr;gap:6px}.profile-fields input{margin-bottom:8px}}

/* Original resource presentation with modern clipboard controls. */
.resource{padding:0;border:0;border-radius:0;background:transparent}
.resource-actions{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:4px;margin:14px 0 0}
.resource-actions input[type=button],.resource-actions .resource-post{box-sizing:border-box;display:inline-block;font:16px Verdana,sans-serif;color:#333;background:ButtonFace;border:1px solid #ccc;border-radius:0;padding:5px;margin:1px;line-height:normal;text-decoration:none;cursor:pointer}
.resource-actions :disabled{cursor:wait;opacity:.7}
.detail-image .earnings{border:0;padding:0;margin:12px 0 18px;font-size:16px;text-align:center}
.detail-image .preview-heading{margin:0 0 8px}
.detail-image .preview-links{display:flex;flex-direction:column;gap:6px}
.detail-image .preview-links .button{box-sizing:border-box;display:block;width:100%;padding:12px 10px;margin:0;line-height:1.35}
.product-link-controls{margin-top:24px}
.product-link-controls .link-row{flex-wrap:wrap}
.product-link-controls .identity label{min-width:110px}
.copy-toast{position:fixed;bottom:20px;left:20px;z-index:2000;max-width:calc(100vw - 40px);box-sizing:border-box;padding:10px 14px;border-radius:4px;background:#333;color:#fff;font-size:14px;line-height:1.4;pointer-events:none;opacity:0;transform:translateY(6px);transition:opacity 180ms ease,transform 180ms ease}
.copy-toast.is-visible{opacity:1;transform:translateY(0)}
@media(prefers-reduced-motion:reduce){.copy-toast{transition:none;transform:none}}

/* Original-style paired graphics, with full-width large banners and no empty slots. */
.graphics-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 32px;align-items:stretch;margin:25px 0}
.graphics-grid .graphic-resource{min-width:0;margin:0;display:flex;flex-direction:column;text-align:center}
.graphics-grid .graphic-wide{grid-column:1/-1}
.graphics-grid .graphic-resource h2{font-size:18px;font-weight:400;margin:0 0 12px;overflow-wrap:anywhere}
.graphic-preview{display:flex;align-items:center;justify-content:center;flex:1;margin:0 0 18px}
.graphic-preview a{display:block;max-width:100%}
.graphic-preview .banner-preview{display:block;max-width:100%;height:auto;margin:0 auto}
.graphic-resource textarea{width:100%;max-width:720px;margin-left:auto;margin-right:auto;min-height:110px;text-align:left}
.graphic-resource .resource-actions{margin-top:12px}
@media(max-width:700px){.graphics-grid{grid-template-columns:1fr;gap:28px}.graphics-grid .graphic-wide{grid-column:auto}}

/* Montserrat typography and final JV layout refinements. */
body,h1,h2,h3,h4,.jv-main a,.jv-main input,.jv-main select,.jv-main textarea,.jv-main button,.button,.letter,.bgfootercontent{font-family:'Montserrat',sans-serif!important}
#mbmcpebul_table a{font-family:'Montserrat',sans-serif!important}
.jv-main .tabs{justify-content:center}
.affiliate-profile{max-width:700px}
#catalog.jv-catalog .tile-links{gap:4px}
#catalog.jv-catalog .tile-links .button{margin:2px 3px}
#catalog.jv-catalog.small .earnings-label,#catalog.jv-catalog.medium .earnings-label{display:block}
#catalog.jv-catalog.small .earnings-range,#catalog.jv-catalog.medium .earnings-range{display:block}
#catalog.jv-catalog.medium .actions,#catalog.jv-catalog.large .actions{flex-direction:column;align-items:center;justify-content:flex-end;text-align:center;gap:8px}
#catalog.jv-catalog.medium .price-stack,#catalog.jv-catalog.large .price-stack{align-items:center;text-align:center}
#catalog.jv-catalog.medium .tile-links,#catalog.jv-catalog.large .tile-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 8px;width:100%;max-width:360px;align-items:stretch;justify-content:center}
#catalog.jv-catalog.medium .tile-links .button,#catalog.jv-catalog.large .tile-links .button{display:flex;align-items:center;justify-content:center;width:calc(100% - 6px);max-width:none}
#catalog.jv-catalog.extra .card h2{grid-column:1/-1;grid-row:1}
#catalog.jv-catalog.extra .thumbnail{grid-column:1;grid-row:2/4}
.detail-image .earnings{text-align:left;font-weight:400}
.detail-image .earnings-label{display:block}
.detail-image .earnings-range{display:block;font-size:22px;font-weight:400;line-height:1.4}
.product-link-controls .link-row{display:grid;grid-template-columns:110px minmax(0,1fr) auto;gap:8px;align-items:center}
.product-link-controls .custom-link-row{grid-template-columns:110px 100px minmax(0,1fr) auto}
.product-link-controls .link-row label{width:auto;min-width:0}
.product-link-controls .link-row input,.product-link-controls .link-row select{width:100%;min-width:0;max-width:none}
.product-link-controls .link-row .button{font:inherit;color:#fff;background:linear-gradient(to bottom,#3498db,#2980b9);padding:8px 12px;border:0;line-height:1.4;margin:0}
.product-link-controls .link-row .button:hover{background:linear-gradient(to bottom,#3cb0fd,#3498db)}
.copy-toast{left:auto;right:20px;bottom:20px;width:max-content;max-width:min(420px,calc(100vw - 40px));color:#176b38;background:#e9f8ee;border:1px solid #addcbd;box-shadow:0 3px 12px rgba(23,107,56,.12);overflow-wrap:anywhere}
.copy-toast.is-error{color:#8a3b12;background:#fff2e8;border-color:#efc29b}
@media(max-width:600px){.product-link-controls .link-row{grid-template-columns:90px minmax(0,1fr) auto;padding:10px;gap:6px}.product-link-controls .custom-link-row{grid-template-columns:90px 80px minmax(0,1fr) auto}}
@media(max-width:480px){.product-link-controls .custom-link-row{grid-template-columns:80px minmax(0,1fr) auto}.product-link-controls .custom-link-row label{grid-column:1/-1}}
#catalog.jv-catalog.small .price{font-size:16px}
#catalog.jv-catalog.small .earnings-label,#catalog.jv-catalog.small .earnings-range,#catalog.jv-catalog.medium .earnings-label,#catalog.jv-catalog.medium .earnings-range{white-space:nowrap}
@media(min-width:851px) and (max-width:1000px){#catalog.jv-catalog.small .price{font-size:14px}}

/* Each training route presents one video, with section and lesson navigation. */
.training-video-navigation .tabs{justify-content:center;gap:6px;margin-bottom:30px}
.training-video-navigation .tabs a{font-size:14px;line-height:1.4;padding:8px 12px;max-width:100%;text-align:center}
.training-description{font-size:inherit;font-weight:400;line-height:1.7;margin:24px 0}
.training-lesson{margin-bottom:30px}

/* Equal menu padding follows the text width, including the longer labels. */
#mbmcpebul_table{display:flex;flex-wrap:wrap;justify-content:center;margin:0;width:auto}
#mbmcpebul_table li{float:none;margin:0}
#mbmcpebul_table li div.buttonbg{width:auto!important;height:auto}
#mbmcpebul_table li a{box-sizing:border-box;padding:20px;line-height:19px;text-align:center}
.training-navigation .tabs{overflow:visible;gap:6px;margin-bottom:30px}
.training-dropdown{position:relative;max-width:100%;text-align:left}
.training-dropdown summary{box-sizing:border-box;padding:10px 14px;border:1px solid #ccc;background:#eee;border-radius:4px;cursor:pointer;font-size:14px;line-height:1.4;list-style:none;text-align:center}
.training-dropdown summary::-webkit-details-marker{display:none}
.training-dropdown summary::after{content:' ▾'}
.training-dropdown.is-current summary{background:#333;color:#fff;border-color:#333}
.training-dropdown summary:focus-visible{outline:2px solid #2980b9;outline-offset:2px}
.training-dropdown-links{position:absolute;top:100%;left:0;z-index:50;width:360px;max-width:calc(100vw - 40px);padding:6px;box-sizing:border-box;border:1px solid #ccc;border-radius:4px;background:#fff;box-shadow:0 5px 15px rgba(0,0,0,.15)}
.training-navigation .tabs .training-dropdown-links a{display:block;margin:0;border:0;border-radius:0;padding:10px 12px;white-space:normal;text-align:left;font-size:14px;line-height:1.4}
.training-navigation .tabs .training-dropdown-links a:hover,.training-navigation .tabs .training-dropdown-links a[aria-current=page]{background:#eee;color:#333}
.training-description p{font-weight:400;margin:0 0 18px}
.training-description p:last-child{margin-bottom:0}
@media(min-width:701px){.training-dropdown:last-child .training-dropdown-links{left:auto;right:0}}
@media(max-width:700px){.training-dropdown-links{position:static;width:100%;max-width:100%;box-shadow:none}.training-dropdown[open]{flex-basis:100%}}

/* Latest affiliate tile and submenu refinements. */
#catalog.jv-catalog.medium .card h2{text-align:center}
#catalog.jv-catalog.medium .tile-links{grid-template-columns:minmax(0,1fr);max-width:180px}
#catalog.jv-catalog.large .card h2{font-size:28px;line-height:1.25}
.detail-image .earnings-label{font-weight:900}
.jv-main .tabs a,.training-dropdown summary,.training-navigation .tabs .training-dropdown-links a{border-radius:5px}

/* Submenus share the catalogue action-button blues. */
.jv-main .tabs a,.training-dropdown summary,.training-dropdown.is-current summary,.training-navigation .tabs .training-dropdown-links a{color:#fff;background:linear-gradient(to bottom,#3498db,#2980b9);border-color:#2980b9}
.jv-main .tabs a:hover,.jv-main .tabs a:focus-visible,.training-dropdown summary:hover,.training-dropdown[open] summary,.training-navigation .tabs .training-dropdown-links a:hover,.training-navigation .tabs .training-dropdown-links a:focus-visible{color:#fff;background:linear-gradient(to bottom,#3cb0fd,#3498db)}
.jv-main .tabs a[aria-current],.training-dropdown.is-current summary,.training-navigation .tabs .training-dropdown-links a[aria-current=page]{color:#fff;background:linear-gradient(to bottom,#3498db,#2980b9);box-shadow:inset 0 0 0 2px rgba(255,255,255,.55)}

/* White lesson dropdowns beneath the blue section buttons. */
.training-dropdown-links{margin:0;padding:0}
.training-navigation .tabs .training-dropdown-links a{margin:0;padding:14px 12px;color:#333;background:#fff;box-shadow:none}
.training-navigation .tabs .training-dropdown-links a:hover,.training-navigation .tabs .training-dropdown-links a:focus-visible,.training-navigation .tabs .training-dropdown-links a[aria-current=page]{color:#333;background:#eee;box-shadow:none}

/* Compact six-section training menu and square lesson dropdowns. */
.training-description strong{font-weight:600}
.training-dropdown-links,.training-navigation .tabs .training-dropdown-links a{border-radius:0}
@media(min-width:1000px){
 .training-navigation .tabs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}
 .training-dropdown summary{font-size:16px;padding:12px 8px;white-space:nowrap}
}

/* Separate commission details from the earnings range. */
.detail-image .commission{margin:12px 0 18px;text-align:left}
.detail-image .commission-label{display:block;font-weight:900}
.detail-image .commission-rate{display:block;color:#008000;font-size:22px;font-weight:400;line-height:1.4}

/* Explicit dismissal takes precedence over the original :target overlay. */
#continue.overlay[hidden]{display:none!important}

/* Consistent setup subtitles; retain the original indented process paragraphs. */
.affiliate-setup h3,.affiliate-setup h3 strong,.affiliate-setup>p>strong{font-weight:700}

/* Slightly smaller JV catalogue controls. */
.jv-main .controls,.jv-main .controls label,.jv-main .controls input,.jv-main .controls select{font-size:16px}

/* Larger section-button labels; video dropdown items retain their 14px type. */
.training-dropdown summary{font-size:16px}

/* Keep the JV product status together beside the pager. */
.jv-main .pagination-row{display:grid;grid-template-columns:minmax(0,1fr) max-content;align-items:center;gap:12px}
.jv-main .pagination-row .pagination{grid-column:1;min-width:0;margin:0;flex-wrap:nowrap;overflow-x:auto;justify-content:safe center}
.jv-main .pagination-row #results{grid-column:2;white-space:nowrap!important;width:auto;max-width:none;min-width:max-content;margin:0;justify-self:end;text-align:right;line-height:1.4}
.jv-main .pagination-row.no-pagination{grid-template-columns:1fr}
.jv-main .pagination-row.no-pagination #results{grid-column:1}
@media(max-width:600px){.jv-main .pagination-row{gap:8px}.jv-main .pagination-row #results{font-size:12px}}

/* Balance both sides so the pager is centered on the full catalogue. */
.jv-main .pagination-row{grid-template-columns:200px minmax(0,1fr) 200px}
.jv-main .pagination-row .pagination{grid-column:2}
.jv-main .pagination-row #results{grid-column:3}
.jv-main .pagination-row.no-pagination{grid-template-columns:1fr}
.jv-main .pagination-row.no-pagination #results{grid-column:1}
@media(max-width:600px){
 .jv-main .pagination-row{grid-template-columns:minmax(0,1fr) max-content}
 .jv-main .pagination-row .pagination{grid-column:1}
 .jv-main .pagination-row #results{grid-column:2}
 .jv-main .pagination-row.no-pagination{grid-template-columns:1fr}
 .jv-main .pagination-row.no-pagination #results{grid-column:1}
}
