/* ==========================================================
   ARTFreeLife — Menu + Miniature + User Bar
   Versione perfezionata
   - Header trasparente e full width
   - Menu editoriale minimale
   - User bar Ning coordinata
   - Popup messages sotto e sopra i layer
   - Miniature commenti quadrate/eleganti
   - Titolo foto nascosto, autore valorizzato
   ========================================================== */


/* ==========================================================
   1) DESCRIZIONE FOTO: NASCONDE TITOLO, VALORIZZA AUTORE
   ========================================================== */

.photo-item-description{
  padding:10px 6px 4px !important;
  text-align:center !important;
}

.photo-item-description .photo-item-title,
.photo-item-description h4.photo-item-title{
  display:none !important;
}

.photo-item-description .photo-item-contributor,
.photo-item-description p.photo-item-contributor{
  margin:0 !important;
  font-size:0 !important;
  line-height:1.4 !important;
}

.photo-item-description .photo-item-contributor a,
.photo-item-description p.photo-item-contributor a{
  display:inline-block !important;
  font-family:Georgia, "Times New Roman", serif !important;
  font-size:15.5px !important;
  line-height:1.32 !important;
  letter-spacing:.035em !important;
  font-style:italic !important;
  font-weight:500 !important;
  color:#303030 !important;
  text-decoration:none !important;
  opacity:.92 !important;
  transition:
    transform .22s ease,
    color .22s ease,
    opacity .22s ease !important;
}

.photo-item-description .photo-item-contributor a:hover,
.photo-item-description p.photo-item-contributor a:hover{
  transform:translateY(-1px) scale(1.045) !important;
  color:#000 !important;
  opacity:1 !important;
}


/* ==========================================================
   2) MINIATURE COMMENTI / ANTEPRIME
   SOLO PICCOLE IMMAGINI, NON FOTO GRANDI
   ========================================================== */

.comments img[src*="storage.ning.com/topology/rest/1.0/file/get/"],
.comment img[src*="storage.ning.com/topology/rest/1.0/file/get/"],
.comments-main img[src*="storage.ning.com/topology/rest/1.0/file/get/"],
.comments-ningSemiThreaded img[src*="storage.ning.com/topology/rest/1.0/file/get/"],
a img[src*="profile=RESIZE_180x180"],
a img[src*="crop=1%3A1"],
span img[src*="profile=RESIZE_180x180"],
span img[src*="crop=1%3A1"]{
  width:100% !important;
  height:100% !important;
  border-radius:0 !important;
  -webkit-border-radius:0 !important;
  clip-path:none !important;
  object-fit:cover !important;
  display:block !important;
  background:#f4f4f4 !important;
  filter:contrast(1.02) saturate(.96) !important;
}

.comments a:has(img),
.comments span:has(img),
.comment a:has(img),
.comment span:has(img),
.comments-main a:has(img),
.comments-main span:has(img),
.comments-ningSemiThreaded a:has(img),
.comments-ningSemiThreaded span:has(img){
  display:block !important;
  border-radius:0 !important;
  -webkit-border-radius:0 !important;
  overflow:hidden !important;
  clip-path:none !important;
  background:#f6f6f6 !important;
  box-shadow:inset 0 0 0 1px rgba(0,0,0,.055) !important;
}


/* ==========================================================
   3) RESET SICURO HEADER
   ========================================================== */

.site-header,
.site-header *,
.header-nav,
.header-nav *,
.mainTab,
.mainTab *,
.site-nameLogo,
.site-nameLogo *{
  box-sizing:border-box !important;
}

#xg_head,
.xg_theme #xg_head,
.site-header,
.site-header.container,
#xg_head .container,
.xg_theme #xg_head .container{
  background:transparent !important;
  background-color:transparent !important;
  background-image:none !important;
  border:none !important;
  box-shadow:none !important;
  outline:none !important;
}

#xg_head::before,
#xg_head::after,
.site-header::before,
.site-header::after,
.site-header.container::before,
.site-header.container::after,
.header-nav::before,
.header-nav::after,
.mainTab::before,
.mainTab::after{
  content:none !important;
  display:none !important;
}


/* ==========================================================
   4) HEADER FULL WIDTH
   ========================================================== */

.site-header.container{
  position:relative !important;
  left:50% !important;
  right:50% !important;
  width:100vw !important;
  max-width:100vw !important;
  margin-left:-50vw !important;
  margin-right:-50vw !important;
  margin-top:0 !important;
  margin-bottom:0 !important;
  padding:8px 28px 7px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:24px !important;
  overflow:visible !important;
  z-index:20 !important;
}

#xg_head .container,
.xg_theme #xg_head .container{
  width:100% !important;
  max-width:100% !important;
  margin:0 !important;
  padding:0 !important;
}


/* ==========================================================
   5) LOGO
   ========================================================== */

.site-nameLogo{
  flex:0 0 auto !important;
  min-width:auto !important;
  margin:0 !important;
  padding:0 !important;
  z-index:2 !important;
  background:transparent !important;
  border:none !important;
  box-shadow:none !important;
}

.header-siteNameLogo{
  margin:0 !important;
  padding:0 !important;
  display:flex !important;
  align-items:center !important;
  background:transparent !important;
  border:none !important;
  box-shadow:none !important;
}

#header-siteName{
  display:none !important;
}

.header-logoImage{
  display:inline-flex !important;
  align-items:center !important;
  line-height:0 !important;
  margin:0 !important;
  padding:0 !important;
  text-decoration:none !important;
  background:transparent !important;
  border:none !important;
  box-shadow:none !important;
}

.header-logoIMG{
  display:block !important;
  width:auto !important;
  height:auto !important;
  max-height:70px !important;
  object-fit:contain !important;
  opacity:.82 !important;
  filter:grayscale(100%) contrast(1.03) brightness(.98) !important;
  background:transparent !important;
  border:none !important;
  box-shadow:none !important;
  transition:
    opacity .25s ease,
    transform .25s ease,
    filter .25s ease !important;
}

.header-logoImage:hover .header-logoIMG{
  opacity:.96 !important;
  transform:translateY(-1px) !important;
  filter:grayscale(100%) contrast(1.06) brightness(.96) !important;
}


/* ==========================================================
   6) NAV WRAPPER
   ========================================================== */

.header-nav,
.header-nav.navbar,
.site-header nav{
  flex:1 1 auto !important;
  min-width:0 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:flex-end !important;
  margin:0 !important;
  padding:0 !important;
  background:transparent !important;
  background-color:transparent !important;
  background-image:none !important;
  border:none !important;
  box-shadow:none !important;
  outline:none !important;
}

.occasional-button{
  display:none !important;
}


/* ==========================================================
   7) MENU PRINCIPALE
   ========================================================== */

.mainTab{
  list-style:none !important;
  display:flex !important;
  flex-wrap:wrap !important;
  justify-content:flex-end !important;
  align-items:center !important;
  gap:0 !important;
  width:100% !important;
  margin:0 !important;
  padding:0 !important;
  background:transparent !important;
  border:none !important;
  box-shadow:none !important;
}

.mainTab-item{
  position:relative !important;
  margin:0 !important;
  padding:0 !important;
  list-style:none !important;
  background:transparent !important;
  border:none !important;
  box-shadow:none !important;
}

.mainTab-item::before,
.mainTab-item::after{
  content:none !important;
  display:none !important;
}

.mainTab-item > a,
.mainTab-item > a:link,
.mainTab-item > a:visited{
  position:relative !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  padding:8px 12px !important;
  margin:0 !important;
  background:transparent !important;
  color:#232323 !important;
  text-decoration:none !important;
  border:none !important;
  box-shadow:none !important;
  outline:none !important;
  border-radius:0 !important;
  white-space:nowrap !important;
  font-family:Georgia, "Times New Roman", serif !important;
  font-size:11px !important;
  line-height:1.05 !important;
  letter-spacing:.18em !important;
  text-transform:uppercase !important;
  font-weight:400 !important;
  opacity:.86 !important;
  transition:
    color .22s ease,
    opacity .22s ease,
    transform .22s ease,
    letter-spacing .22s ease !important;
}

