{"version":3,"file":"css/photo-reviews-styles.css","mappings":"AAGA,2BACE,cACA,aACA,mBACA,kBACA,sBAEA,iDACE,eACA,gBACA,WACA,kBAIJ,qBACE,aACA,4DACA,SACA,mBAEA,yBANF,qBAOI,4DACA,UAIJ,qBACE,kBACA,gBACA,kBACA,oCACA,wBAEA,2BACE,2BACA,sCAGF,uBACE,cACA,kBACA,oBACA,gBAGF,yBACE,kBACA,MACA,OACA,WACA,YACA,iBACA,eACA,8BAGF,+BACE,sBAIJ,qBACE,kBACA,aACA,gCACA,kBACA,gBAEA,0BACE,WACA,eACA,gBAKJ,2BACE,cACA,aACA,uBACA,kBACA,mBACA,wBAEA,iCACE,qBACA,mBAGF,iCACE,cACA,eACA,gBACA,WACA,mBAGF,4CACE,cACA,WACA,aACA,sBACA,kBACA,gBACA,eACA,eACA,iCAEA,kDACE,qBAGF,kDACE,aACA,qBACA,yCAIJ,+CACE,cACA,eACA,eACA,WAGF,gDACE,cACA,eACA,eACA,cACA,gBAEA,sDACE,aAMN,sBACE,cACA,eACA,0BAGF,2BACE,aACA,4DACA,SACA,mBAGF,0BACE,kBACA,gBACA,kBACA,oCACA,wBAEA,gCACE,2BACA,sCAGF,4BACE,cACA,kBACA,oBACA,gBAGF,8BACE,kBACA,MACA,OACA,WACA,YACA,iBACA,eACA,8BAGF,oCACE,qBAIJ,wBACE,gBACA,kBAEA,6CACE,kBACA,mBACA,WACA,YACA,kBACA,eACA,gBACA,eACA,wBAEA,mDACE,mBACA,2BACA,0CAGF,oDACE,wBAMN,yBACE,2BACE,4DACA,S","sources":["webpack://revoty/./resources/sass/modules/photo-reviews.scss"],"sourcesContent":["// Photo Reviews Frontend Styles\n\n// All Photos Gallery\n.revoty-all-photos-gallery {\n  margin: 30px 0;\n  padding: 25px;\n  background: #f9f9f9;\n  border-radius: 8px;\n  border: 1px solid #eee;\n\n  .revoty-gallery-title {\n    font-size: 20px;\n    font-weight: 600;\n    color: #333;\n    margin: 0 0 20px 0;\n  }\n}\n\n.revoty-gallery-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));\n  gap: 10px;\n  margin-bottom: 15px;\n\n  @media (min-width: 768px) {\n    grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));\n    gap: 12px;\n  }\n}\n\n.revoty-gallery-item {\n  position: relative;\n  overflow: hidden;\n  border-radius: 6px;\n  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);\n  transition: all 0.3s ease;\n\n  &:hover {\n    transform: translateY(-3px);\n    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);\n  }\n\n  a {\n    display: block;\n    position: relative;\n    padding-bottom: 100%; // Square aspect ratio\n    overflow: hidden;\n  }\n\n  img {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    cursor: pointer;\n    transition: transform 0.3s ease;\n  }\n\n  &:hover img {\n    transform: scale(1.05);\n  }\n}\n\n.revoty-gallery-more {\n  text-align: center;\n  padding: 15px;\n  background: rgba(37, 169, 132, 0.05);\n  border-radius: 6px;\n  margin-top: 15px;\n\n  span {\n    color: #666;\n    font-size: 14px;\n    font-weight: 500;\n  }\n}\n\n// Photo Upload Field\n.revoty-photo-upload-field {\n  margin: 20px 0;\n  padding: 20px;\n  border: 2px dashed #ddd;\n  border-radius: 8px;\n  background: #f9f9f9;\n  transition: all 0.3s ease;\n\n  &:hover {\n    border-color: #25A984;\n    background: #f0fdfa;\n  }\n\n  label {\n    display: block;\n    font-size: 14px;\n    font-weight: 600;\n    color: #333;\n    margin-bottom: 12px;\n  }\n\n  input[type=\"file\"] {\n    display: block;\n    width: 100%;\n    padding: 12px;\n    border: 1px solid #ddd;\n    border-radius: 6px;\n    background: white;\n    font-size: 14px;\n    cursor: pointer;\n    transition: border-color 0.3s ease;\n\n    &:hover {\n      border-color: #25A984;\n    }\n\n    &:focus {\n      outline: none;\n      border-color: #10594B;\n      box-shadow: 0 0 0 3px rgba(37, 169, 132, 0.1);\n    }\n  }\n\n  .revoty-upload-hint {\n    display: block;\n    margin-top: 8px;\n    font-size: 12px;\n    color: #666;\n  }\n\n  .revoty-upload-error {\n    display: block;\n    margin-top: 8px;\n    font-size: 13px;\n    color: #b32d2e;\n    font-weight: 500;\n\n    &:empty {\n      display: none;\n    }\n  }\n}\n\n// Review Photos Display\n.revoty-review-photos {\n  margin: 20px 0;\n  padding: 15px 0;\n  border-top: 1px solid #eee;\n}\n\n.revoty-review-photos-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));\n  gap: 12px;\n  margin-bottom: 15px;\n}\n\n.revoty-review-photo-item {\n  position: relative;\n  overflow: hidden;\n  border-radius: 8px;\n  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);\n  transition: all 0.3s ease;\n\n  &:hover {\n    transform: translateY(-4px);\n    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.15);\n  }\n\n  a {\n    display: block;\n    position: relative;\n    padding-bottom: 100%; // Square aspect ratio\n    overflow: hidden;\n  }\n\n  img {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    cursor: pointer;\n    transition: transform 0.3s ease;\n  }\n\n  &:hover img {\n    transform: scale(1.1);\n  }\n}\n\n.revoty-view-all-photos {\n  margin-top: 15px;\n  text-align: center;\n\n  .revoty-view-all-btn {\n    padding: 10px 20px;\n    background: #25A984;\n    color: white;\n    border: none;\n    border-radius: 6px;\n    font-size: 14px;\n    font-weight: 600;\n    cursor: pointer;\n    transition: all 0.3s ease;\n\n    &:hover {\n      background: #10594B;\n      transform: translateY(-2px);\n      box-shadow: 0 4px 12px rgba(37, 169, 132, 0.3);\n    }\n\n    &:active {\n      transform: translateY(0);\n    }\n  }\n}\n\n// Mobile responsive\n@media (max-width: 768px) {\n  .revoty-review-photos-grid {\n    grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));\n    gap: 8px;\n  }\n}\n"],"names":[],"sourceRoot":""}