/**
 * Sidebar Widget Styles
 * Unified styling using theme CSS variables
 * 
 * @package HomeFix_Pro
 * @since 1.0.0
 */

/* ========================================
   Widget Container - Unified Styling
   ======================================== */
.widget-area .widget,
.sidebar-inner .widget,
.widget-area .wp-block-group,
.widget-area .wp-block-search,
.widget-area .wp-block-latest-posts,
.widget-area .wp-block-categories,
.widget-area .wp-block-archives,
.widget-area .wp-block-tag-cloud {
  background: var(--homefix-light-color);
  border: 1px solid #e5e7eb;
  border-radius: 0.5rem;
  padding: 1.5rem;
  margin-bottom: 1.5rem;
  transition: box-shadow 0.2s ease;
}

/* Subtle hover effect for all widgets */
.widget-area .widget:hover,
.sidebar-inner .widget:hover {
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05);
}

/* Widget Titles */
.widget-area .widget-title,
.sidebar-inner .widget-title,
.widget-area .wp-block-heading,
.widget-area h2:not([class]),
.widget-area h3:not([class]) {
  font-size: 1.125rem;
  font-weight: 700;
  margin-bottom: 1rem;
  color: var(--homefix-heading-color);
  margin-top: 0;
  padding-bottom: 0.75rem;
  border-bottom: 2px solid var(--homefix-primary-color);
}

/* ========================================
   Categories Widget - Chip/Pill Style
   ======================================== */
.widget-area .widget_categories ul,
.sidebar-inner .widget_categories ul,
.widget-area .wp-block-categories-list,
.widget-area .wp-block-categories.is-list ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}

.widget-area .widget_categories ul li,
.sidebar-inner .widget_categories ul li {
  display: inline-block;
  margin: 0;
}

/* Category chips */
.widget-area .widget_categories ul li a,
.sidebar-inner .widget_categories ul li a,
.widget-area .wp-block-categories-list li a,
.widget-area .wp-block-categories.is-list ul li a {
  display: inline-block;
  background: var(--homefix-light-color);
  color: var(--homefix-heading-color);
  padding: 0.375rem 0.875rem;
  border-radius: 9999px;
  font-size: 0.875rem;
  font-weight: 500;
  text-decoration: none;
  transition: all 0.2s ease;
}

.widget-area .widget_categories ul li a:hover,
.sidebar-inner .widget_categories ul li a:hover,
.widget-area .wp-block-categories-list li a:hover,
.widget-area .wp-block-categories.is-list ul li a:hover {
  background: var(--homefix-primary-light);
  color: var(--homefix-primary-color);
}

/* Hide category count parentheses */
.widget-area .widget_categories ul li a .count,
.sidebar-inner .widget_categories ul li a .count {
  display: none;
}

/* ========================================
   Tag Cloud Widget - Same Chip Style
   ======================================== */
.widget-area .widget_tag_cloud .tagcloud,
.sidebar-inner .widget_tag_cloud .tagcloud {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}

.widget-area .widget_tag_cloud .tagcloud a,
.sidebar-inner .widget_tag_cloud .tagcloud a {
  display: inline-block;
  background: var(--homefix-light-color);
  color: var(--homefix-heading-color);
  padding: 0.375rem 0.875rem;
  border-radius: 9999px;
  font-size: 0.875rem !important;
  font-weight: 500;
  text-decoration: none;
  transition: all 0.2s ease;
}

.widget-area .widget_tag_cloud .tagcloud a:hover,
.sidebar-inner .widget_tag_cloud .tagcloud a:hover {
  background: var(--homefix-primary-light);
  color: var(--homefix-primary-color);
}

/* ========================================
   Recent Posts Widget - Card Style
   Matches: space-y-4 with flex items-start group
   ======================================== */
.widget-area .widget_recent_entries ul,
.sidebar-inner .widget_recent_entries ul,
.widget-area .wp-block-latest-posts,
.widget-area .wp-block-latest-posts.wp-block-latest-posts__list {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  /* space-y-4 */
}

.widget-area .widget_recent_entries ul li,
.sidebar-inner .widget_recent_entries ul li {
  margin: 0;
}

.widget-area .widget_recent_entries ul li a,
.sidebar-inner .widget_recent_entries ul li a,
.widget-area .wp-block-latest-posts li a {
  display: block;
  font-weight: 600;
  color: var(--homefix-heading-color);
  text-decoration: none !important;
  transition: color 0.3s ease;
  line-height: 1.4;
}

.widget-area .widget_recent_entries ul li a:hover,
.sidebar-inner .widget_recent_entries ul li a:hover {
  color: var(--homefix-primary-color);
}

.widget-area .widget_recent_entries ul li .post-date,
.sidebar-inner .widget_recent_entries ul li .post-date,
.widget-area .wp-block-latest-posts li .wp-block-latest-posts__post-date {
  font-size: 0.8125rem;
  color: var(--homefix-text-color);
  margin-top: 0.25rem;
  display: block;
}

/* ========================================
   Text Widget - Paragraph Style
   Matches: text-gray-600 mb-4
   ======================================== */