.mainTab-item > a:hover,
.mainTab-item > a:focus{
  color:#111 !important;
  opacity:1 !important;
  background:transparent !important;
  transform:translateY(-1px) !important;
  letter-spacing:.20em !important;
}

.mainTab-item.active > a,
.mainTab-item.current > a,
.mainTab-item.sel > a{
  color:#111 !important;
  opacity:1 !important;
  background:transparent !important;
}

.mainTab-item > a::after{
  content:"";
  position:absolute !important;
  left:12px !important;
  right:12px !important;
  bottom:4px !important;
  height:1px !important;
  background:linear-gradient(90deg, rgba(0,0,0,0), rgba(0,0,0,.18), rgba(0,0,0,0)) !important;
  opacity:0 !important;
  transform:scaleX(.62) !important;
  transform-origin:center !important;
  transition:opacity .24s ease, transform .24s ease !important;
  pointer-events:none !important;
}

.mainTab-item > a:hover::after,
.mainTab-item > a:focus::after,
.mainTab-item.active > a::after,
.mainTab-item.current > a::after,
.mainTab-item.sel > a::after{
  opacity:1 !important;
  transform:scaleX(1) !important;
}

.mainTab-item + .mainTab-item > a::before{
  content:"";
  position:absolute !important;
  left:0 !important;
  top:50% !important;
  width:1px !important;
  height:10px !important;
  background:rgba(0,0,0,.055) !important;
  transform:translateY(-50%) !important;
}

.mainTab-item a[href*="exhibition"] span,
.mainTab-item a[href*="gallery"] span,
.mainTab-item a[href*="magazine"] span{
  letter-spacing:.20em !important;
}


/* ==========================================================
   8) USER BAR NING
   ========================================================== */

body > div.before-content > div.ningbar.cf{
  background:transparent !important;
  background-color:transparent !important;
  background-image:none !important;
  border:none !important;
  box-shadow:none !important;
  position:relative !important;
  z-index:999990 !important;
  overflow:visible !important;
}

body > div.before-content > div.ningbar.cf .dashboardBarWrap,
body > div.before-content > div.ningbar.cf #dashboardBar{
  position:relative !important;
  z-index:999991 !important;
  overflow:visible !important;
}

body > div.before-content > div.ningbar.cf #dashboardBar *{
  overflow:visible !important;
}

body > div.before-content > div.ningbar.cf ul.ningbar-userLinks.linkbar{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-end !important;
  flex-wrap:wrap !important;
  gap:0 !important;
  width:100% !important;
  max-width:100% !important;
  margin:0 !important;
  padding:6px 18px 8px !important;
  list-style:none !important;
  background:transparent !important;
  border:none !important;
  border-top:1px solid rgba(0,0,0,.055) !important;
  box-shadow:none !important;
  position:relative !important;
  overflow:visible !important;
  z-index:999992 !important;
}

body > div.before-content > div.ningbar.cf ul.ningbar-userLinks.linkbar > li{
  display:flex !important;
  align-items:center !important;
  margin:0 !important;
  padding:0 !important;
  list-style:none !important;
  background:transparent !important;
  border:none !important;
  box-shadow:none !important;
  position:relative !important;
  z-index:999993 !important;
}


/* ==========================================================
   9) LINK USER BAR
   ========================================================== */

body > div.before-content > div.ningbar.cf ul.ningbar-userLinks.linkbar > li > a,
body > div.before-content > div.ningbar.cf ul.ningbar-userLinks.linkbar .ningbar-link,
body > div.before-content > div.ningbar.cf ul.ningbar-userLinks.linkbar #username,
body > div.before-content > div.ningbar.cf ul.ningbar-userLinks.linkbar #signout{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  position:relative !important;
  padding:6px 10px !important;
  margin:0 !important;
  background:transparent !important;
  color:#2a2a2a !important;
  text-decoration:none !important;
  border:none !important;
  border-radius:0 !important;
  box-shadow:none !important;
  outline:none !important;
  white-space:nowrap !important;
  font-family:Georgia, "Times New Roman", serif !important;
  font-size:10px !important;
  line-height:1.1 !important;
  letter-spacing:.13em !important;
  text-transform:uppercase !important;
  font-weight:400 !important;
  opacity:.90 !important;
  transition:
    color .22s ease,
    opacity .22s ease,
    transform .22s ease !important;
}

body > div.before-content > div.ningbar.cf ul.ningbar-userLinks.linkbar > li > a:hover,
body > div.before-content > div.ningbar.cf ul.ningbar-userLinks.linkbar .ningbar-link:hover,
body > div.before-content > div.ningbar.cf ul.ningbar-userLinks.linkbar #username:hover,
body > div.before-content > div.ningbar.cf ul.ningbar-userLinks.linkbar #signout:hover{
  color:#111 !important;
  opacity:1 !important;
  background:transparent !important;
  transform:translateY(-1px) !important;
}

body > div.before-content > div.ningbar.cf ul.ningbar-userLinks.linkbar > li + li > a::after,
body > div.before-content > div.ningbar.cf ul.ningbar-userLinks.linkbar > li + li > .ningbar-link::after{
  content:"";
  position:absolute !important;
  left:0 !important;
  top:50% !important;
  width:1px !important;
  height:10px !important;
  background:rgba(0,0,0,.05) !important;
  transform:translateY(-50%) !important;
}


/* ==========================================================
   10) ICONE USER BAR
   ========================================================== */

body > div.before-content > div.ningbar.cf ul.ningbar-userLinks.linkbar i,
body > div.before-content > div.ningbar.cf ul.ningbar-userLinks.linkbar svg,
body > div.before-content > div.ningbar.cf ul.ningbar-userLinks.linkbar .icon{
  position:absolute !important;
  width:0 !important;
  height:0 !important;
  overflow:hidden !important;
  opacity:0 !important;
  visibility:hidden !important;
  font-size:0 !important;
  line-height:0 !important;
  text-indent:-9999px !important;
  pointer-events:none !important;
}

body > div.before-content > div.ningbar.cf ul.ningbar-userLinks.linkbar .friendRequests-link,
body > div.before-content > div.ningbar.cf ul.ningbar-userLinks.linkbar .friend-link,
body > div.before-content > div.ningbar.cf ul.ningbar-userLinks.linkbar .friends-link,
body > div.before-content > div.ningbar.cf ul.ningbar-userLinks.linkbar .recentMessages-link,
body > div.before-content > div.ningbar.cf ul.ningbar-userLinks.linkbar .messages-link,
body > div.before-content > div.ningbar.cf ul.ningbar-userLinks.linkbar .notifications-link,
body > div.before-content > div.ningbar.cf ul.ningbar-userLinks.linkbar .alerts-link,
body > div.before-content > div.ningbar.cf ul.ningbar-userLinks.linkbar .notification-link,
body > div.before-content > div.ningbar.cf ul.ningbar-userLinks.linkbar .options-link,
body > div.before-content > div.ningbar.cf ul.ningbar-userLinks.linkbar .settings-link,
body > div.before-content > div.ningbar.cf ul.ningbar-userLinks.linkbar #username,
body > div.before-content > div.ningbar.cf ul.ningbar-userLinks.linkbar #signout,
body > div.before-content > div.ningbar.cf ul.ningbar-userLinks.linkbar .invite-link,
body > div.before-content > div.ningbar.cf ul.ningbar-userLinks.linkbar .invites-link,
body > div.before-content > div.ningbar.cf ul.ningbar-userLinks.linkbar .inviteFriends-link,
body > div.before-content > div.ningbar.cf ul.ningbar-userLinks.linkbar .inviteContacts-link,
body > div.before-content > div.ningbar.cf ul.ningbar-userLinks.linkbar .contacts-link,
body > div.before-content > div.ningbar.cf ul.ningbar-userLinks.linkbar .signout-link,
body > div.before-content > div.ningbar.cf ul.ningbar-userLinks.linkbar .logout-link{
  padding-left:34px !important;
}

