/* =========================================================
   ICR PEDIGREE - COMMENT & RATING PAGE
   File: comment-rating.css
   Scope: frontend/view_comment_rating.php only

   Load AFTER frontend/layout/head so styles-black.css and
   styles-light-override.css remain unchanged.
========================================================= */

/* =========================================================
   PROFESSIONAL PROFILE + COMMENT / RATING PAGE
   view_comment_rating.php
========================================================= */
body.theme-icr .icr-professional-page{
  padding: 2rem 0 3rem;
}

body.theme-icr .icr-professional-page > .container{
  max-width: 1120px;
}

body.theme-icr .icr-profile-heading{
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 1rem;
  margin-bottom: 1rem;
}

body.theme-icr .icr-profile-eyebrow{
  margin-bottom: .25rem;
  color: var(--icr-gold);
  font-size: .76rem;
  font-weight: 800;
  letter-spacing: .12em;
  text-transform: uppercase;
}

body.theme-icr .icr-profile-heading h1{
  margin: 0;
  color: var(--icr-heading);
  font-size: 1.7rem;
  font-weight: 750;
  line-height: 1.2;
}

body.theme-icr .icr-profile-rating-summary{
  min-width: 175px;
  display: inline-flex;
  align-items: center;
  gap: .7rem;
  padding: .7rem .9rem;
  background: rgba(0,0,0,.50);
  border: 1px solid rgba(255,255,255,.10);
  border-radius: .85rem;
  box-shadow: 0 10px 22px rgba(0,0,0,.22);
}

body.theme-icr .icr-profile-rating-summary .icr-rating-star{
  width: 38px;
  height: 38px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 38px;
  border-radius: 50%;
  background: rgba(212,175,55,.14);
  color: var(--icr-gold);
  border: 1px solid rgba(212,175,55,.28);
}

body.theme-icr .icr-profile-rating-summary small{
  display: block;
  margin-bottom: .1rem;
  color: var(--icr-muted);
  font-size: .72rem;
}

body.theme-icr .icr-profile-rating-summary strong{
  display: block;
  color: var(--icr-heading);
  font-size: 1rem;
}

body.theme-icr .icr-profile-card,
body.theme-icr .icr-profile-section{
  background: rgba(0,0,0,.52);
  border: 1px solid rgba(255,255,255,.09);
  border-radius: 1rem;
  box-shadow: 0 16px 34px rgba(0,0,0,.30);
  backdrop-filter: blur(6px);
}

body.theme-icr .icr-profile-card{
  display: grid;
  grid-template-columns: 180px minmax(0, 1fr);
  gap: 1.5rem;
  padding: 1.4rem;
}

body.theme-icr .icr-profile-photo-wrap{
  display: flex;
  align-items: flex-start;
  justify-content: center;
}

body.theme-icr .icr-profile-photo{
  width: 150px;
  height: 150px;
  object-fit: cover;
  display: block;
  border-radius: 1rem;
  background: rgba(255,255,255,.05);
  border: 1px solid rgba(255,255,255,.14);
  box-shadow: 0 12px 26px rgba(0,0,0,.34);
}

body.theme-icr .icr-profile-details{
  min-width: 0;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: .75rem;
}

body.theme-icr .icr-profile-detail-row{
  min-width: 0;
  display: flex;
  align-items: flex-start;
  gap: .75rem;
  padding: .8rem;
  background: rgba(255,255,255,.035);
  border: 1px solid rgba(255,255,255,.07);
  border-radius: .75rem;
}

body.theme-icr .icr-profile-detail-row--wide{
  grid-column: 1 / -1;
}

body.theme-icr .icr-profile-detail-icon,
body.theme-icr .icr-profile-section-icon,
body.theme-icr .icr-social-icon{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  color: var(--icr-gold);
  background: rgba(212,175,55,.10);
  border: 1px solid rgba(212,175,55,.22);
}

body.theme-icr .icr-profile-detail-icon{
  width: 34px;
  height: 34px;
  border-radius: .65rem;
}

