/* Cuxland Power Radio | C-P-R-Neon | Responsive-Repair v1.12.0
 * Loaded after styles.css and cpr-header-nav-v1.9.css.
 * Fixes iPhone viewport/grid/profile without replacing PHP-Fusion templates.
 */
.cpr-page, .cpr-page .cpr-layout, .cpr-page .cpr-sidebar, .cpr-page .cpr-content {
  min-width:0;
  box-sizing:border-box;
}
.cpr-page :is(img,video,iframe) { max-width:100%; }
.cpr-page :is(.cpr-center-panel,.cpr-panel,.cpr-panel-body,#user-profile,.profile-section) {
  min-width:0; max-width:100%;
}
/* Tablets, mobile landscape and browsers using a wider CSS viewport: stack the
 * content rather than squeezing a three-column desktop grid. */
@media screen and (max-width:1024px) {
  html, body {max-width:100%;overflow-x:clip;}
  .cpr-page { width:100%!important; max-width:100%!important; margin-inline:auto!important;
    padding:0 12px 24px!important; }
  .cpr-page .cpr-layout,
  .cpr-page .cpr-layout.cpr-no-left,
  .cpr-page .cpr-layout.cpr-no-right,
  .cpr-page .cpr-layout.cpr-no-left.cpr-no-right {
    display:flex!important; flex-direction:column!important; align-items:stretch!important;
    gap:14px!important; grid-template-columns:none!important;
  }
  .cpr-page .cpr-layout>.cpr-content {order:0!important;flex:none!important;min-width:0!important;width:100%!important;max-width:100%!important;}
  .cpr-page .cpr-layout>.cpr-sidebar-left {order:1!important;flex:none!important;width:100%!important;max-width:100%!important;}
  .cpr-page .cpr-layout>.cpr-sidebar-right {order:2!important;flex:none!important;width:100%!important;max-width:100%!important;}
  .cpr-page .cpr-user-panels {grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  .cpr-page .cpr-header{max-width:100%;}
  .cpr-page .cpr-after-header {display:flex!important;flex-wrap:wrap!important;align-items:stretch!important;min-width:0!important;}
  .cpr-page .cpr-after-header .cpr-navigation-desktop {display:none!important;}
  .cpr-page .cpr-after-header .cpr-mobile-nav {
    display:block!important; flex:1 1 100%!important; width:100%!important;min-width:0!important;
    margin:0!important;border:0!important;background:transparent!important;box-shadow:none!important;
  }
  .cpr-page .cpr-after-header .cpr-mobile-nav>summary {
    display:block!important;cursor:pointer!important;padding:12px 16px!important;
    color:#67e9ff!important;font-weight:800!important;font-size:15px!important;
  }
  .cpr-page .cpr-after-header .cpr-mobile-nav .navbar,
  .cpr-page .cpr-after-header .cpr-mobile-nav .cpr-links {
    display:flex!important;flex-direction:column!important;align-items:stretch!important;
    width:100%!important;min-width:0!important;margin:0!important;
  }
  .cpr-page .cpr-after-header .cpr-mobile-nav .cpr-links>li {
    float:none!important;width:100%!important;min-width:0!important;
    border-top:1px solid rgba(50,151,246,.25)!important;
  }
  .cpr-page .cpr-after-header .cpr-mobile-nav .cpr-links>li::before{display:none!important;}
  .cpr-page .cpr-after-header .cpr-mobile-nav .cpr-links>li>a {
    display:block!important;width:100%!important;padding:11px 16px!important;
    color:#a8f2ff!important;white-space:normal!important;
  }
  .cpr-page .cpr-header-social {
    display:flex!important;flex:1 1 100%!important;width:100%!important;max-width:100%!important;
    justify-content:center!important;align-items:center!important;flex-wrap:wrap!important;
    gap:8px!important;border-left:0!important;border-top:1px solid rgba(50,151,246,.28)!important;
    padding:9px!important;
  }
  .cpr-page .cpr-header-social-links{flex-wrap:wrap!important;justify-content:center!important;}
  .cpr-native-profile-page .cpr-content #user-profile>.row.m-b-20 {
    display:flex!important;flex-direction:column!important;align-items:stretch!important;
    gap:18px!important;width:100%!important;min-width:0!important;padding:18px!important;
  }
  .cpr-native-profile-page .cpr-content #user-profile>.row.m-b-20>[class*="col-"] {
    display:block!important;width:100%!important;min-width:0!important;max-width:100%!important;
    float:none!important;padding:0!important;
  }
  .cpr-native-profile-page .cpr-content #user-profile>.row.m-b-20>.col-sm-2 {text-align:center!important;}
  .cpr-native-profile-page .cpr-content #user-profile>.row.m-b-20>.col-sm-2 .btn {margin:12px auto 0!important;}
  .cpr-native-profile-page .cpr-content #user-profile .cat-field,
  .cpr-native-profile-page .cpr-content #user-profile .row.cat-field {
    display:flex!important;flex-direction:column!important;align-items:stretch!important;
    gap:4px!important;width:100%!important;max-width:100%!important;min-width:0!important;
    padding:10px 12px!important;margin:0!important;
    grid-template-columns:none!important;
  }
  .cpr-native-profile-page .cpr-content #user-profile .cat-field>[class*="col-"] {
    display:block!important;float:none!important;width:100%!important;max-width:100%!important;
    min-width:0!important;padding:0!important;line-height:1.6!important;
    white-space:normal!important;word-break:normal!important;overflow-wrap:break-word!important;
  }
  .cpr-native-profile-page .cpr-content #user-profile .cat-field .field-title {
    font-size:13px!important;line-height:1.35!important;
  }
  .cpr-native-profile-page .cpr-content #user-profile .profile-section {overflow-x:auto;max-width:100%;}
  .cpr-native-profile-page .cpr-content #user-profile :is(.pull-right.btn-group,.btn-group) {
    display:flex!important;flex-wrap:wrap!important;max-width:100%!important;gap:6px!important;
  }
  .cpr-native-profile-page .cpr-content #user-profile :is(input,select,textarea) {max-width:100%!important;}
}
@media screen and (max-width:600px) {
  .cpr-page{padding:0 9px 22px!important;}
  .cpr-page .cpr-after-header{margin-bottom:14px!important;}
  .cpr-page .cpr-content .cpr-center-panel>.cpr-panel-body{padding:12px!important;}
  .cpr-page .cpr-panel-body {padding:10px!important;}
  .cpr-page .cpr-user-panels {grid-template-columns:minmax(0,1fr)!important;}
  .cpr-native-profile-page .cpr-native-profile-heading {padding:17px!important;margin-bottom:14px!important;}
  .cpr-native-profile-page .cpr-content #user-profile>.row.m-b-20 {padding:13px!important;gap:14px!important;}
  .cpr-native-profile-page .cpr-content #user-profile :is(.profile-avatar,img.profile-avatar){
    width:min(150px,65vw)!important;height:auto!important;aspect-ratio:1/1!important;
  }
  .cpr-native-profile-page .cpr-content #user-profile>.row.m-b-20>.col-sm-10>h2 {
    font-size:clamp(23px,6vw,30px)!important;word-break:normal!important;overflow-wrap:break-word!important;
  }
  .cpr-native-profile-page .cpr-content #user-profile .profile-section {padding:12px!important;}
  .cpr-page .cpr-footer-columns{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:17px!important;}
  .cpr-page .cpr-footer-stage{min-width:0;max-width:100%;}
  .cpr-page .cpr-footer-v2{max-width:100%;overflow:hidden;}
}