body > div.before-content > div.ningbar.cf ul.ningbar-userLinks.linkbar .friendRequests-link::before,
body > div.before-content > div.ningbar.cf ul.ningbar-userLinks.linkbar .friend-link::before,
body > div.before-content > div.ningbar.cf ul.ningbar-userLinks.linkbar .friends-link::before,
body > div.before-content > div.ningbar.cf ul.ningbar-userLinks.linkbar .recentMessages-link::before,
body > div.before-content > div.ningbar.cf ul.ningbar-userLinks.linkbar .messages-link::before,
body > div.before-content > div.ningbar.cf ul.ningbar-userLinks.linkbar .notifications-link::before,
body > div.before-content > div.ningbar.cf ul.ningbar-userLinks.linkbar .alerts-link::before,
body > div.before-content > div.ningbar.cf ul.ningbar-userLinks.linkbar .notification-link::before,
body > div.before-content > div.ningbar.cf ul.ningbar-userLinks.linkbar .options-link::before,
body > div.before-content > div.ningbar.cf ul.ningbar-userLinks.linkbar .settings-link::before,
body > div.before-content > div.ningbar.cf ul.ningbar-userLinks.linkbar #username::before,
body > div.before-content > div.ningbar.cf ul.ningbar-userLinks.linkbar #signout::before,
body > div.before-content > div.ningbar.cf ul.ningbar-userLinks.linkbar .signout-link::before,
body > div.before-content > div.ningbar.cf ul.ningbar-userLinks.linkbar .logout-link::before,
body > div.before-content > div.ningbar.cf ul.ningbar-userLinks.linkbar .invite-link::before,
body > div.before-content > div.ningbar.cf ul.ningbar-userLinks.linkbar .invites-link::before,
body > div.before-content > div.ningbar.cf ul.ningbar-userLinks.linkbar .inviteFriends-link::before,
body > div.before-content > div.ningbar.cf ul.ningbar-userLinks.linkbar .inviteContacts-link::before,
body > div.before-content > div.ningbar.cf ul.ningbar-userLinks.linkbar .contacts-link::before{
  content:"";
  position:absolute !important;
  left:10px !important;
  top:50% !important;
  width:15px !important;
  height:15px !important;
  transform:translateY(-50%) !important;
  background-repeat:no-repeat !important;
  background-position:center !important;
  background-size:15px 15px !important;
  opacity:.72 !important;
  pointer-events:none !important;
  display:block !important;
  visibility:visible !important;
}

/* friends */
body > div.before-content > div.ningbar.cf ul.ningbar-userLinks.linkbar .friendRequests-link::before,
body > div.before-content > div.ningbar.cf ul.ningbar-userLinks.linkbar .friend-link::before,
body > div.before-content > div.ningbar.cf ul.ningbar-userLinks.linkbar .friends-link::before{
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23838383' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'><circle cx='9' cy='8' r='3.2'/><path d='M3.8 18.2c.9-2.8 3-4.2 5.2-4.2s4.3 1.4 5.2 4.2'/><path d='M17 8h4'/><path d='M19 6v4'/></svg>") !important;
}

/* invites / contacts */
body > div.before-content > div.ningbar.cf ul.ningbar-userLinks.linkbar .invite-link::before,
body > div.before-content > div.ningbar.cf ul.ningbar-userLinks.linkbar .invites-link::before,
body > div.before-content > div.ningbar.cf ul.ningbar-userLinks.linkbar .inviteFriends-link::before,
body > div.before-content > div.ningbar.cf ul.ningbar-userLinks.linkbar .inviteContacts-link::before,
body > div.before-content > div.ningbar.cf ul.ningbar-userLinks.linkbar .contacts-link::before{
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23838383' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'><path d='M7.5 8.2a2.7 2.7 0 1 0 0-.1z'/><path d='M4.4 17.6c.5-2.2 2.1-3.6 4.1-3.6 2 0 3.6 1.4 4.1 3.6'/><path d='M16.7 9.1h3.8'/><path d='M16.7 12h3.8'/><path d='M16.7 14.9h2.4'/></svg>") !important;
}

/* messages */
body > div.before-content > div.ningbar.cf ul.ningbar-userLinks.linkbar .recentMessages-link::before,
body > div.before-content > div.ningbar.cf ul.ningbar-userLinks.linkbar .messages-link::before{
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23838383' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'><rect x='3' y='5' width='18' height='14' rx='2' ry='2'/><path d='m3 7 9 6 9-6'/></svg>") !important;
}

/* notifications */
body > div.before-content > div.ningbar.cf ul.ningbar-userLinks.linkbar .notifications-link::before,
body > div.before-content > div.ningbar.cf ul.ningbar-userLinks.linkbar .alerts-link::before,
body > div.before-content > div.ningbar.cf ul.ningbar-userLinks.linkbar .notification-link::before{
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23838383' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'><path d='M15 17h5l-1.4-1.4A2 2 0 0 1 18 14.2V11a6 6 0 1 0-12 0v3.2a2 2 0 0 1-.6 1.4L4 17h5'/><path d='M9 17a3 3 0 0 0 6 0'/></svg>") !important;
}

/* profile */
body > div.before-content > div.ningbar.cf ul.ningbar-userLinks.linkbar #username::before{
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23838383' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'><circle cx='12' cy='8' r='4'/><path d='M4 20a8 8 0 0 1 16 0'/></svg>") !important;
}

/* logout */
body > div.before-content > div.ningbar.cf ul.ningbar-userLinks.linkbar #signout::before,
body > div.before-content > div.ningbar.cf ul.ningbar-userLinks.linkbar .signout-link::before,
body > div.before-content > div.ningbar.cf ul.ningbar-userLinks.linkbar .logout-link::before{
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23838383' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'><path d='M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4'/><path d='M16 17l5-5-5-5'/><path d='M21 12H9'/></svg>") !important;
}

/* options */
body > div.before-content > div.ningbar.cf ul.ningbar-userLinks.linkbar .options-link::before,
body > div.before-content > div.ningbar.cf ul.ningbar-userLinks.linkbar .settings-link::before{
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23838383' stroke-width='1.55' stroke-linecap='round' stroke-linejoin='round'><line x1='4' y1='21' x2='4' y2='14'/><line x1='4' y1='10' x2='4' y2='3'/><line x1='12' y1='21' x2='12' y2='12'/><line x1='12' y1='8' x2='12' y2='3'/><line x1='20' y1='21' x2='20' y2='16'/><line x1='20' y1='12' x2='20' y2='3'/><line x1='1' y1='14' x2='7' y2='14'/><line x1='9' y1='8' x2='15' y2='8'/><line x1='17' y1='16' x2='23' y2='16'/></svg>") !important;
}


/* ==========================================================
   11) SEARCH
   ========================================================== */

body > div.before-content > div.ningbar.cf #xn_bar_menu_search{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  margin:0 !important;
  padding:0 10px !important;
  position:relative !important;
  background:transparent !important;
  border:none !important;
  box-shadow:none !important;
  visibility:visible !important;
  opacity:1 !important;
}

body > div.before-content > div.ningbar.cf .globalsearch{
  width:150px !important;
  min-width:150px !important;
  height:28px !important;
  margin:0 !important;
  padding:0 12px !important;
  background:rgba(255,255,255,.38) !important;
  color:#222 !important;
  border:1px solid rgba(0,0,0,.10) !important;
  border-radius:999px !important;
  box-shadow:none !important;
  outline:none !important;
  appearance:none !important;
  -webkit-appearance:none !important;
  background-image:none !important;
  font-family:Georgia, "Times New Roman", serif !important;
  font-size:10px !important;
  letter-spacing:.08em !important;
  text-transform:uppercase !important;
}