.widget-area .widget_text .textwidget p,
.sidebar-inner .widget_text .textwidget p {
  color: var(--homefix-text-color);
  margin-bottom: 1rem;
  line-height: 1.6;
}

.widget-area .widget_text .textwidget p:last-child,
.sidebar-inner .widget_text .textwidget p:last-child {
  margin-bottom: 0;
}

/* ========================================
   Search Widget
   ======================================== */
.widget-area .widget_search .search-form,
.sidebar-inner .widget_search .search-form,
.widget-area .wp-block-search__inside-wrapper {
  display: flex;
  gap: 0.5rem;
}

.widget-area .widget_search input[type="search"],
.sidebar-inner .widget_search input[type="search"],
.widget-area .wp-block-search__input {
  flex: 1;
  padding: 0.5rem 1rem !important;
  border: 1px solid #d1d5db !important;
  /* border-gray-300 */
  border-radius: 0.5rem !important;
  font-size: 0.875rem !important;
  background: var(--homefix-base-color) !important;
  margin: 0 !important;
}

.widget-area .widget_search input[type="search"]:focus,
.sidebar-inner .widget_search input[type="search"]:focus {
  outline: none;
  border-color: var(--homefix-primary-color);
  box-shadow: 0 0 0 2px var(--homefix-primary-light);
}

.widget-area .widget_search button,
.widget-area .widget_search input[type="submit"],
.sidebar-inner .widget_search button,
.sidebar-inner .widget_search input[type="submit"],
.widget-area .wp-block-search__button {
  background: var(--homefix-primary-color) !important;
  color: var(--homefix-base-color) !important;
  padding: 0.5rem 1rem !important;
  border-radius: 0.5rem !important;
  border: none !important;
  font-weight: 500 !important;
  cursor: pointer;
  transition: background 0.3s ease;
  margin: 0 !important;
}

.widget-area .widget_search button:hover,
.widget-area .widget_search input[type="submit"]:hover,
.sidebar-inner .widget_search button:hover,
.sidebar-inner .widget_search input[type="submit"]:hover {
  background: var(--homefix-link-hover-color);
}

/* ========================================
   Newsletter/Subscription Widget
   Matches: bg-blue-50 rounded-lg p-6 border border-blue-100
   ======================================== */
.widget-area .widget_mc4wp_form_widget,
.widget-area .widget_mailchimp,
.widget-area .widget[class*="newsletter"],
.sidebar-inner .widget_mc4wp_form_widget,
.sidebar-inner .widget_mailchimp,
.sidebar-inner .widget[class*="newsletter"] {
  background: var(--homefix-primary-color);
  /* bg-blue-50 */
  border: 1px solid var(--homefix-base-color);
  /* border-blue-100 */
}

.widget-area .widget_mc4wp_form_widget input[type="email"],
.widget-area .widget_mailchimp input[type="email"],
.sidebar-inner .widget_mc4wp_form_widget input[type="email"],
.sidebar-inner .widget_mailchimp input[type="email"] {
  width: 100%;
  padding: 0.5rem 1rem;
  /* px-4 py-2 */
  border: 1px solid #d1d5db;
  /* border-gray-300 */
  border-radius: 0.5rem;
  /* rounded-lg */
  margin-bottom: 0.75rem;
}

.widget-area .widget_mc4wp_form_widget input[type="email"]:focus,
.widget-area .widget_mailchimp input[type="email"]:focus,
.sidebar-inner .widget_mc4wp_form_widget input[type="email"]:focus,
.sidebar-inner .widget_mailchimp input[type="email"]:focus {
  outline: none;
  border-color: var(--homefix-primary-color);
  box-shadow: 0 0 0 2px var(--homefix-primary-light);
}

.widget-area .widget_mc4wp_form_widget input[type="submit"],
.widget-area .widget_mc4wp_form_widget button[type="submit"],
.widget-area .widget_mailchimp input[type="submit"],
.widget-area .widget_mailchimp button[type="submit"],
.sidebar-inner .widget_mc4wp_form_widget input[type="submit"],
.sidebar-inner .widget_mc4wp_form_widget button[type="submit"],
.sidebar-inner .widget_mailchimp input[type="submit"],
.sidebar-inner .widget_mailchimp button[type="submit"] {
  width: 100%;
  background: var(--homefix-primary-color);
  /* bg-blue-600 */
  color: var(--homefix-base-color);
  font-weight: 700;
  /* font-bold */
  padding: 0.5rem 1rem;
  /* py-2 px-4 */
  border-radius: 0.5rem;
  /* rounded-lg */
  border: none;
  cursor: pointer;
  transition: background 0.3s ease;
}

.widget-area .widget_mc4wp_form_widget input[type="submit"]:hover,
.widget-area .widget_mc4wp_form_widget button[type="submit"]:hover,
.widget-area .widget_mailchimp input[type="submit"]:hover,
.widget-area .widget_mailchimp button[type="submit"]:hover,
.sidebar-inner .widget_mc4wp_form_widget input[type="submit"]:hover,
.sidebar-inner .widget_mc4wp_form_widget button[type="submit"]:hover,
.sidebar-inner .widget_mailchimp input[type="submit"]:hover,
.sidebar-inner .widget_mailchimp button[type="submit"]:hover {
  background: var(--homefix-link-hover-color);
  /* hover:bg-blue-700 */
}