body.theme-icr .icr-profile-detail-row > div,
body.theme-icr .icr-social-item > div{
  min-width: 0;
}

body.theme-icr .icr-profile-detail-row small,
body.theme-icr .icr-social-item small{
  display: block;
  margin-bottom: .18rem;
  color: var(--icr-muted);
  font-size: .72rem;
  font-weight: 600;
}

body.theme-icr .icr-profile-detail-row strong,
body.theme-icr .icr-social-item strong{
  display: block;
  color: rgba(255,255,255,.90);
  font-size: .9rem;
  font-weight: 600;
  line-height: 1.4;
  overflow-wrap: anywhere;
}

body.theme-icr .icr-profile-section{
  margin-top: 1rem;
  padding: 1.25rem;
}

body.theme-icr .icr-profile-section-heading{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  margin-bottom: 1rem;
}

body.theme-icr .icr-profile-section-heading > div{
  display: flex;
  align-items: center;
  gap: .75rem;
  min-width: 0;
}

body.theme-icr .icr-profile-section-icon{
  width: 40px;
  height: 40px;
  border-radius: .75rem;
}

body.theme-icr .icr-profile-section-heading small{
  display: block;
  margin-bottom: .05rem;
  color: var(--icr-muted);
  font-size: .7rem;
  font-weight: 700;
  letter-spacing: .06em;
  text-transform: uppercase;
}

body.theme-icr .icr-profile-section-heading h2{
  margin: 0;
  color: var(--icr-heading);
  font-size: 1.08rem;
  font-weight: 700;
}

body.theme-icr .icr-social-grid{
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: .7rem;
}

body.theme-icr .icr-social-item{
  min-width: 0;
  display: flex;
  align-items: center;
  gap: .7rem;
  padding: .72rem .8rem;
  background: rgba(255,255,255,.03);
  border: 1px solid rgba(255,255,255,.07);
  border-radius: .75rem;
}

body.theme-icr .icr-social-icon{
  width: 34px;
  height: 34px;
  border-radius: 50%;
}

body.theme-icr .icr-comments-section{
  overflow: hidden;
}

body.theme-icr .icr-comments-heading{
  margin-bottom: .85rem;
}

body.theme-icr .icr-add-comment-btn{
  white-space: nowrap;
}

body.theme-icr .icr-rating-list{
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.08);
  border-radius: .8rem;
}

body.theme-icr .icr-rating-head,
body.theme-icr .icr-rating-row{
  grid-template-columns: 140px minmax(140px, 1fr) minmax(260px, 2.5fr) 95px;
  column-gap: 1rem;
  align-items: center;
}

body.theme-icr .icr-rating-head{
  display: grid;
  padding: .7rem .85rem;
  background: rgba(255,255,255,.055);
  border-bottom: 1px solid rgba(255,255,255,.08);
  color: var(--icr-gold);
  font-size: .73rem;
  font-weight: 800;
  letter-spacing: .05em;
  text-transform: uppercase;
}

body.theme-icr .icr-rating-row{
  display: grid;
  padding: .85rem;
  color: rgba(255,255,255,.80);
  border-bottom: 1px solid rgba(255,255,255,.07);
}

body.theme-icr .icr-rating-row:last-child{
  border-bottom: 0;
}

body.theme-icr .icr-rating-row:nth-child(odd){
  background: rgba(255,255,255,.018);
}

body.theme-icr .icr-rating-row:hover{
  background: rgba(255,255,255,.045);
}

body.theme-icr .icr-rating-cell{
  min-width: 0;
  overflow-wrap: anywhere;
}

body.theme-icr .icr-rating-member{
  color: var(--icr-heading);
  font-weight: 650;
}

body.theme-icr .icr-rating-comment{
  line-height: 1.5;
}

body.theme-icr .icr-rating-value{
  display: inline-flex;
  align-items: center;
  gap: .4rem;
  padding: .35rem .55rem;
  border-radius: 999px;
  background: rgba(212,175,55,.11);
  border: 1px solid rgba(212,175,55,.22);
  color: var(--icr-gold);
  font-weight: 800;
}