body > div.before-content > div.ningbar.cf .globalsearch::placeholder{
  color:rgba(0,0,0,.46) !important;
  opacity:1 !important;
}

body > div.before-content > div.ningbar.cf .globalsearch:focus{
  background:rgba(255,255,255,.52) !important;
  border-color:rgba(0,0,0,.16) !important;
}

body > div.before-content > div.ningbar.cf .globalsearch-button{
  display:none !important;
}


/* ==========================================================
   12) NASCONDI LINGUA
   ========================================================== */

body > div.before-content > div.ningbar.cf .ningbar-memberLocale,
body > div.before-content > div.ningbar.cf select.ningbar-memberLocale,
body > div.before-content > div.ningbar.cf .memberLocale,
body > div.before-content > div.ningbar.cf [name="locale"],
body > div.before-content > div.ningbar.cf .languageSelect,
body > div.before-content > div.ningbar.cf .js-helper-element{
  display:none !important;
  visibility:hidden !important;
  opacity:0 !important;
  width:0 !important;
  height:0 !important;
  margin:0 !important;
  padding:0 !important;
  border:none !important;
  overflow:hidden !important;
}


/* ==========================================================
   13) POPUP NING
   ========================================================== */

body > div.before-content > div.ningbar.cf .ningbar-list{
  position:relative !important;
  overflow:visible !important;
}

body > div.before-content > div.ningbar.cf .ningbar-panel{
  position:absolute !important;
  left:50% !important;
  right:auto !important;
  top:auto !important;
  bottom:calc(100% + 10px) !important;
  transform:translateX(-50%) !important;
  z-index:999998 !important;
  background:rgba(255,255,255,.985) !important;
  border:1px solid rgba(0,0,0,.08) !important;
  box-shadow:0 18px 38px rgba(0,0,0,.12) !important;
  border-radius:14px !important;
  overflow:hidden !important;
  min-width:260px !important;
}

body > div.before-content > div.ningbar.cf .ningbar-panel::after{
  content:"";
  position:absolute !important;
  left:50% !important;
  top:100% !important;
  width:12px !important;
  height:12px !important;
  margin-left:-6px !important;
  background:rgba(255,255,255,.985) !important;
  border-right:1px solid rgba(0,0,0,.08) !important;
  border-bottom:1px solid rgba(0,0,0,.08) !important;
  transform:rotate(45deg) !important;
}

/* Messages sotto, più bassi e sopra il menu */
body > div.before-content > div.ningbar.cf .recentMessages-list,
body > div.before-content > div.ningbar.cf .messages-list{
  position:relative !important;
  z-index:999995 !important;
}

body > div.before-content > div.ningbar.cf .recentMessages-list .ningbar-panel,
body > div.before-content > div.ningbar.cf .messages-list .ningbar-panel{
  min-width:320px !important;
  max-width:420px !important;
  top:calc(100% + 26px) !important;
  bottom:auto !important;
  left:50% !important;
  transform:translateX(-50%) !important;
  z-index:999999 !important;
}

body > div.before-content > div.ningbar.cf .recentMessages-list .ningbar-panel::after,
body > div.before-content > div.ningbar.cf .messages-list .ningbar-panel::after{
  top:-7px !important;
  bottom:auto !important;
  left:50% !important;
  margin-left:-6px !important;
  background:rgba(255,255,255,.985) !important;
  border-right:none !important;
  border-bottom:none !important;
  border-left:1px solid rgba(0,0,0,.08) !important;
  border-top:1px solid rgba(0,0,0,.08) !important;
  transform:rotate(45deg) !important;
}


/* ==========================================================
   14) RESPONSIVE
   ========================================================== */

@media (max-width:1200px){
  .site-header.container{
    padding:8px 20px 7px !important;
    gap:18px !important;
  }

  .header-logoIMG{
    max-height:62px !important;
  }

  .mainTab-item > a{
    padding:7px 9px !important;
    font-size:10.5px !important;
    letter-spacing:.15em !important;
  }
}

@media (max-width:980px){
  .site-header.container{
    padding:8px 14px 8px !important;
    gap:8px !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;
  }

  .site-nameLogo{
    width:100% !important;
    display:flex !important;
    justify-content:center !important;
  }

  .header-nav,
  .header-nav.navbar{
    width:100% !important;
    justify-content:center !important;
  }

  .mainTab{
    justify-content:center !important;
  }

  .header-logoIMG{
    max-height:54px !important;
  }

  .mainTab-item > a{
    padding:6px 8px !important;
    font-size:10px !important;
  }

  body > div.before-content > div.ningbar.cf ul.ningbar-userLinks.linkbar{
    justify-content:center !important;
    padding:6px 12px 8px !important;
  }
}

@media (max-width:700px){
  .site-header.container{
    padding:6px 10px 8px !important;
    gap:6px !important;
  }

  .header-logoIMG{
    max-height:46px !important;
  }

  .mainTab-item > a{
    padding:6px 7px !important;
    font-size:9.5px !important;
    letter-spacing:.10em !important;
  }

  .mainTab-item + .mainTab-item > a::before,
  .mainTab-item > a::after{
    display:none !important;
  }

  body > div.before-content > div.ningbar.cf ul.ningbar-userLinks.linkbar{
    justify-content:center !important;
  }

  body > div.before-content > div.ningbar.cf ul.ningbar-userLinks.linkbar > li + li > a::after,
  body > div.before-content > div.ningbar.cf ul.ningbar-userLinks.linkbar > li + li > .ningbar-link::after{
    display:none !important;
  }

  body > div.before-content > div.ningbar.cf .globalsearch{
    width:125px !important;
    min-width:125px !important;
  }

  body > div.before-content > div.ningbar.cf ul.ningbar-userLinks.linkbar .friendRequests-link,
  body > div.before-content > div.ningbar.cf ul.ningbar-userLinks.linkbar .friend-link,
  body > div.before-content > div.ningbar.cf ul.ningbar-userLinks.linkbar .friends-link,
  body > div.before-content > div.ningbar.cf ul.ningbar-userLinks.linkbar .recentMessages-link,
  body > div.before-content > div.ningbar.cf ul.ningbar-userLinks.linkbar .messages-link,
  body > div.before-content > div.ningbar.cf ul.ningbar-userLinks.linkbar .notifications-link,
  body > div.before-content > div.ningbar.cf ul.ningbar-userLinks.linkbar .alerts-link,
  body > div.before-content > div.ningbar.cf ul.ningbar-userLinks.linkbar .notification-link,
  body > div.before-content > div.ningbar.cf ul.ningbar-userLinks.linkbar .options-link,
  body > div.before-content > div.ningbar.cf ul.ningbar-userLinks.linkbar .settings-link,
  body > div.before-content > div.ningbar.cf ul.ningbar-userLinks.linkbar #username,
  body > div.before-content > div.ningbar.cf ul.ningbar-userLinks.linkbar #signout,
  body > div.before-content > div.ningbar.cf ul.ningbar-userLinks.linkbar .signout-link,
  body > div.before-content > div.ningbar.cf ul.ningbar-userLinks.linkbar .logout-link,
  body > div.before-content > div.ningbar.cf ul.ningbar-userLinks.linkbar .invite-link,
  body > div.before-content > div.ningbar.cf ul.ningbar-userLinks.linkbar .invites-link,
  body > div.before-content > div.ningbar.cf ul.ningbar-userLinks.linkbar .inviteFriends-link,
  body > div.before-content > div.ningbar.cf ul.ningbar-userLinks.linkbar .inviteContacts-link,
  body > div.before-content > div.ningbar.cf ul.ningbar-userLinks.linkbar .contacts-link{
    padding-left:28px !important;
  }

  body > div.before-content > div.ningbar.cf ul.ningbar-userLinks.linkbar .friendRequests-link::before,
  body > div.before-content > div.ningbar.cf ul.ningbar-userLinks.linkbar .friend-link::before,
  body > div.before-content > div.ningbar.cf ul.ningbar-userLinks.linkbar .friends-link::before,
  body > div.before-content > div.ningbar.cf ul.ningbar-userLinks.linkbar .recentMessages-link::before,
  body > div.before-content > div.ningbar.cf ul.ningbar-userLinks.linkbar .messages-link::before,
  body > div.before-content > div.ningbar.cf ul.ningbar-userLinks.linkbar .notifications-link::before,
  body > div.before-content > div.ningbar.cf ul.ningbar-userLinks.linkbar .alerts-link::before,
  body > div.before-content > div.ningbar.cf ul.ningbar-userLinks.linkbar .notification-link::before,
  body > div.before-content > div.ningbar.cf ul.ningbar-userLinks.linkbar .options-link::before,
  body > div.before-content > div.ningbar.cf ul.ningbar-userLinks.linkbar .settings-link::before,
  body > div.before-content > div.ningbar.cf ul.ningbar-userLinks.linkbar #username::before,
  body > div.before-content > div.ningbar.cf ul.ningbar-userLinks.linkbar #signout::before,
  body > div.before-content > div.ningbar.cf ul.ningbar-userLinks.linkbar .signout-link::before,
  body > div.before-content > div.ningbar.cf ul.ningbar-userLinks.linkbar .logout-link::before,
  body > div.before-content > div.ningbar.cf ul.ningbar-userLinks.linkbar .invite-link::before,
  body > div.before-content > div.ningbar.cf ul.ningbar-userLinks.linkbar .invites-link::before,
  body > div.before-content > div.ningbar.cf ul.ningbar-userLinks.linkbar .inviteFriends-link::before,
  body > div.before-content > div.ningbar.cf ul.ningbar-userLinks.linkbar .inviteContacts-link::before,
  body > div.before-content > div.ningbar.cf ul.ningbar-userLinks.linkbar .contacts-link::before{
    left:8px !important;
    width:13px !important;
    height:13px !important;
    background-size:13px 13px !important;
  }

  body > div.before-content > div.ningbar.cf .ningbar-panel{
    min-width:240px !important;
    max-width:92vw !important;
  }

  body > div.before-content > div.ningbar.cf .recentMessages-list .ningbar-panel,
  body > div.before-content > div.ningbar.cf .messages-list .ningbar-panel{
    min-width:240px !important;
    max-width:92vw !important;
    top:calc(100% + 22px) !important;
  }
}