/* ========================================
   Archive Widget - Chip Style
   ======================================== */
.widget-area .widget_archive ul,
.sidebar-inner .widget_archive ul,
.widget-area .wp-block-archives-list,
.widget-area .wp-block-archives.is-list ul {
  list-style: none;
  padding: 0 !important;
  margin: 0 !important;
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}

.widget-area .widget_archive ul li,
.sidebar-inner .widget_archive ul li {
  display: inline-block;
  margin: 0;
}

.widget-area .widget_archive ul li a,
.sidebar-inner .widget_archive ul li a {
  display: inline-block;
  background: var(--homefix-light-color);
  color: var(--homefix-heading-color);
  padding: 0.375rem 0.875rem;
  border-radius: 9999px;
  font-size: 0.875rem;
  font-weight: 500;
  text-decoration: none;
  transition: all 0.2s ease;
}

.widget-area .widget_archive ul li a:hover,
.sidebar-inner .widget_archive ul li a:hover {
  background: var(--homefix-primary-light);
  color: var(--homefix-primary-color);
}

/* ========================================
   Navigation Menu Widget
   ======================================== */
.widget-area .widget_nav_menu ul,
.sidebar-inner .widget_nav_menu ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.widget-area .widget_nav_menu ul li,
.sidebar-inner .widget_nav_menu ul li {
  margin-bottom: 0.5rem;
}

.widget-area .widget_nav_menu ul li a,
.sidebar-inner .widget_nav_menu ul li a {
  color: var(--homefix-text-color);
  text-decoration: none;
  transition: color 0.2s ease;
}

.widget-area .widget_nav_menu ul li a:hover,
.sidebar-inner .widget_nav_menu ul li a:hover {
  color: var(--homefix-primary-color);
}

/* ========================================
   Pages Widget
   ======================================== */
.widget-area .widget_pages ul,
.sidebar-inner .widget_pages ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.widget-area .widget_pages ul li,
.sidebar-inner .widget_pages ul li {
  margin-bottom: 0.5rem;
}

.widget-area .widget_pages ul li a,
.sidebar-inner .widget_pages ul li a {
  color: var(--homefix-text-color);
  text-decoration: none;
  transition: color 0.2s ease;
}

.widget-area .widget_pages ul li a:hover,
.sidebar-inner .widget_pages ul li a:hover {
  color: var(--homefix-primary-color);
}

/* ========================================
   Recent Comments Widget
   ======================================== */
.widget-area .widget_recent_comments ul,
.sidebar-inner .widget_recent_comments ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.widget-area .widget_recent_comments ul li,
.sidebar-inner .widget_recent_comments ul li {
  margin-bottom: 0.75rem;
  padding-bottom: 0.75rem;
  border-bottom: 1px solid #e5e7eb;
  color: var(--homefix-text-color);
}

.widget-area .widget_recent_comments ul li:last-child,
.sidebar-inner .widget_recent_comments ul li:last-child {
  border-bottom: none;
  margin-bottom: 0;
  padding-bottom: 0;
}

.widget-area .widget_recent_comments ul li a,
.sidebar-inner .widget_recent_comments ul li a {
  color: var(--homefix-primary-color);
  text-decoration: none;
}

.widget-area .widget_recent_comments ul li a:hover,
.sidebar-inner .widget_recent_comments ul li a:hover {
  text-decoration: underline;
}

/* ========================================
   Meta Widget
   ======================================== */
.widget-area .widget_meta ul,
.sidebar-inner .widget_meta ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.widget-area .widget_meta ul li,
.sidebar-inner .widget_meta ul li {
  margin-bottom: 0.5rem;
}

.widget-area .widget_meta ul li a,
.sidebar-inner .widget_meta ul li a {
  color: var(--homefix-text-color);
  text-decoration: none;
  transition: color 0.2s ease;
}

.widget-area .widget_meta ul li a:hover,
.sidebar-inner .widget_meta ul li a:hover {
  color: var(--homefix-primary-color);
}

/* ========================================
   Select Dropdowns
   ======================================== */
.widget-area .widget select,
.sidebar-inner .widget select {
  width: 100%;
  padding: 0.5rem 1rem;
  border: 1px solid #d1d5db;
  border-radius: 0.5rem;
  background: var(--homefix-base-color);
  font-size: 0.875rem;
}

.widget-area .widget select:focus,
.sidebar-inner .widget select:focus {
  outline: none;
  border-color: var(--homefix-primary-color);
  box-shadow: 0 0 0 2px var(--homefix-primary-light);
}

/* ========================================
   Responsive
   ======================================== */
@media (max-width: 1023px) {

  .widget-area .widget,
  .sidebar-inner .widget {
    margin-bottom: 1.5rem;
  }
}