/* ============================================================
   Escape316.com - Custom UI/UX Restyling
   Tema: wondertag (WoWonder v4.3.4)
   Colore primario: #c64d53 (rosso/corallo)
   ============================================================ */

/* ── TIPOGRAFIA ─────────────────────────────────────── */
h1, h2, h3, h4, h5, h6,
.tag_page_title,
.tag_contact_title,
.section-title {
  font-family: 'Inter', sans-serif !important;
  font-weight: 600;
  letter-spacing: -0.01em;
}

body {
  font-family: 'Roboto', 'Inter', sans-serif;
  line-height: 1.65;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

p, .post-text, .blog-text, .comment-text {
  line-height: 1.7;
}

/* ── HEADER ─────────────────────────────────────────── */
.main_header,
nav.navbar {
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  box-shadow: 0 1px 3px rgba(0,0,0,0.12);
  transition: box-shadow 0.3s ease;
}

.navbar .form-control,
.main_header .search-input,
.header_search input,
.wo_search_bar input {
  border-radius: 20px !important;
  background: rgba(255,255,255,0.12) !important;
  border: 1px solid rgba(255,255,255,0.15) !important;
  padding: 6px 16px !important;
  transition: all 0.3s ease;
  color: #fff !important;
}

.navbar .form-control:focus,
.main_header .search-input:focus,
.header_search input:focus,
.wo_search_bar input:focus {
  background: rgba(255,255,255,0.2) !important;
  border-color: rgba(255,255,255,0.3) !important;
  box-shadow: 0 0 0 3px rgba(198,77,83,0.15) !important;
}

.navbar .form-control::placeholder,
.header_search input::placeholder,
.wo_search_bar input::placeholder {
  color: rgba(255,255,255,0.6) !important;
}

.navbar-brand img,
.header_logo img {
  transition: opacity 0.2s ease;
}

.navbar-brand:hover img,
.header_logo:hover img {
  opacity: 0.85;
}

/* Header icons */
.nav-item .nav-link i,
.header-icons a i {
  transition: transform 0.2s ease, color 0.2s ease;
}

.nav-item .nav-link:hover i,
.header-icons a:hover i {
  transform: scale(1.1);
}

/* ── SIDEBAR SINISTRA ──────────────────────────────── */
.sidebar-left a,
.left-sidebar a,
.wo_sidebar a,
.sidebar_left_item {
  border-radius: 10px !important;
  transition: all 0.25s ease !important;
  padding: 8px 12px !important;
  margin-bottom: 2px;
}

.sidebar-left a:hover,
.left-sidebar a:hover,
.wo_sidebar a:hover,
.sidebar_left_item:hover {
  background: rgba(198,77,83,0.08) !important;
  transform: translateX(3px);
}

.sidebar-left a.active,
.left-sidebar a.active,
.wo_sidebar a.active,
.sidebar_left_item.active {
  background: rgba(198,77,83,0.12) !important;
  border-left: 3px solid #c64d53 !important;
  font-weight: 500;
}

.sidebar-left a i,
.left-sidebar a i,
.wo_sidebar a i {
  transition: transform 0.25s ease;
  width: 24px;
  text-align: center;
}

.sidebar-left a:hover i,
.left-sidebar a:hover i,
.wo_sidebar a:hover i {
  transform: scale(1.12);
  color: #c64d53;
}

/* ── FEED CARDS ─────────────────────────────────────── */
.post,
.post-card,
.wo_post_card,
.wow_content,
.card {
  border-radius: 14px !important;
  box-shadow: 0 1px 3px rgba(0,0,0,0.06), 0 1px 2px rgba(0,0,0,0.04) !important;
  border: 1px solid rgba(0,0,0,0.06) !important;
  transition: box-shadow 0.3s ease, transform 0.3s ease !important;
  overflow: hidden;
  margin-bottom: 16px !important;
}

.post:hover,
.post-card:hover,
.wo_post_card:hover,
.wow_content:hover {
  box-shadow: 0 4px 12px rgba(0,0,0,0.08), 0 2px 4px rgba(0,0,0,0.04) !important;
  transform: translateY(-1px);
}

.post img.post-image,
.post-card img,
.wo_post_card .post-image img {
  border-radius: 8px;
  margin: 4px;
}

/* Post actions (like, comment, share) */
.post-actions a,
.post-actions button,
.reaction-btn,
.wo_post_card .post-btn,
.post_actions_cont a {
  border-radius: 8px !important;
  transition: all 0.25s ease !important;
  padding: 6px 12px !important;
}

.post-actions a:hover,
.post-actions button:hover,
.reaction-btn:hover,
.wo_post_card .post-btn:hover,
.post_actions_cont a:hover {
  background: rgba(198,77,83,0.08) !important;
  color: #c64d53 !important;
}

/* Post composer */
.new-post,
.post-composer,
.wo_new_post {
  border-radius: 14px !important;
  box-shadow: 0 1px 3px rgba(0,0,0,0.06) !important;
  border: 1px solid rgba(0,0,0,0.06) !important;
}

/* ── SIDEBAR DESTRA ─────────────────────────────────── */
.right-sidebar .avatar,
.sidebar-right .avatar,
.online-users .avatar,
.wo_sidebar_right .avatar {
  width: 36px !important;
  height: 36px !important;
  border-radius: 50% !important;
  transition: transform 0.25s ease, box-shadow 0.25s ease !important;
  border: 2px solid transparent;
}

.right-sidebar .avatar:hover,
.sidebar-right .avatar:hover,
.online-users .avatar:hover,
.wo_sidebar_right .avatar:hover {
  transform: scale(1.15);
  box-shadow: 0 2px 8px rgba(198,77,83,0.25);
  border-color: #c64d53;
}

/* Online indicator */
.online-dot,
.is-online,
.user-online-status {
  width: 10px;
  height: 10px;
  border: 2px solid #fff;
  box-shadow: 0 0 0 1px rgba(0,0,0,0.1);
}

/* ── STORIE ─────────────────────────────────────────── */
.stories-container .story-card,
.wo_story_card {
  border-radius: 12px !important;
  transition: transform 0.3s ease, box-shadow 0.3s ease !important;
  overflow: hidden;
}

.stories-container .story-card:hover,
.wo_story_card:hover {
  transform: scale(1.03);
  box-shadow: 0 4px 12px rgba(0,0,0,0.12);
}

/* Story avatar border gradient */
.story-avatar,
.stories-container .avatar-wrapper {
  border: 2.5px solid transparent;
  background-image: linear-gradient(#fff, #fff), linear-gradient(135deg, #c64d53, #e88a8f, #c64d53);
  background-origin: border-box;
  background-clip: content-box, border-box;
  border-radius: 50% !important;
}

/* Hide empty story placeholders */
.story-card.empty,
.wo_story_card.empty,
.story-placeholder {
  display: none !important;
}

/* ── BLOG / ARTICOLI ────────────────────────────────── */
.blog-card,
.wo_blog_card,
.blog-item,
.blog_card_main {
  border-radius: 14px !important;
  overflow: hidden;
  box-shadow: 0 1px 3px rgba(0,0,0,0.06) !important;
  transition: transform 0.3s ease, box-shadow 0.3s ease !important;
  border: 1px solid rgba(0,0,0,0.06) !important;
}

.blog-card:hover,
.wo_blog_card:hover,
.blog-item:hover,
.blog_card_main:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 24px rgba(0,0,0,0.1) !important;
}

.blog-card img,
.wo_blog_card img,
.blog-item img,
.blog_card_main img {
  transition: transform 0.4s ease;
}

.blog-card:hover img,
.wo_blog_card:hover img,
.blog-item:hover img,
.blog_card_main:hover img {
  transform: scale(1.03);
}

/* Blog category badges */
.blog-category,
.category-badge,
.badge {
  border-radius: 20px !important;
  padding: 4px 12px !important;
  font-size: 0.75rem !important;
  font-weight: 500 !important;
  letter-spacing: 0.03em;
  transition: all 0.2s ease;
}

/* ── PROFILO UTENTE ─────────────────────────────────── */
.cover-image,
.profile-cover,
.wo_cover_photo {
  position: relative;
}

.cover-image::after,
.profile-cover::after,
.wo_cover_photo::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 120px;
  background: linear-gradient(transparent, rgba(0,0,0,0.35));
  pointer-events: none;
}