@media (max-width:520px){
  .site-header.container{
    padding:6px 8px 8px !important;
  }

  .header-logoIMG{
    max-height:42px !important;
  }

  .mainTab-item > a{
    padding:5px 6px !important;
    font-size:9px !important;
    letter-spacing:.08em !important;
  }

  body > div.before-content > div.ningbar.cf ul.ningbar-userLinks.linkbar > li > a,
  body > div.before-content > div.ningbar.cf ul.ningbar-userLinks.linkbar .ningbar-link,
  body > div.before-content > div.ningbar.cf ul.ningbar-userLinks.linkbar #username,
  body > div.before-content > div.ningbar.cf ul.ningbar-userLinks.linkbar #signout{
    font-size:9px !important;
    padding-top:5px !important;
    padding-bottom:5px !important;
  }
}


/* =========================================================
   ARTFreeLife – CSS perfezionato e più leggero
   Stesso risultato visivo, meno duplicazioni, caricamento più pulito
   ========================================================= */

/* ===== BASE IMMAGINI ===== */
#xg_body .xg_module_body img{
  width:auto !important;
  height:auto !important;
  max-width:100% !important;
  object-fit:unset !important;
}

/* evita animazioni pesanti durante il caricamento iniziale */
@media (prefers-reduced-motion: reduce){
  *{
    transition:none !important;
    animation:none !important;
    scroll-behavior:auto !important;
  }
}

/* ===== LINK GLOBALI GRIGI / ELEGANTI ===== */
body a,
body a:link,
body a:visited,
#xg_body a,
#xg_body a:link,
#xg_body a:visited,
#xg_canvas a,
#xg_canvas a:link,
#xg_canvas a:visited,
.xg_module a,
.xg_module_foot a,
.xg_module_head a,
ul.pagination a,
.pagination a,
.photo a,
h3 a,
h4 a{
  color:#6e6e6e !important;
  text-decoration:none !important;
  box-shadow:none !important;
}

body a:hover,
body a:focus,
body a:active,
#xg_body a:hover,
#xg_body a:focus,
#xg_body a:active,
#xg_canvas a:hover,
#xg_canvas a:focus,
#xg_canvas a:active,
.xg_module a:hover,
.xg_module_foot a:hover,
.xg_module_head a:hover,
ul.pagination a:hover,
.pagination a:hover,
.photo a:hover,
h3 a:hover,
h4 a:hover{
  color:#2f2f2f !important;
  text-decoration:none !important;
}

h3 a,
h4 a{
  color:#5f5f5f !important;
  font-weight:500 !important;
  letter-spacing:.3px !important;
}

.xg_lightfont a,
.byline a,
.description a,
small a{
  color:#8a8a8a !important;
}

.pagination a,
ul.pagination a{
  color:#777 !important;
}

.pagination .current,
.pagination .current a,
.pagination strong{
  color:#2a2a2a !important;
}

/* ===== PAGINA FOTO ===== */
.photo-detail-page a[href$="/previous"],
.photo-detail-page a[href$="/next"],
.photo-detail-page .image-nav,
.photo-detail-page .photo-navigation,
.photo-detail-page .slideshow-navigation,
.photo-detail-page .xg_lightbox-navigation{
  display:none !important;
}

.photo-detail-page .image-slideshow img,
.photo-detail-page .slideshow img,
.photo-detail-page .content-body img{
  display:block !important;
  margin:0 auto !important;
  border-radius:0 !important;
  box-shadow:0 18px 50px rgba(0,0,0,.18),0 2px 10px rgba(0,0,0,.10) !important;
}

.photo-detail-page .content-body,
.photo-detail-page .xg_module_body,
.photo-detail-page .photo,
.photo-detail-page .entry-content{
  background:transparent !important;
  border:none !important;
  box-shadow:none !important;
}

/* ===== MINIATURE / GRIGLIE ===== */
.matrix-item,
.matrix-thumb{
  position:relative !important;
  overflow:visible !important;
  background:transparent !important;
  border:none !important;
  box-shadow:none !important;
  z-index:1 !important;
  padding:12px !important;
  box-sizing:border-box !important;
}

.matrix-item a,
.matrix-thumb a{
  display:block !important;
  position:relative !important;
  background:transparent !important;
  border:none !important;
  box-shadow:none !important;
  overflow:visible !important;
}

.matrix-media-4-3{
  position:relative !important;
  z-index:2 !important;
  background-repeat:no-repeat !important;
  background-position:center center !important;
  background-size:contain !important;
  background-color:#fff !important;
  border:12px solid transparent !important;
  outline:none !important;
  box-shadow:none !important;
  transform:scale(1) !important;
  transform-origin:center center !important;
  box-sizing:border-box !important;
  transition:transform .32s ease,border-color .32s ease,box-shadow .32s ease,background-color .32s ease !important;
}

.matrix-item:hover,
.matrix-thumb:hover{
  z-index:30 !important;
}

.matrix-item:hover .matrix-media-4-3,
.matrix-thumb:hover .matrix-media-4-3{
  transform:scale(1.10) !important;
  background-color:#fff !important;
  border-color:rgba(255,255,255,.98) !important;
  box-shadow:0 0 0 1px rgba(170,170,170,.85),0 12px 30px rgba(0,0,0,.16),0 3px 10px rgba(0,0,0,.08) !important;
  z-index:40 !important;
}

.matrix-item img,
.matrix-thumb img{
  display:block !important;
  width:100% !important;
  height:auto !important;
  background:transparent !important;
  border:none !important;
  box-shadow:none !important;
}

.photo-thumbs img,
.image-thumb img,
.matrix-media-4-3 img{
  transition:transform .34s ease,box-shadow .34s ease,filter .34s ease !important;
  transform:scale(1);
  cursor:pointer;
}

