/* Widget Zones Styling */
.widgets-zone {
 margin:2rem0;
 padding:1rem0;
}

.zone-header {
 border-bottom:2px solid #e0e0e0;
 padding-bottom:1rem;
 margin-bottom:2rem;
}

.zone-content {
 min-height:200px;
}

.zone-sidebar {
 background: #f8f9fa;
 padding:1.5rem;
 border-radius:8px;
}

.zone-footer {
 border-top:2px solid #e0e0e0;
 padding-top:2rem;
 margin-top:2rem;
}

.template-widget {
 margin-bottom:2rem;
 transition: all0.3s ease;
}

.template-widget:hover {
 transform: translateY(-2px);
}

/* Admin mode: show widget boundaries */
body.admin-mode .template-widget {
 border:1px dashed #ccc;
 padding:1rem;
 position: relative;
}

body.admin-mode .template-widget:before {
 content: attr(data-template-key);
 position: absolute;
 top:0;
 right:0;
 background: #007bff;
 color: white;
 font-size:0.7rem;
 padding:0.2rem0.5rem;
 border-radius:0004px;
}

.gjs-frame::-webkit-scrollbar-thumb {
  background-color: #000000 !important;  
  border-radius: 8px;  
}