body.theme-icr .icr-rating-empty{
  padding: 2.5rem 1rem;
  text-align: center;
  color: var(--icr-muted);
  border: 1px dashed rgba(255,255,255,.12);
  border-radius: .8rem;
}

body.theme-icr .icr-rating-empty i{
  display: block;
  margin-bottom: .65rem;
  color: var(--icr-gold);
  font-size: 1.5rem;
  opacity: .85;
}

body.theme-icr .icr-rating-empty p{
  margin: 0;
}

body.theme-icr .icr-rating-pagination{
  display: flex;
  justify-content: flex-end;
  margin: 0 0 .85rem;
}

body.theme-icr .icr-rating-pagination--bottom{
  margin: .85rem 0 0;
}

body.theme-icr .icr-rating-pagination:empty{
  display: none;
  margin: 0;
}

body.theme-icr .icr-rating-pagination a,
body.theme-icr .icr-rating-pagination strong{
  min-width: 34px;
  height: 34px;
  margin-left: .25rem;
  padding: 0 .6rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: .55rem;
  font-size: .82rem;
  font-weight: 700;
  text-decoration: none;
}

body.theme-icr .icr-rating-pagination a{
  color: rgba(255,255,255,.78);
  background: rgba(255,255,255,.035);
  border: 1px solid rgba(255,255,255,.10);
}

body.theme-icr .icr-rating-pagination a:hover{
  color: #fff;
  background: rgba(255,255,255,.08);
  border-color: rgba(255,255,255,.18);
}

body.theme-icr .icr-rating-pagination strong{
  color: #000;
  background: var(--icr-gold);
  border: 1px solid var(--icr-gold);
}

@media (max-width: 767.98px){
  body.theme-icr .icr-professional-page{
    padding: 1.25rem 0 2rem;
  }

  body.theme-icr .icr-profile-heading{
    align-items: stretch;
    flex-direction: column;
  }

  body.theme-icr .icr-profile-rating-summary{
    min-width: 0;
    width: 100%;
  }

  body.theme-icr .icr-profile-card{
    grid-template-columns: 1fr;
    gap: 1rem;
    padding: 1rem;
  }

  body.theme-icr .icr-profile-photo{
    width: 128px;
    height: 128px;
  }

  body.theme-icr .icr-profile-details,
  body.theme-icr .icr-social-grid{
    grid-template-columns: 1fr;
  }

  body.theme-icr .icr-profile-detail-row--wide{
    grid-column: auto;
  }

  body.theme-icr .icr-profile-section{
    padding: 1rem;
  }

  body.theme-icr .icr-comments-heading{
    align-items: stretch;
    flex-direction: column;
  }

  body.theme-icr .icr-add-comment-btn{
    width: 100%;
  }

  body.theme-icr .icr-rating-list{
    border: 0;
    overflow: visible;
  }

  body.theme-icr .icr-rating-row{
    display: block;
    margin-bottom: .7rem;
    padding: .85rem;
    background: rgba(255,255,255,.025);
    border: 1px solid rgba(255,255,255,.08);
    border-radius: .75rem;
  }

  body.theme-icr .icr-rating-row:last-child{
    border-bottom: 1px solid rgba(255,255,255,.08);
    margin-bottom: 0;
  }

  body.theme-icr .icr-rating-cell{
    display: grid;
    grid-template-columns: 95px minmax(0, 1fr);
    gap: .65rem;
    align-items: start;
    padding: .35rem 0;
  }

  body.theme-icr .icr-rating-cell::before{
    content: attr(data-label);
    color: var(--icr-gold);
    font-size: .72rem;
    font-weight: 800;
  }

  body.theme-icr .icr-rating-pagination{
    justify-content: center;
    flex-wrap: wrap;
    row-gap: .35rem;
  }
}