.photo-thumbs img:hover,
.image-thumb img:hover,
.matrix-media-4-3:hover{
  transform:scale(1.12) translateY(-6px);
  box-shadow:0 18px 40px rgba(0,0,0,.35);
  filter:brightness(1.05);
  z-index:10;
}

.poweredBy-text{
  display:table-column;
}

/* ===== HEADER / MENU TOTAL WHITE ===== */
#xn_bar,
.xn-bar,
div.xn-bar,
div[id*="xn_bar"],
div[class*="xn-bar"],
#xg_head,
#xg_headWrap,
#xg_header,
div[id*="xg_head"],
div[class*="xg-head"],
div[class*="site-header"]{
  background:#fff !important;
  border:none !important;
  box-shadow:none !important;
}

#xg_navigation,
#xg_navigation ul,
#xg_navigation .mainTabContainer,
#xg_navigation .tabContainer,
#xg_navigation .xg_module,
#xg_navigation .xg_module_body,
div[id*="xg_navigation"],
div[class*="xg_navigation"]{
  background:#fff !important;
  border:none !important;
}

#xg_navigation,
div[id*="xg_navigation"],
div[class*="xg_navigation"]{
  border-top:1px solid #efefef !important;
  border-bottom:1px solid #efefef !important;
  box-shadow:0 8px 24px rgba(0,0,0,.04) !important;
}

#xg_navigation a,
div[id*="xg_navigation"] a,
div[class*="xg_navigation"] a{
  color:#bcbcbc !important;
  font-family:"Cormorant Garamond",Georgia,"Times New Roman",serif !important;
  font-size:15px !important;
  font-weight:500 !important;
  letter-spacing:1.4px !important;
  text-transform:uppercase !important;
  display:inline-block !important;
  transform-origin:center center !important;
  transition:color .22s ease,transform .22s ease,letter-spacing .22s ease,text-shadow .22s ease !important;
  -webkit-font-smoothing:antialiased !important;
  -moz-osx-font-smoothing:grayscale !important;
}

#xg_navigation a:hover,
div[id*="xg_navigation"] a:hover,
div[class*="xg_navigation"] a:hover{
  color:#7a7a7a !important;
  transform:scale(1.045) translateY(-1px) !important;
  letter-spacing:1.8px !important;
  text-shadow:0 1px 10px rgba(0,0,0,.04) !important;
}

#xg_navigation a:active,
div[id*="xg_navigation"] a:active,
div[class*="xg_navigation"] a:active{
  color:#555 !important;
  transform:scale(1.065) !important;
}

#xg_navigation .this a,
#xg_navigation .current a,
#xg_navigation .selected a,
#xg_navigation li.active a,
div[id*="xg_navigation"] .this a,
div[id*="xg_navigation"] .current a,
div[id*="xg_navigation"] .selected a,
div[id*="xg_navigation"] li.active a{
  color:#5c5c5c !important;
  font-weight:600 !important;
  transform:scale(1.03) !important;
}

#xg_navigation li,
div[id*="xg_navigation"] li,
div[class*="xg_navigation"] li{
  position:relative !important;
  overflow:visible !important;
}

#xg_navigation li::after,
div[id*="xg_navigation"] li::after{
  content:"";
  position:absolute;
  left:20%;
  bottom:5px;
  width:60%;
  height:1px;
  background:transparent;
  transition:background .22s ease;
}

#xg_navigation li:hover::after,
#xg_navigation li.this::after,
#xg_navigation li.current::after,
#xg_navigation li.selected::after,
#xg_navigation li.active::after,
div[id*="xg_navigation"] li:hover::after,
div[id*="xg_navigation"] li.this::after,
div[id*="xg_navigation"] li.current::after,
div[id*="xg_navigation"] li.selected::after,
div[id*="xg_navigation"] li.active::after{
  background:rgba(110,110,110,.28);
}

/* ===== LOGO ===== */
#siteName a,
.site-name a,
#xg_head h1 a,
#xg_head .site-name a{
  color:#9c9c9c !important;
  font-family:"Cormorant Garamond",Georgia,"Times New Roman",serif !important;
  font-size:clamp(20px,2vw,30px) !important;
  font-weight:600 !important;
  letter-spacing:1.8px !important;
  display:inline-block !important;
  transform-origin:center center !important;
  transition:color .25s ease,transform .25s ease,text-shadow .25s ease !important;
  -webkit-font-smoothing:antialiased !important;
  -moz-osx-font-smoothing:grayscale !important;
}

#siteName a:hover,
.site-name a:hover,
#xg_head h1 a:hover,
#xg_head .site-name a:hover{
  color:#6c6c6c !important;
  transform:scale(1.06) translateY(-1px) !important;
  text-shadow:0 2px 16px rgba(0,0,0,.05) !important;
}

#siteName a:active,
.site-name a:active,
#xg_head h1 a:active,
#xg_head .site-name a:active{
  transform:scale(1.085) !important;
}

#xg_head img,
#siteLogo img,
.site-logo img,
img#logo,
a[class*="logo"] img{
  filter:grayscale(100%) brightness(1.18) contrast(.9) !important;
  opacity:.97 !important;
  transform-origin:center center !important;
  display:block !important;
  transition:transform .24s ease,filter .24s ease,opacity .24s ease !important;
}

#xg_head img:hover,
#siteLogo img:hover,
.site-logo img:hover,
img#logo:hover,
a[class*="logo"] img:hover{
  transform:scale(1.07) translateY(-1px) !important;
  filter:grayscale(100%) brightness(1.08) contrast(.98) !important;
  opacity:1 !important;
}

#xg_head img:active,
#siteLogo img:active,
.site-logo img:active,
img#logo:active,
a[class*="logo"] img:active{
  transform:scale(1.1) !important;
}

/* NON TOCCARE HERO */
#xg_body .hero,
#xg_body .section-hero,
#xg_body [class*="hero"],
#xg_body [id*="hero"]{
  background-image:inherit !important;
}

/* ===== MENU STICKY REALE ===== */
html,
body,
body > div.central-content.cf,
body > div.central-content.cf > header{
  overflow:visible !important;
}

body > div.central-content.cf > header{
  position:sticky !important;
  top:0 !important;
  z-index:99999 !important;
  background:#fff !important;
}

body > div.central-content.cf > header > div{
  position:relative !important;
  width:100% !important;
  background:#fff !important;
  border-bottom:1px solid #e9e9e9 !important;
  box-shadow:0 8px 20px rgba(0,0,0,.04) !important;
}

body > div.central-content.cf > header > div::after{
  content:"";
  position:absolute;
  left:0;
  bottom:0;
  width:100%;
  height:1px;
  background:#ececec;
  pointer-events:none;
}

/* ===== PAGINE PROFILO MEMBRI ===== */
body[class*="members"] .profileCoverArea,
body[class*="members"] .profile-cover,
body[class*="members"] .member-cover,
body[class*="members"] .xg_profile_cover,
body[class*="members"] .cover-photo,
body[class*="members"] .coverArea,
body[class*="members"] #content,
body[class*="members"] .content,
body[class*="members"] .main,
body[class*="members"] .xg_span-16,
body[class*="members"] .xg_module:first-child,
body[class*="members"] .xg_module_foot,
body[class*="members"] .xg_headline{
  margin-top:0 !important;
  padding-top:0 !important;
}

body[class*="members"] .profileCoverArea img,
body[class*="members"] .profile-cover img,
body[class*="members"] .member-cover img,
body[class*="members"] .xg_profile_cover img,
body[class*="members"] .cover-photo img,
body[class*="members"] .coverArea img{
  margin-top:0 !important;
  display:block !important;
}

.photoDetailPage-moreEntries > li{
  padding:10px;
}

.image-aspect-1-1{
  width:100%;
  height:0;
  padding-bottom:70%;
}

