/*
=============================================
  WPBAKERY/VISUAL COMPOSER STYLING FIXES
=============================================
*/

/* 
=====================================
  ROW BORDER RADIUS FIX
=====================================
Fix: When a row has border-radius, ensure column background images respect it
*/

/* Row with border radius should clip its children */
.vc_row[style*="border-radius"],
.wpb_row[style*="border-radius"] {
  overflow: hidden !important;
  position: relative !important;
}

/* Ensure row background wrapper respects border radius */
.vc_row[style*="border-radius"] .row-bg-wrap,
.wpb_row[style*="border-radius"] .row-bg-wrap {
  border-radius: inherit !important;
  overflow: hidden !important;
}

/* Force column inner content to respect parent row border radius */
.vc_row[style*="border-radius"] .vc_column-inner,
.vc_row[style*="border-radius"] .wpb_column,
.wpb_row[style*="border-radius"] .vc_column-inner,
.wpb_row[style*="border-radius"] .wpb_column {
  border-radius: inherit !important;
  overflow: hidden !important;
}

/* Column background images should respect parent border radius */
.vc_row[style*="border-radius"] .vc_column-inner[style*="background-image"],
.vc_row[style*="border-radius"] .wpb_column[style*="background-image"],
.wpb_row[style*="border-radius"] .vc_column-inner[style*="background-image"],
.wpb_row[style*="border-radius"] .wpb_column[style*="background-image"] {
  border-radius: inherit !important;
  overflow: hidden !important;
}

/* Specific fix for Salient theme row background layers */
.vc_row[style*="border-radius"] .row-bg-layer,
.vc_row[style*="border-radius"] .row-bg,
.wpb_row[style*="border-radius"] .row-bg-layer,
.wpb_row[style*="border-radius"] .row-bg {
  border-radius: inherit !important;
  overflow: hidden !important;
}

/* 
=====================================
  COMMON BORDER RADIUS VALUES
=====================================
Pre-defined classes for commonly used radius values
*/

/* 15px border radius (as mentioned by user) */
.vc_row.ul-radius-15,
.wpb_row.ul-radius-15 {
  border-radius: 15px !important;
  overflow: hidden !important;
}


/* Other common radius values */
.vc_row.ul-radius-8,
.wpb_row.ul-radius-8 {
  border-radius: 8px !important;
  overflow: hidden !important;
}

.vc_row.ul-radius-8 .vc_column-inner,
.vc_row.ul-radius-8 .wpb_column,
.vc_row.ul-radius-8 .row-bg-wrap,
.wpb_row.ul-radius-8 .vc_column-inner,
.wpb_row.ul-radius-8 .wpb_column,
.wpb_row.ul-radius-8 .row-bg-wrap {
  border-radius: 8px !important;
  overflow: hidden !important;
}

.vc_row.ul-radius-12,
.wpb_row.ul-radius-12 {
  border-radius: 12px !important;
  overflow: hidden !important;
}

.vc_row.ul-radius-12 .vc_column-inner,
.vc_row.ul-radius-12 .wpb_column,
.vc_row.ul-radius-12 .row-bg-wrap,
.wpb_row.ul-radius-12 .vc_column-inner,
.wpb_row.ul-radius-12 .wpb_column,
.wpb_row.ul-radius-12 .row-bg-wrap {
  border-radius: 12px !important;
  overflow: hidden !important;
}

.vc_row.ul-radius-20,
.wpb_row.ul-radius-20 {
  border-radius: 20px !important;
  overflow: hidden !important;
}

.vc_row.ul-radius-20 .vc_column-inner,
.vc_row.ul-radius-20 .wpb_column,
.vc_row.ul-radius-20 .row-bg-wrap,
.wpb_row.ul-radius-20 .vc_column-inner,
.wpb_row.ul-radius-20 .wpb_column,
.wpb_row.ul-radius-20 .row-bg-wrap {
  border-radius: 20px !important;
  overflow: hidden !important;
}