.profile-avatar,
.wo_profile_avatar,
.user-profile-avatar {
  border: 4px solid #fff !important;
  box-shadow: 0 2px 12px rgba(0,0,0,0.15) !important;
  border-radius: 50% !important;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.profile-avatar:hover,
.wo_profile_avatar:hover,
.user-profile-avatar:hover {
  transform: scale(1.05);
  box-shadow: 0 4px 16px rgba(0,0,0,0.2) !important;
}

/* Profile tabs */
.profile-tabs .nav-link,
.wo_profile_tabs a,
.profile_tab_item {
  border-radius: 0 !important;
  border-bottom: 3px solid transparent !important;
  transition: all 0.25s ease !important;
  font-weight: 500;
  padding: 10px 16px !important;
}

.profile-tabs .nav-link.active,
.wo_profile_tabs a.active,
.profile_tab_item.active {
  border-bottom-color: #c64d53 !important;
  color: #c64d53 !important;
  background: transparent !important;
}

.profile-tabs .nav-link:hover,
.wo_profile_tabs a:hover,
.profile_tab_item:hover {
  border-bottom-color: rgba(198,77,83,0.4) !important;
  color: #c64d53 !important;
}

/* ── CONTACT FORM ───────────────────────────────────── */
.tag_field,
.tag_contact_form input,
.tag_contact_form textarea {
  border-radius: 10px !important;
  border: 1.5px solid #ddd !important;
  padding: 12px 16px !important;
  transition: all 0.3s ease !important;
  font-size: 0.95rem;
}

.tag_field:focus,
.tag_contact_form input:focus,
.tag_contact_form textarea:focus {
  border-color: #c64d53 !important;
  box-shadow: 0 0 0 3px rgba(198,77,83,0.12) !important;
  outline: none !important;
}

.tag_contact_title {
  font-family: 'Inter', sans-serif !important;
  font-weight: 600 !important;
}

.tag_contact_sub {
  color: #666;
  line-height: 1.6;
}

/* ── PULSANTI GLOBALI ───────────────────────────────── */
.btn-main,
.btn-primary,
.btn[class*="btn-main"],
button.btn-main {
  border-radius: 25px !important;
  padding: 8px 24px !important;
  font-weight: 500 !important;
  letter-spacing: 0.02em;
  transition: all 0.3s ease !important;
  box-shadow: 0 2px 4px rgba(198,77,83,0.2) !important;
  border: none !important;
}

.btn-main:hover,
.btn-primary:hover,
.btn[class*="btn-main"]:hover,
button.btn-main:hover {
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(198,77,83,0.3) !important;
}

.btn-main:active,
.btn-primary:active {
  transform: translateY(0);
  box-shadow: 0 1px 3px rgba(198,77,83,0.2) !important;
}

.btn-mat,
.btn-secondary,
.btn-outline {
  border-radius: 25px !important;
  padding: 8px 24px !important;
  transition: all 0.3s ease !important;
  font-weight: 500 !important;
}

.btn-mat:hover,
.btn-secondary:hover {
  transform: translateY(-1px);
}

/* Small buttons */
.btn-sm {
  border-radius: 20px !important;
  padding: 5px 16px !important;
}

/* ── FORM ELEMENTS ──────────────────────────────────── */
input.form-control,
textarea.form-control,
select.form-control {
  border-radius: 10px !important;
  border: 1.5px solid #ddd !important;
  transition: all 0.3s ease !important;
  padding: 10px 14px !important;
}

input.form-control:focus,
textarea.form-control:focus,
select.form-control:focus {
  border-color: #c64d53 !important;
  box-shadow: 0 0 0 3px rgba(198,77,83,0.12) !important;
}

/* ── DROPDOWN / POPOVER ─────────────────────────────── */
.dropdown-menu,
.wo_dropdown,
.popover {
  border-radius: 12px !important;
  box-shadow: 0 4px 20px rgba(0,0,0,0.12) !important;
  border: 1px solid rgba(0,0,0,0.06) !important;
  overflow: hidden;
  animation: fadeInDown 0.2s ease;
}

.dropdown-item {
  border-radius: 8px !important;
  margin: 2px 6px !important;
  padding: 8px 12px !important;
  transition: all 0.2s ease !important;
}

.dropdown-item:hover {
  background: rgba(198,77,83,0.08) !important;
  color: #c64d53 !important;
}

@keyframes fadeInDown {
  from {
    opacity: 0;
    transform: translateY(-8px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* ── MODAL ──────────────────────────────────────────── */
.modal-content {
  border-radius: 16px !important;
  box-shadow: 0 12px 40px rgba(0,0,0,0.15) !important;
  border: none !important;
  overflow: hidden;
}

.modal-header {
  border-bottom: 1px solid rgba(0,0,0,0.06) !important;
}

.modal-footer {
  border-top: 1px solid rgba(0,0,0,0.06) !important;
}

/* ── SCROLLBAR ──────────────────────────────────────── */
::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}

::-webkit-scrollbar-track {
  background: transparent;
}

::-webkit-scrollbar-thumb {
  background: rgba(0,0,0,0.15);
  border-radius: 10px;
}

::-webkit-scrollbar-thumb:hover {
  background: rgba(0,0,0,0.25);
}

/* ── TOOLTIP ────────────────────────────────────────── */
.tooltip-inner {
  border-radius: 8px !important;
  padding: 6px 12px !important;
  font-size: 0.8rem !important;
}

/* ── AVATAR GENERICO ────────────────────────────────── */
img.avatar,
.avatar img,
.user-avatar {
  border-radius: 50% !important;
  transition: transform 0.2s ease;
}

img.avatar:hover,
.avatar img:hover {
  transform: scale(1.08);
}

/* ── NOTIFICHE ──────────────────────────────────────── */
.notification-item,
.wo_notification {
  border-radius: 10px !important;
  transition: background 0.2s ease !important;
  padding: 10px 12px !important;
}

.notification-item:hover,
.wo_notification:hover {
  background: rgba(198,77,83,0.05) !important;
}

/* ── SELECTION COLOR ────────────────────────────────── */
::selection {
  background: rgba(198,77,83,0.2);
  color: inherit;
}

::-moz-selection {
  background: rgba(198,77,83,0.2);
  color: inherit;
}

/* ── LINKS ──────────────────────────────────────────── */
a {
  transition: color 0.2s ease;
}

/* ── WELCOME / LOGIN / REGISTER PAGE ────────────────── */
.welcome-page .btn,
.login-page .btn,
.register-page .btn,
.wo_welcome .btn {
  border-radius: 25px !important;
  padding: 10px 28px !important;
  font-weight: 500 !important;
  transition: all 0.3s ease !important;
}

.welcome-page input,
.login-page input,
.register-page input,
.wo_welcome input {
  border-radius: 10px !important;
  border: 1.5px solid #ddd !important;
  padding: 12px 16px !important;
  transition: all 0.3s ease !important;
}

.welcome-page input:focus,
.login-page input:focus,
.register-page input:focus,
.wo_welcome input:focus {
  border-color: #c64d53 !important;
  box-shadow: 0 0 0 3px rgba(198,77,83,0.12) !important;
}

/* ── HASHTAG BADGES ─────────────────────────────────── */
.hashtag,
.wo_hashtag,
a[href*="/hashtag/"] {
  border-radius: 16px !important;
  padding: 4px 10px !important;
  transition: all 0.2s ease !important;
  font-size: 0.85rem;
}

.hashtag:hover,
.wo_hashtag:hover,
a[href*="/hashtag/"]:hover {
  background: rgba(198,77,83,0.1) !important;
  color: #c64d53 !important;
}

/* ── TABS GENERICHE ─────────────────────────────────── */
.nav-tabs .nav-link {
  border-radius: 0 !important;
  border: none !important;
  border-bottom: 3px solid transparent !important;
  transition: all 0.25s ease !important;
  font-weight: 500;
}

.nav-tabs .nav-link.active {
  border-bottom-color: #c64d53 !important;
  color: #c64d53 !important;
  background: transparent !important;
}

.nav-tabs .nav-link:hover {
  border-bottom-color: rgba(198,77,83,0.4) !important;
}

/* ── FOOTER ─────────────────────────────────────────── */
footer,
.wo_footer {
  border-top: 1px solid rgba(0,0,0,0.06);
}

footer a,
.wo_footer a {
  transition: color 0.2s ease;
}

footer a:hover,
.wo_footer a:hover {
  color: #c64d53 !important;
}

/* ── RESPONSIVE MOBILE ──────────────────────────────── */
@media (max-width: 768px) {
  .post,
  .post-card,
  .wo_post_card,
  .wow_content,
  .card {
    border-radius: 10px !important;
    margin-bottom: 12px !important;
  }

  .btn-main,
  .btn-primary {
    padding: 8px 20px !important;
  }

  .modal-content {
    border-radius: 12px !important;
  }

  .blog-card,
  .wo_blog_card,
  .blog-item {
    border-radius: 10px !important;
  }
}

/* ── DARK MODE COMPAT ───────────────────────────────── */
.wo_dark_mode .post,
.wo_dark_mode .post-card,
.wo_dark_mode .wo_post_card,
.wo_dark_mode .wow_content,
.wo_dark_mode .card {
  border-color: rgba(255,255,255,0.08) !important;
  box-shadow: 0 1px 3px rgba(0,0,0,0.2) !important;
}

.wo_dark_mode .post:hover,
.wo_dark_mode .post-card:hover,
.wo_dark_mode .wo_post_card:hover,
.wo_dark_mode .wow_content:hover {
  box-shadow: 0 4px 12px rgba(0,0,0,0.3) !important;
}

.wo_dark_mode .dropdown-menu,
.wo_dark_mode .wo_dropdown {
  border-color: rgba(255,255,255,0.1) !important;
  box-shadow: 0 4px 20px rgba(0,0,0,0.3) !important;
}

.wo_dark_mode .tag_field,
.wo_dark_mode input.form-control,
.wo_dark_mode textarea.form-control,
.wo_dark_mode select.form-control {
  border-color: rgba(255,255,255,0.15) !important;
}

.wo_dark_mode .tag_field:focus,
.wo_dark_mode input.form-control:focus,
.wo_dark_mode textarea.form-control:focus {
  border-color: #c64d53 !important;
  box-shadow: 0 0 0 3px rgba(198,77,83,0.2) !important;
}

.wo_dark_mode .sidebar-left a:hover,
.wo_dark_mode .left-sidebar a:hover,
.wo_dark_mode .wo_sidebar a:hover {
  background: rgba(198,77,83,0.12) !important;
}

.wo_dark_mode .notification-item:hover,
.wo_dark_mode .wo_notification:hover {
  background: rgba(198,77,83,0.1) !important;
}

.wo_dark_mode ::-webkit-scrollbar-thumb {
  background: rgba(255,255,255,0.15);
}

.wo_dark_mode ::-webkit-scrollbar-thumb:hover {
  background: rgba(255,255,255,0.25);
}

.wo_dark_mode .blog-card,
.wo_dark_mode .wo_blog_card,
.wo_dark_mode .blog-item {
  border-color: rgba(255,255,255,0.08) !important;
  box-shadow: 0 1px 3px rgba(0,0,0,0.2) !important;
}

.wo_dark_mode .modal-content {
  box-shadow: 0 12px 40px rgba(0,0,0,0.4) !important;
}

/* ── LOADING SPINNER ────────────────────────────────── */
.spinner-border,
.loading-spinner {
  color: #c64d53 !important;
}

/* ── SMOOTH TRANSITIONS GLOBALI ─────────────────────── */
* {
  scroll-behavior: smooth;
}

/* ── FIX: Nascondi placeholder storie vuote ─────────── */
.stories-list .story-card-wrapper:not(:first-child) .story-card:not([style*="background-image"]),
.story_card:not(:first-child):empty,
.stories-list > div:not(:first-child) {
  opacity: 0.3;
}

/* ── FIX: Tabs filtro post con pill style ────────────── */
.filter-tabs .nav-link,
.post-filter-tabs a,
.wo_filter_nav a {
  border-radius: 20px !important;
  padding: 6px 16px !important;
  margin: 0 3px !important;
  transition: all 0.25s ease !important;
}

.filter-tabs .nav-link.active,
.post-filter-tabs a.active,
.wo_filter_nav a.active {
  background: #c64d53 !important;
  color: #fff !important;
}

/* ── FIX: Post composer refinement ───────────────────── */
.publisher-box,
.new_post_publisher {
  border-radius: 14px !important;
  border: 1px solid rgba(0,0,0,0.06) !important;
  box-shadow: 0 1px 3px rgba(0,0,0,0.04) !important;
}

/* ── FIX: Membri Pro card styling ────────────────────── */
.pro-members-widget,
.sidebar-pro-members {
  border-radius: 14px !important;
}

.pro-members-widget .avatar,
.sidebar-pro-members img {
  border-radius: 10px !important;
  transition: transform 0.2s ease;
}

.pro-members-widget .avatar:hover,
.sidebar-pro-members img:hover {
  transform: scale(1.05);
}


/* ── FIX: Nascondere posts-count vuoto (bottone rosso senza testo) ── */
.posts-count {
  display: none !important;
}
.posts-count[style*='display: block'],
.posts-count[style*='display:block'] {
  display: block !important;
}

/* ── FIX: Icone Live/Camera nel composer ─────────────────── */
.tag_pub_box_bg_camlve {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  position: relative !important;
  border-radius: 50% !important;
  min-width: 42px !important;
  width: 42px !important;
  height: 42px !important;
  padding: 0 !important;
  line-height: normal !important;
  overflow: hidden !important;
}

.tag_pub_box_bg_camlve::before {
  content: '' !important;
  position: absolute !important;
  width: 100% !important;
  height: 100% !important;
  top: 0 !important;
  left: 0 !important;
  border-radius: 50% !important;
  background-color: currentColor !important;
  opacity: 0.1 !important;
}

.tag_pub_box_bg_camlve svg {
  display: block !important;
  margin: 0 !important;
  position: relative !important;
  z-index: 1 !important;
}

.tag_pub_box_bg_camlve.live {
  color: #c64d53 !important;
}

.tag_pub_box_bg_camlve.camera {
  color: #2196F3 !important;
}

/* ── FIX: Centratura testo e avatar nel composer row ─────── */
.tag_pub_box_bg {
  display: flex !important;
  align-items: center !important;
}

.tag_pub_box_bg_text {
  display: inline-flex !important;
  align-items: center !important;
}

/* ── FIX: Escludere chat-container dagli stili globali ───── */
.chat-container .btn-mat,
.chat-container .btn-main,
.chat-container .tag_chat_side_btn {
  padding: 0 !important;
  border-radius: 50% !important;
  box-shadow: none !important;
}

.chat-container .tag_chat_side_btn {
  width: 50px !important;
  height: 50px !important;
  min-width: 50px !important;
  line-height: 50px !important;
}

/* Bottone Accendere/online nella chat sidebar */
.chat-container .chat-opacity .btn {
  border-radius: 16px !important;
  padding: 4px 10px !important;
  font-size: 0.7rem !important;
  width: auto !important;
  height: auto !important;
  min-width: unset !important;
  line-height: normal !important;
}

/* ── FIX: Bottone FAB (+) centratura icona ───────────────── */
.tag_create_dropup > .btn,
.tag_create_dropup > a.btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
  border-radius: 50% !important;
}

/* ── FIX: Filter tabs (Tutti, Testo, Foto...) no scrollbar ─ */
.filterby,
.tag_page_nav.filterby {
  overflow: hidden !important;
  overflow-x: hidden !important;
  width: 100% !important;
  max-width: 100% !important;
  flex-wrap: wrap !important;
  gap: 4px 0 !important;
}

.tag_home_filters {
  overflow: visible !important;
}

.filterby > li,
.filterby > .filter-by-li {
  flex-shrink: 1 !important;
}

.filterby > li > a,
.filterby > .filter-by-li > a {
  padding: 6px 12px !important;
  font-size: 0.85rem !important;
  white-space: nowrap !important;
}

/* ── FIX: Doppio bordo nei post cards ────────────────────── */
/* Il .post wrappa un .panel che ha già il suo styling.
   Rimuovo il mio box-shadow/border dal .post per evitare doppio box */
.post-container > .post {
  border-radius: 0 !important;
  box-shadow: none !important;
  border: none !important;
  margin-bottom: 0 !important;
  overflow: visible !important;
}

/* ── FIX: Doppio bordo input nel contact form ────────────── */
/* Gli input sono dentro <label class=tag_field> che ha già il bordo */
.tag_field input,
.tag_field textarea,
.tag_field select {
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding: 8px 4px !important;
  background: transparent !important;
}

.tag_field input:focus,
.tag_field textarea:focus,
.tag_field select:focus {
  border: none !important;
  box-shadow: none !important;
  outline: none !important;
}