/* =========================================================
   LIGHT THEME - PROFESSIONAL PROFILE + COMMENT / RATING PAGE
========================================================= */
html[data-icr-theme="light"] body.theme-icr .icr-profile-rating-summary,
html[data-icr-theme="light"] body.theme-icr .icr-profile-card,
html[data-icr-theme="light"] body.theme-icr .icr-profile-section{
  background: rgba(255,255,255,.86) !important;
  border-color: rgba(122,96,38,.16) !important;
  box-shadow: 0 16px 34px rgba(84,65,28,.11) !important;
}

html[data-icr-theme="light"] body.theme-icr .icr-profile-photo{
  background: #f2eadc !important;
  border-color: rgba(122,96,38,.18) !important;
  box-shadow: 0 12px 26px rgba(84,65,28,.12) !important;
}

html[data-icr-theme="light"] body.theme-icr .icr-profile-detail-row,
html[data-icr-theme="light"] body.theme-icr .icr-social-item{
  background: rgba(250,244,232,.76) !important;
  border-color: rgba(122,96,38,.12) !important;
}

html[data-icr-theme="light"] body.theme-icr .icr-profile-detail-row strong,
html[data-icr-theme="light"] body.theme-icr .icr-social-item strong,
html[data-icr-theme="light"] body.theme-icr .icr-profile-rating-summary strong,
html[data-icr-theme="light"] body.theme-icr .icr-rating-member{
  color: #242019 !important;
}

html[data-icr-theme="light"] body.theme-icr .icr-profile-detail-icon,
html[data-icr-theme="light"] body.theme-icr .icr-profile-section-icon,
html[data-icr-theme="light"] body.theme-icr .icr-social-icon,
html[data-icr-theme="light"] body.theme-icr .icr-profile-rating-summary .icr-rating-star{
  background: rgba(212,175,55,.12) !important;
  border-color: rgba(181,139,35,.22) !important;
  color: #8a6818 !important;
}

html[data-icr-theme="light"] body.theme-icr .icr-rating-list{
  border-color: rgba(122,96,38,.14) !important;
}

html[data-icr-theme="light"] body.theme-icr .icr-rating-head{
  background: #f5eddf !important;
  border-bottom-color: rgba(122,96,38,.14) !important;
  color: #8a6818 !important;
}

html[data-icr-theme="light"] body.theme-icr .icr-rating-row{
  color: rgba(36,32,25,.78) !important;
  border-bottom-color: rgba(122,96,38,.11) !important;
}

html[data-icr-theme="light"] body.theme-icr .icr-rating-row:nth-child(odd){
  background: rgba(250,244,232,.52) !important;
}

html[data-icr-theme="light"] body.theme-icr .icr-rating-row:hover{
  background: rgba(212,175,55,.07) !important;
}

html[data-icr-theme="light"] body.theme-icr .icr-rating-value{
  background: #fff3cd !important;
  border-color: #e7c86d !important;
  color: #7a5a00 !important;
}

html[data-icr-theme="light"] body.theme-icr .icr-rating-empty{
  color: var(--icr-muted) !important;
  border-color: rgba(122,96,38,.20) !important;
  background: rgba(255,255,255,.50) !important;
}

html[data-icr-theme="light"] body.theme-icr .icr-rating-pagination a{
  color: rgba(36,32,25,.76) !important;
  background: rgba(255,255,255,.78) !important;
  border-color: rgba(122,96,38,.18) !important;
}

html[data-icr-theme="light"] body.theme-icr .icr-rating-pagination a:hover{
  color: #17140f !important;
  background: rgba(212,175,55,.12) !important;
  border-color: rgba(212,175,55,.38) !important;
}

html[data-icr-theme="light"] body.theme-icr .icr-rating-pagination strong{
  color: #17140f !important;
}

@media (max-width: 767.98px){
  html[data-icr-theme="light"] body.theme-icr .icr-rating-row{
    background: rgba(255,255,255,.72) !important;
    border-color: rgba(122,96,38,.13) !important;
  }

  html[data-icr-theme="light"] body.theme-icr .icr-rating-row:last-child{
    border-bottom-color: rgba(122,96,38,.13) !important;
  }

  html[data-icr-theme="light"] body.theme-icr .icr-rating-cell::before{
    color: #8a6818 !important;
  }
}