/* ===== COMMENTI ===== */
.standard-comments.entry-comments.sheet.grid-frame{
  max-width:980px;
  margin:34px auto 0;
  background:#fff;
  border:1px solid rgba(0,0,0,.05);
  border-radius:24px;
  padding:30px 34px;
  box-shadow:0 14px 40px rgba(0,0,0,.06);
  transition:box-shadow .24s ease,transform .24s ease;
}

.standard-comments.entry-comments.sheet.grid-frame:hover{
  box-shadow:0 20px 54px rgba(0,0,0,.09);
  transform:translateY(-1px);
}

.standard-comments.entry-comments.sheet.grid-frame h3,
.standard-comments.entry-comments.sheet.grid-frame h4,
.standard-comments.entry-comments.sheet.grid-frame .comments-title,
.standard-comments.entry-comments.sheet.grid-frame .section-title{
  border:0 !important;
  box-shadow:none !important;
  padding:0 !important;
  margin:0 0 22px !important;
  font-size:20px;
  font-weight:500;
  letter-spacing:.02em;
  line-height:1.25;
  color:#111;
  text-transform:none;
}

.standard-comments.entry-comments.sheet.grid-frame hr,
.standard-comments.entry-comments.sheet.grid-frame .divider,
.standard-comments.entry-comments.sheet.grid-frame .xg_lightborder,
.standard-comments.entry-comments.sheet.grid-frame .section-header,
.standard-comments.entry-comments.sheet.grid-frame .section-header div{
  border:0 !important;
  box-shadow:none !important;
  background:none !important;
}

.standard-comments.entry-comments.sheet.grid-frame .addCommentContainer{
  max-width:900px;
  margin:0 auto 26px;
  background:#fcfcfc;
  border:1px solid rgba(0,0,0,.045);
  border-radius:20px;
  padding:18px 18px 16px;
}

.standard-comments.entry-comments.sheet.grid-frame textarea,
.standard-comments.entry-comments.sheet.grid-frame .input-full{
  width:100%;
  min-height:96px;
  background:#fff;
  border:1px solid rgba(0,0,0,.07);
  border-radius:16px;
  padding:15px 17px;
  font-size:14px;
  line-height:1.65;
  color:#111;
  resize:vertical;
  box-shadow:0 2px 8px rgba(0,0,0,.05);
  transition:border-color .22s ease,box-shadow .22s ease,background .22s ease;
}

.standard-comments.entry-comments.sheet.grid-frame textarea::placeholder,
.standard-comments.entry-comments.sheet.grid-frame .input-full::placeholder{
  color:#8a8a8a;
}

.standard-comments.entry-comments.sheet.grid-frame textarea:focus,
.standard-comments.entry-comments.sheet.grid-frame .input-full:focus{
  outline:none;
  border-color:rgba(0,0,0,.16);
  box-shadow:0 0 0 4px rgba(0,0,0,.04),0 6px 18px rgba(0,0,0,.08);
  background:#fff;
}

.standard-comments.entry-comments.sheet.grid-frame .formFooter{
  display:flex;
  justify-content:flex-end;
  align-items:center;
  margin-top:14px;
}

.standard-comments.entry-comments.sheet.grid-frame .button,
.standard-comments.entry-comments.sheet.grid-frame .button-primary,
.standard-comments.entry-comments.sheet.grid-frame input[type="submit"]{
  appearance:none;
  background:#111;
  color:#fff;
  border:0;
  border-radius:999px;
  padding:10px 22px;
  min-height:42px;
  font-size:13px;
  font-weight:600;
  letter-spacing:.06em;
  text-transform:uppercase;
  box-shadow:0 8px 18px rgba(0,0,0,.12);
  transition:transform .22s ease,box-shadow .22s ease,background .22s ease;
}

.standard-comments.entry-comments.sheet.grid-frame .button:hover,
.standard-comments.entry-comments.sheet.grid-frame .button-primary:hover,
.standard-comments.entry-comments.sheet.grid-frame input[type="submit"]:hover{
  background:#1b1b1b;
  transform:translateY(-1px);
  box-shadow:0 12px 24px rgba(0,0,0,.16);
}

.standard-comments.entry-comments.sheet.grid-frame .comment,
.standard-comments.entry-comments.sheet.grid-frame .entry-comment{
  max-width:900px;
  margin:0 auto 16px;
  background:#fff;
  border:1px solid rgba(0,0,0,.05);
  border-radius:18px;
  padding:18px 20px;
  box-shadow:0 4px 14px rgba(0,0,0,.03);
  transition:box-shadow .22s ease,border-color .22s ease,transform .22s ease;
}

.standard-comments.entry-comments.sheet.grid-frame .comment:hover,
.standard-comments.entry-comments.sheet.grid-frame .entry-comment:hover{
  border-color:rgba(0,0,0,.08);
  box-shadow:0 10px 24px rgba(0,0,0,.05);
}

.standard-comments.entry-comments.sheet.grid-frame .comment .author,
.standard-comments.entry-comments.sheet.grid-frame .entry-comment .author,
.standard-comments.entry-comments.sheet.grid-frame .comment .fn{
  color:#111;
  font-weight:600;
  letter-spacing:.01em;
}

.standard-comments.entry-comments.sheet.grid-frame .comment p,
.standard-comments.entry-comments.sheet.grid-frame .entry-comment p{
  margin:8px 0 0;
  color:#3f3f3f;
  font-size:14px;
  line-height:1.72;
}

.standard-comments.entry-comments.sheet.grid-frame .metadata,
.standard-comments.entry-comments.sheet.grid-frame .commentMeta,
.standard-comments.entry-comments.sheet.grid-frame .small,
.standard-comments.entry-comments.sheet.grid-frame .comment .xg_lightfont{
  color:#8b8b8b;
  font-size:12px;
  letter-spacing:.02em;
}

.standard-comments.entry-comments.sheet.grid-frame img{
  border-radius:50%;
}

/* ===== SEZIONE FOTO PRINCIPALE ===== */
body > div.central-content.cf > section > div.site-body.container > section > div > div > div.section-primaryContent > div > div.photoDetailPage-mainSection.sheet.grid-frame{
  max-width:1360px !important;
  margin:42px auto 70px !important;
  padding:30px 30px 36px !important;
  background:linear-gradient(180deg,rgba(255,255,255,.96) 0%,rgba(247,247,244,.98) 100%) !important;
  border:1px solid rgba(0,0,0,.06) !important;
  border-radius:30px !important;
  box-shadow:0 30px 80px rgba(0,0,0,.07),0 10px 28px rgba(0,0,0,.045),inset 0 1px 0 rgba(255,255,255,.85) !important;
  position:relative !important;
  overflow:visible !important;
  box-sizing:border-box !important;
}

body > div.central-content.cf > section > div.site-body.container > section > div > div > div.section-primaryContent > div > div.photoDetailPage-mainSection.sheet.grid-frame::before{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  border-radius:30px !important;
  pointer-events:none !important;
  background:radial-gradient(circle at top left,rgba(255,255,255,.65) 0%,rgba(255,255,255,0) 42%),radial-gradient(circle at bottom right,rgba(0,0,0,.03) 0%,rgba(0,0,0,0) 40%) !important;
}

body > div.central-content.cf > section > div.site-body.container > section > div > div > div.section-primaryContent > div > div.photoDetailPage-mainSection.sheet.grid-frame::after{
  content:"" !important;
  position:absolute !important;
  inset:10px !important;
  border-radius:22px !important;
  border:1px solid rgba(0,0,0,.035) !important;
  pointer-events:none !important;
}

body > div.central-content.cf > section > div.site-body.container > section > div > div > div.section-primaryContent > div > div.photoDetailPage-mainSection.sheet.grid-frame > *{
  position:relative !important;
  z-index:1 !important;
}