/* 
=====================================
  COLUMN SPECIFIC FIXES
=====================================
Additional fixes for individual columns with background images
*/

/* Column with background image should respect its own border radius */
.vc_column-inner[style*="border-radius"][style*="background-image"],
.wpb_column[style*="border-radius"][style*="background-image"] {
  overflow: hidden !important;
  position: relative !important;
}

/* First/Last column border radius adjustments for seamless rows */
.vc_row[style*="border-radius"] .vc_col-sm-6:first-child .vc_column-inner,
.vc_row[style*="border-radius"] .vc_col-md-6:first-child .vc_column-inner {
  border-top-left-radius: inherit !important;
  border-bottom-left-radius: inherit !important;
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}

.vc_row[style*="border-radius"] .vc_col-sm-6:last-child .vc_column-inner,
.vc_row[style*="border-radius"] .vc_col-md-6:last-child .vc_column-inner {
  border-top-right-radius: inherit !important;
  border-bottom-right-radius: inherit !important;
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}

/* 
=====================================
  RESPONSIVE FIXES
=====================================
Ensure border radius works properly on mobile
*/

@media (max-width: 768px) {
  /* On mobile, columns stack - make sure both get proper radius */
  .vc_row[style*="border-radius"] .vc_column-inner {
    border-radius: inherit !important;
  }
  
  /* Reset individual column radius on mobile */
  .vc_row[style*="border-radius"] .vc_col-sm-6:first-child .vc_column-inner,
  .vc_row[style*="border-radius"] .vc_col-sm-6:last-child .vc_column-inner,
  .vc_row[style*="border-radius"] .vc_col-md-6:first-child .vc_column-inner,
  .vc_row[style*="border-radius"] .vc_col-md-6:last-child .vc_column-inner {
    border-radius: inherit !important;
  }
}

/* 
=====================================
  THEME COMPATIBILITY
=====================================
Specific fixes for Salient theme compatibility
*/

/* Salient specific row background elements */
.vc_row[style*="border-radius"] .inner-wrap,
.wpb_row[style*="border-radius"] .inner-wrap {
  border-radius: inherit !important;
  overflow: hidden !important;
}

/* Nectar slider and other Salient elements inside rounded rows */
.vc_row[style*="border-radius"] .nectar-slider-wrap,
.vc_row[style*="border-radius"] .nectar-fancy-box,
.vc_row[style*="border-radius"] .nectar-cta {
  border-radius: inherit !important;
  overflow: hidden !important;
}

/* 
=====================================
  TOGGLE PANELS FONT STYLING
=====================================
Enhanced font size and weight for toggle headings
*/

/* Increase font size and weight for toggle titles */
.toggle > .toggle-title {
  font-size: 16px !important;
}

.toggle > .toggle-title a,
.toggle > .toggle-title .toggle-heading {
  font-size: 18px !important;
  font-weight: 600 !important;
  line-height: 1.4 !important;
}

/* Ensure consistent styling across different toggle styles */
div[data-style*="minimal"] .toggle > .toggle-title a {
  font-size: 18px !important;
  font-weight: 600 !important;
}

div[data-style="minimal_small"] .toggle > .toggle-title a {
  font-size: 18px !important;
  font-weight: 600 !important;
}

/* Custom class for even larger toggles if needed */
.ul-large-toggles .toggle > .toggle-title {
  font-size: 18px !important;
}

.ul-large-toggles .toggle > .toggle-title a,
.ul-large-toggles .toggle > .toggle-title .toggle-heading {
  font-size: 20px !important;
  font-weight: 700 !important;
  line-height: 1.3 !important;
}

/* 
=====================================
  DEBUGGING HELPER
=====================================
Uncomment the rule below to visually debug border radius issues
*/

/*
.vc_row[style*="border-radius"],
.wpb_row[style*="border-radius"] {
  outline: 2px solid red !important;
}

.vc_row[style*="border-radius"] .vc_column-inner,
.vc_row[style*="border-radius"] .wpb_column {
  outline: 1px solid blue !important;
}
*/