/* ===== LIKE BUTTON: CUORE + CONTATORE ===== */
a.socialSharingListItemLink{
  position:relative !important;
  min-width:84px !important;
  height:54px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  gap:8px !important;
  padding:0 14px 0 0 !important;
  margin:0 !important;
  border-radius:999px !important;
  background:rgba(255,255,255,.18) !important;
  border:1px solid rgba(255,255,255,.28) !important;
  backdrop-filter:blur(10px) !important;
  -webkit-backdrop-filter:blur(10px) !important;
  box-shadow:0 8px 22px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.24) !important;
  overflow:visible !important;
  text-decoration:none !important;
  line-height:1 !important;
  font-size:14px !important;
  vertical-align:middle !important;
}

a.socialSharingListItemLink > svg{
  opacity:0 !important;
  visibility:hidden !important;
  width:0 !important;
  height:0 !important;
  position:absolute !important;
  pointer-events:none !important;
}

a.socialSharingListItemLink::before{
  content:"❤" !important;
  width:54px !important;
  height:54px !important;
  min-width:54px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  font-size:23px !important;
  line-height:1 !important;
  color:rgba(220,70,95,.78) !important;
  text-shadow:0 2px 6px rgba(0,0,0,.14) !important;
  flex:0 0 54px !important;
  transition:transform .22s ease,color .22s ease !important;
}

a.socialSharingListItemLink:hover::before{
  color:rgba(255,72,105,.96) !important;
  transform:scale(1.08) !important;
}

a.socialSharingListItemLink > span.likeButton-count{
  display:inline-block !important;
  flex:0 0 auto !important;
  opacity:1 !important;
  visibility:visible !important;
  color:#444 !important;
  font-size:15px !important;
  font-weight:700 !important;
  line-height:1 !important;
  margin:0 !important;
  padding:0 !important;
  position:relative !important;
  z-index:10 !important;
  white-space:nowrap !important;
  text-shadow:none !important;
}

.liked > a.socialSharingListItemLink::before,
a.socialSharingListItemLink.active::before{
  color:rgba(255,72,105,1) !important;
}

/* ===== RESPONSIVE ===== */
@media (max-width:1024px){
  body > div.central-content.cf > section > div.site-body.container > section > div > div > div.section-primaryContent > div > div.photoDetailPage-mainSection.sheet.grid-frame{
    margin:28px 16px 50px !important;
    padding:22px 20px 26px !important;
    border-radius:24px !important;
  }
  body > div.central-content.cf > section > div.site-body.container > section > div > div > div.section-primaryContent > div > div.photoDetailPage-mainSection.sheet.grid-frame::before{
    border-radius:24px !important;
  }
  body > div.central-content.cf > section > div.site-body.container > section > div > div > div.section-primaryContent > div > div.photoDetailPage-mainSection.sheet.grid-frame::after{
    inset:8px !important;
    border-radius:18px !important;
  }
}

@media (max-width:768px){
  #xg_navigation a,
  div[id*="xg_navigation"] a,
  div[class*="xg_navigation"] a{
    font-size:12px !important;
    letter-spacing:1.1px !important;
  }
  #siteName a,
  .site-name a,
  #xg_head h1 a,
  #xg_head .site-name a{
    font-size:20px !important;
    letter-spacing:1.2px !important;
  }
  .standard-comments.entry-comments.sheet.grid-frame{
    max-width:94%;
    padding:20px 18px;
    border-radius:20px;
  }
  .standard-comments.entry-comments.sheet.grid-frame .addCommentContainer,
  .standard-comments.entry-comments.sheet.grid-frame .comment,
  .standard-comments.entry-comments.sheet.grid-frame .entry-comment{
    max-width:100%;
  }
  .standard-comments.entry-comments.sheet.grid-frame .formFooter{
    display:block;
  }
  .standard-comments.entry-comments.sheet.grid-frame .button,
  .standard-comments.entry-comments.sheet.grid-frame .button-primary,
  .standard-comments.entry-comments.sheet.grid-frame input[type="submit"]{
    width:100%;
  }
}

@media (max-width:640px){
  body > div.central-content.cf > section > div.site-body.container > section > div > div > div.section-primaryContent > div > div.photoDetailPage-mainSection.sheet.grid-frame{
    margin:20px 10px 38px !important;
    padding:16px 14px 20px !important;
    border-radius:20px !important;
    box-shadow:0 18px 42px rgba(0,0,0,.065),0 5px 16px rgba(0,0,0,.04),inset 0 1px 0 rgba(255,255,255,.82) !important;
  }
  body > div.central-content.cf > section > div.site-body.container > section > div > div > div.section-primaryContent > div > div.photoDetailPage-mainSection.sheet.grid-frame::before{
    border-radius:20px !important;
  }
  body > div.central-content.cf > section > div.site-body.container > section > div > div > div.section-primaryContent > div > div.photoDetailPage-mainSection.sheet.grid-frame::after{
    inset:6px !important;
    border-radius:14px !important;
  }
}













/* SEARCH PAGE — ARTFreeLife minimal */
.site-body_search{
  max-width:760px;
  margin:0 auto;
  padding:34px 22px 60px;
  background:#fafafa;
}

/* form ricerca */
#xg_search_form{
  display:flex;
  gap:8px;
  margin:0 0 26px;
  padding:10px;
  background:#fff;
  border:1px solid rgba(0,0,0,.08);
}

#xg_search_form .xg_search_input{
  flex:1;
  height:38px;
  border:0;
  outline:0;
  background:#f7f7f7;
  padding:0 13px;
  font:13px Arial,sans-serif;
  color:#222;
}

#xg_search_form .xg_search_button{
  width:42px;
  height:38px;
  border:0;
  background:#111;
  cursor:pointer;
}

#xg_search_form .xg_search_button:before{
  content:"⌕";
  color:#fff;
  font-size:17px;
}

/* numero risultati */
.search_resultsSum{
  display:block;
  margin:0 0 18px;
  padding-bottom:12px;
  font:500 11px Arial,sans-serif;
  letter-spacing:.18em;
  text-transform:uppercase;
  color:#777;
  border-bottom:1px solid rgba(0,0,0,.08);
}

/* reset risultati */
.search_results dd,
.search_results dl,
.search_results dt{
  margin:0 !important;
  padding:0 !important;
}

.search_results .result{
  display:grid !important;
  grid-template-columns:46px 1fr;
  align-items:center;
  gap:13px;
  min-height:58px;
  padding:12px 0 !important;
  border-bottom:1px solid rgba(0,0,0,.06);
}

/* miniature piccole */
.search_results .result img.img{
  width:42px !important;
  height:42px !important;
  object-fit:cover !important;
  border-radius:5px !important;
  display:block;
  filter:grayscale(100%) contrast(1.04);
}

/* link nome */
.search_results .result > a:last-child,
.search_results dt a{
  font:400 14px Georgia,serif;
  color:#1f1f1f !important;
  text-decoration:none !important;
}

.search_results .result > a:last-child:hover,
.search_results dt a:hover{
  color:#000 !important;
  text-decoration:underline !important;
}

/* Photo Entry più elegante */
.search_results dl.result{
  grid-template-columns:46px 1fr;
  grid-template-areas:
    "img title"
    "img meta";
}

.search_results dl.result dt{
  grid-area:title;
  font:400 13px Georgia,serif;
  color:#222;
}

.search_results dl.result dt::first-letter{
  color:#999;
}

.search_results dl.result dd:first-of-type{
  grid-area:img;
}

.search_results dl.result dd:last-of-type{
  grid-area:meta;
}

.search_results small{
  font:10px Arial,sans-serif;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:#aaa;
}

.search_results small a{
  color:#777 !important;
  text-decoration:none !important;
}

/* elimina dd vuoti */
.search_results dd:empty,
.search_results dd small:empty{
  display:none !important;
}

/* mobile */
@media(max-width:600px){
  .site-body_search{
    padding:24px 16px 46px;
  }

  .search_results .result{
    grid-template-columns:40px 1fr;
    gap:11px;
  }

  .search_results .result img.img{
    width:36px !important;
    height:36px !important;
  }
}