/*
Theme Name: FSE Church
Theme URI: https://www.themescarts.com/products/fse-church/
Author: Themes Carts
Author URI: https://www.themescarts.com/
Description: The FSE Church WordPress Theme is a modern, elegant, faith-focused, and multipurpose website solution crafted specifically for churches, ministries, nonprofits, Christian groups, religious institutions, and charity organizations. As a fully Gutenberg-optimized, block-based Religious WordPress Theme, it provides a clean, minimal, and visually engaging layout that keeps your message at the center while offering a refined browsing experience. Its responsive, retina-ready, and mobile-friendly design ensures smooth performance across all devices, while the lightweight, fast-loading, and SEO-optimized code enhances navigation, user experience, and search engine visibility—making it an excellent choice for beginners, pastors, nonprofit leaders, and developers seeking a Church Website Template. Built on the reliable Bootstrap framework, the theme delivers powerful styling flexibility, modern UI components, interactive elements, and optional animations that elevate your church website's overall appeal. Customization is effortless, thanks to extensive design controls that allow you to adjust colors, typography, layouts, and more without any technical skills. It includes dedicated sections tailored for church needs such as inspirational banners, testimonial and success-story displays, pastor or leadership team showcases, event areas, sermon management layouts, sermon-ready designs, and prominent CTAs, all enhanced by built-in social media integration for community engagement. The theme is also translation-ready, enabling ministries to reach multilingual congregations effortlessly, while shortcode support allows you to add advanced features without coding. Whether you're creating a church website, Christian blog, nonprofit charity site, ministry portal, faith-based community platform, church donation website, or religious event page, this theme adapts seamlessly to any purpose. With its clean structure, secure architecture, fast performance, and visually uplifting design, the FSE Church WordPress Theme provides everything you need to build a meaningful, inspiring, and professional online presence that reflects your mission, values, and community spirit.
Version: 1.2.3
License: GNU General Public License version 2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: fse-church
Requires PHP: 5.6
Tested up to: 6.9
Tags: one-column, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, block-patterns, block-styles, editor-style, wide-blocks, template-editing, style-variations, grid-layout, full-width-template, footer-widgets, featured-images, full-site-editing, featured-image-header, flexible-header, custom-background, custom-colors, custom-header, custom-menu, custom-logo, post-formats, sticky-post, threaded-comments, translation-ready, theme-options, rtl-language-support, education, portfolio, food-and-drink

FSE Church WordPress Theme has been created by ThemesCarts(themescarts.com), 2025.
FSE Church WordPress Theme is released under the terms of GNU GPL
*/

body {
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	font-family: "Poppins", sans-serif !important;
}

/*
 * Text and navigation link styles.
 * Necessary until the following issue is resolved in Gutenberg:
 * https://github.com/WordPress/gutenberg/issues/27075
 */

a {
	text-decoration-thickness: 1px;
	text-underline-offset: 0.25ch;
}

a:hover,
a:focus {
	text-decoration-style: dashed;
}

a:active {
	text-decoration: none;
}

.wp-block-navigation .wp-block-navigation-item a:hover,
.wp-block-navigation .wp-block-navigation-item a:focus {
	text-decoration: underline;
	text-decoration-style: solid;
}

/*
 * Search and File Block button styles.
 * Necessary until the following issues are resolved in Gutenberg:
 * https://github.com/WordPress/gutenberg/issues/36444
 * https://github.com/WordPress/gutenberg/issues/27760
 */

.wp-block-search__button,
.wp-block-file .wp-block-file__button {
	background-color: var(--wp--preset--color--extra-primary);
	border-radius: 0;
	border: none;
	color: var(--wp--preset--color--foreground);
	font-size: var(--wp--preset--font-size--medium);
	padding: calc(.667em + 2px) calc(1.333em + 2px);
}

body.home .wp-site-blocks > * + *{
	margin-block-start:0 !important;
}
body.home .services-section-01 .is-layout-flex, 
body.home .services-section-02 .is-layout-flex{ 
	gap:0 !important;
}

/*
 * Button hover styles.
 * Necessary until the following issue is resolved in Gutenberg:
 * https://github.com/WordPress/gutenberg/issues/27075
 */

.wp-block-search__button:hover,
.wp-block-file .wp-block-file__button:hover,
.wp-block-button__link:hover {
	opacity: 0.90;
}

.wp-block-button__link{
	font-weight: normal !important;
}

/*
 * Alignment styles.
 * These rules are temporary, and should not be relied on or
 * modified too heavily by themes or plugins that build on
 * Twenty Twenty-Two. These are meant to be a precursor to
 * a global solution provided by the Block Editor.
 *
 * Relevant issues:
 * https://github.com/WordPress/gutenberg/issues/35607
 * https://github.com/WordPress/gutenberg/issues/35884
 */

.wp-site-blocks,
body > .is-root-container,
.edit-post-visual-editor__post-title-wrapper,
.wp-block-group.alignfull,
.wp-block-group.has-background,
.wp-block-cover.alignfull,
.is-root-container .wp-block[data-align="full"] > .wp-block-group,
.is-root-container .wp-block[data-align="full"] > .wp-block-cover {
	padding-left: var(--wp--custom--spacing--outer);
	padding-right: var(--wp--custom--spacing--outer);
}

.wp-site-blocks .alignfull,
.wp-site-blocks > .wp-block-group.has-background,
.wp-site-blocks > .wp-block-cover,
.wp-site-blocks > .wp-block-template-part > .wp-block-group.has-background,
.wp-site-blocks > .wp-block-template-part > .wp-block-cover,
body > .is-root-container > .wp-block-cover,
body > .is-root-container > .wp-block-template-part > .wp-block-group.has-background,
body > .is-root-container > .wp-block-template-part > .wp-block-cover,
.is-root-container .wp-block[data-align="full"] {
	margin-left: calc(-1 * var(--wp--custom--spacing--outer)) !important;
	margin-right: calc(-1 * var(--wp--custom--spacing--outer)) !important;
	width: unset;
}

body.home .wp-block-cover{ margin-block-start:0 !important; }
nav.Hdr-menu.wp-block-navigation ul{ font-weight:600 !important;}


/* Blocks inside columns don't have negative margins. */
.wp-site-blocks .wp-block-columns .wp-block-column .alignfull,
.is-root-container .wp-block-columns .wp-block-column .wp-block[data-align="full"],
/* We also want to avoid stacking negative margins. */
.wp-site-blocks .alignfull:not(.wp-block-group) .alignfull,
.is-root-container .wp-block[data-align="full"] > *:not(.wp-block-group) .wp-block[data-align="full"] {
	margin-left: auto !important;
	margin-right: auto !important;
	width: inherit;
}
.headright-part{ text-align:right;}
body.home header.wp-block-template-part{ position: relative; width:100%; z-index:999;}
/*
 * Responsive menu container padding.
 * This ensures the responsive container inherits the same
 * spacing defined above. This behavior may be built into
 * the Block Editor in the future.
 */

.wp-block-navigation__responsive-container.is-menu-open {
	padding-top: var(--wp--custom--spacing--outer);
	padding-bottom: var(--wp--custom--spacing--large);
	padding-right: var(--wp--custom--spacing--outer);
	padding-left: var(--wp--custom--spacing--outer);
}
.wp-block-navigation ul li.current-menu-item > a,
.wp-block-navigation ul li a:hover{ color:var(--wp--preset--color--extra-primary) !important;}

/* = Contact Form 7 CSS
----------------------------------------------- */
.wpcf7{ 
	margin:30px 0 0;
	padding:0;
}
.wpcf7 input[type="text"], 
.wpcf7 input[type="tel"], 
.wpcf7 input[type="email"]{ 
	width:40%;
	border:1px solid #cccccc;
	box-shadow:inset 1px 1px 2px #ccc;
	color:#797979;
	margin-bottom:0;
	height:40px;
	padding:0 15px;
}
.wpcf7 textarea{	
	border:1px solid #cccccc;
	box-shadow:inset 1px 1px 2px #ccc;
	color:#797979;
	margin-bottom:25px;
	padding:10px;
	width:60%;
	height:160px;
	font-size:12px;
}
.wpcf7 input[type="submit"]{
	background-color:#efc62c;
	padding:20px 40px;
	border-radius:40px;
	font-weight:600;
	font-size:16px;
	cursor:pointer;
	color:#ffffff;	
	width:auto;
	border:none;
	text-transform:uppercase;
}
.wpcf7 input[type="submit"]:hover{
	background-color:#101010;
}

.menu-header {
    position: absolute;
    width: 100%;
    z-index: 99;
    top: 40px;
}

.main-slider {
    position: relative;
}
.main-slider .owl-dots {
    position: absolute;
    z-index: 999 !important;
    bottom: 50px;
    left: 0;
    right: 0;
    width: 100%;
    text-align: center;
    margin-top: 0 !important;
}
.main-slider .owl-dot.active span {
    background: var(--wp--preset--color--extra-primary) !important;
}
.main-slider .owl-dot span {
    background: #fff !important;
    display: block;
    width: 15px !important;
    height: 15px !important;
    border-radius: 30px;
    margin: 5px;
}

.services-box{
	position: relative;
}
.services-box img,.gallery-box img{
	width: 100%;
}
.services-inner-box {
    position: absolute;
    width: 100%;
    z-index: 999;
    bottom: 0;
	background: linear-gradient(180deg, rgb(255 255 255 / 0%) 0%, var(--wp--preset--color--extra-secondary) 70%);
    border-radius: 0 0 18px 18px;
}
.date-box{
	display: inline-block;
}
.gallery-box .wp-block-columns{
	gap: 0;
}

.post-main-area{
	box-shadow: 0 0 15px 1px #afafaf;
}
.footer-div a,.services-box h3 a{
	text-decoration: none;
}

.post-page-area .wp-block-post{
	padding: 30px;
	box-shadow: 12px 12px 50px rgba(0, 0, 0, 0.4);
	margin-bottom: 30px;
}

.sidebar-area-wrap .taxonomy-post_tag a {
    background: var(--wp--preset--color--extra-primary);
    padding: 5px !important;
    border-radius: 6px;
    display: inline-block;
    margin-bottom: 10px;
    color: #fff !important;
    margin-right: 10px;
}

.sidebar-area-wrap .taxonomy-post_tag span{
	display: none;
}

.read-more-btn a.wp-block-post-excerpt__more-link {
    background: var(--wp--preset--color--extra-primary);
    border-color: currentColor;
    color: var(--wp--preset--color--white);
    font-weight: 700;
    padding-top: 15px;
    padding-right: 30px;
    padding-bottom: 15px;
    padding-left: 30px;
}

@media (max-width: 1100px) {
	.post-page-area .wp-block-columns.is-layout-flex.wp-block-columns-is-layout-flex {
		max-width: 100% !important;
		margin-left: auto !important;
		margin-right: auto !important;
	}
}

@media (max-width: 990px) {
	.post-page-area .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column {
		padding-right: 0 !important;
	}
}

.woocommerce-account .wp-block-post-title, .woocommerce-account main .woocommerce, .woocommerce-cart .wp-block-post-title, .woocommerce-cart main .woocommerce, .woocommerce-checkout .wp-block-post-title, .woocommerce-checkout main .woocommerce {
    max-width: 100%;
}

pre {
    background: #eee;
    max-width: 100%;
    overflow: auto;
    padding: 1.6em;
}

/*comment*/
.wp-block-comments{
    padding: 20px;
    border: 1px solid #dfdfdf;
}
.wp-block-comment-template li .wp-block-columns{
    border: 1px solid #dfdfdf;
    padding: 20px;
}
.wp-block-avatar img{
    border: 1px solid #dfdfdf;
    padding: 2px;
}
.wp-block-post-comments-form textarea{
    background: #f8f8f8;
}
.entry-content{
	overflow-wrap: anywhere;
	overflow: hidden;
}

.buy-now-button{
	padding: 5px 10px !important;
	color: #fff !important;
	border-radius: 7px !important;
	background: var(--wp--preset--color--extra-primary) !important;
}

.buy-now-button:hover{
	background: #000 !important;
}

.post-page-area .menu-header {
    position: relative;
    top: unset;
}

:root {
  --primary-color: #3498db;
  --secondary-color: #2980b9;
  --accent-color: #e74c3c;
  --light-color: #f8f9fa;
  --dark-color: #2c3e50;
  --text-color: #333;
  --text-light: #7f8c8d;
  --border-radius: 6px;
  --box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  --transition: all 0.3s ease;
  --font-main: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  --font-bible: Georgia, "Times New Roman", serif;
}

/* Base Styles */
body {
  font-family: var(--font-main);
  line-height: 1.6;
  color: var(--text-color);
  background-color: #fff;
}

.bible-container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 20px;
}

/* Header Styles */
.bible-header {
  text-align: center;
  margin-bottom: 2rem;
  padding: 1rem;
  border-bottom: 1px solid #eee;
}

.bible-header h1 {
  font-size: 2.2rem;
  color: var(--dark-color);
  margin-bottom: 0.5rem;
  font-family: var(--font-main);
}

.bible-header small {
  font-size: 1.1rem;
  color: var(--text-light);
}

/* Search Bar */
.bible-search {
  max-width: 600px;
  margin: 0 auto 2rem;
  position: relative;
}

.bible-search input {
  width: 100%;
  padding: 12px 20px;
  border: 1px solid #ddd;
  border-radius: var(--border-radius);
  font-size: 1rem;
  transition: var(--transition);
}

.bible-search input:focus {
  outline: none;
  border-color: var(--primary-color);
  box-shadow: var(--box-shadow);
}

.bible-search button {
  position: absolute;
  right: 0;
  top: 0;
  padding: 12px 20px;
  background: var(--primary-color);
  color: white;
  border: none;
  border-radius: 0 var(--border-radius) var(--border-radius) 0;
  cursor: pointer;
  transition: var(--transition);
}

.bible-search button:hover {
  background: var(--secondary-color);
}

/* Version Selector */
.bible-versions {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 2rem;
  flex-wrap: wrap;
}

.bible-versions a {
  padding: 0.6rem 1.2rem;
  border-radius: var(--border-radius);
  background: var(--light-color);
  text-decoration: none;
  font-weight: 600;
  color: var(--text-color);
  transition: var(--transition);
  border: 1px solid transparent;
}

.bible-versions a.active {
  background: var(--dark-color);
  color: white;
  border-color: var(--dark-color);
}

.bible-versions a:hover {
  background: var(--secondary-color);
  color: white;
  border-color: var(--secondary-color);
}

/* Chapter Grid */
.chapter-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));
  gap: 1rem;
  margin-bottom: 2rem;
}

.chapter-item {
  padding: 0.8rem;
  text-align: center;
  background: var(--light-color);
  border-radius: var(--border-radius);
  transition: var(--transition);
  border: 1px solid #eee;
}

.chapter-item:hover {
  background: var(--primary-color);
  color: white;
  border-color: var(--primary-color);
}

.chapter-item a {
  text-decoration: none;
  color: inherit;
  font-weight: 600;
}

/* Bible Tables */
.bible-table {
  width: 100%;
  margin-bottom: 2rem;
  overflow-x: auto;
}

.bible-table table {
  width: 100%;
  border-collapse: collapse;
  margin-bottom: 1rem;
  background: white;
  box-shadow: var(--box-shadow);
  border-radius: var(--border-radius);
  overflow: hidden;
}

.bible-table th,
.bible-table td {
  padding: 12px 15px;
  text-align: center;
  border: 1px solid #eee;
}

.bible-table th {
  background-color: var(--primary-color);
  color: white;
  font-weight: 600;
}

.bible-table tr:nth-child(even) {
  background-color: #f9f9f9;
}

.bible-table tr:hover {
  background-color: #f1f1f1;
}

/* Bible Content */
.bible-content {
  max-width: 860px;
  margin: 0 auto;
  padding: 2rem 1rem;
  font-family: var(--font-bible);
  font-size: 1.1rem;
  line-height: 1.8;
  color: var(--text-color);
  background: white;
  border-radius: var(--border-radius);
  box-shadow: var(--box-shadow);
}

.bible-title {
  text-align: center;
  margin-bottom: 2.5rem;
}

.bible-title h1 {
  font-size: 2rem;
  margin-bottom: 0.3rem;
  font-family: var(--font-bible);
}

.bible-title .bible-meta {
  font-size: 0.9rem;
  color: var(--text-light);
  letter-spacing: 0.05em;
  text-transform: uppercase;
}

.bible-content p.verse {
  position: relative;
  padding-left: 2.5rem;
  margin: 1rem 0;
}

.bible-content .verse-num {
  position: absolute;
  left: 0;
  top: 0;
  font-size: 0.8rem;
  color: var(--text-light);
  user-select: none;
  font-weight: bold;
}

.bible-content p.verse:hover {
  background: rgba(0, 0, 0, 0.03);
  border-radius: var(--border-radius);
}

.bible-content w {
  cursor: pointer;
  transition: background 0.15s ease;
  position: relative;
}

.bible-content w:hover {
  background: rgba(255, 215, 0, 0.35);
  border-radius: 3px;
}

.bible-content w::after {
  content: attr(strong);
  display: none;
  position: absolute;
  background: var(--dark-color);
  color: #fff;
  font-size: 11px;
  padding: 2px 5px;
  border-radius: var(--border-radius);
  margin-left: 4px;
  white-space: nowrap;
  z-index: 10;
}

.bible-content w:hover::after {
  display: inline-block;
}

.bible-content note {
  color: var(--text-light);
  font-size: 0.85em;
  display: block;
  margin-top: 0.5rem;
}

.bible-content note i {
  font-style: italic;
}

.bible-content divineName {
  font-variant: small-caps;
  letter-spacing: 0.05em;
}

/* Chapter Navigation */
.bible-chapter-nav {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 2rem 0;
  padding: 1rem;
  background: var(--light-color);
  border-radius: var(--border-radius);
  box-shadow: var(--box-shadow);
}

.bible-chapter-nav a {
  text-decoration: none;
  color: var(--text-color);
  padding: 0.6rem 1.2rem;
  border-radius: var(--border-radius);
  background: white;
  transition: var(--transition);
  border: 1px solid #eee;
}

.bible-chapter-nav a:hover {
  background: var(--primary-color);
  color: white;
  border-color: var(--primary-color);
}

.chapter-selector select {
  padding: 0.6rem;
  border-radius: var(--border-radius);
  border: 1px solid #ddd;
  transition: var(--transition);
  min-width: 120px;
}

.chapter-selector select:focus {
  outline: none;
  border-color: var(--primary-color);
}

/* Responsive Design */
@media (max-width: 768px) {
  .bible-header h1 {
    font-size: 1.8rem;
  }

  .chapter-grid {
    grid-template-columns: repeat(auto-fill, minmax(80px, 1fr));
  }

  .bible-versions {
    gap: 0.5rem;
  }

  .bible-versions a {
    padding: 0.5rem 1rem;
    font-size: 0.9rem;
  }

  .bible-content {
    font-size: 1rem;
    padding: 1.5rem 0.5rem;
  }

  .bible-content p.verse {
    padding-left: 2rem;
  }
}

@media (max-width: 600px) {
  .bible-content {
    font-size: 0.9rem;
  }

  .bible-title h1 {
    font-size: 1.6rem;
  }

  .chapter-grid {
    grid-template-columns: repeat(auto-fill, minmax(70px, 1fr));
  }
}

/* Menu Bible */
.bible-menu {
  max-width: 1200px;
  margin: 2rem auto;
  padding: 0 1rem;
}

.bible-menu h2 {
  margin-top: 2.5rem;
  font-size: 1.4rem;
  border-bottom: 2px solid #eee;
  padding-bottom: 0.5rem;
  color: var(--dark-color);
}

/* Grille des livres */
.bible-books-grid {
  list-style: none;
  padding: 0;
  margin: 1.5rem 0;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
  gap: 0.6rem 1.2rem;
}

.bible-books-grid li a {
  display: block;
  padding: 0.5rem 0.7rem;
  text-decoration: none;
  color: var(--text-color);
  border-radius: var(--border-radius);
  background: var(--light-color);
  transition: var(--transition);
  border: 1px solid #eee;
}

.bible-books-grid li a:hover {
  background: var(--primary-color);
  color: white;
  border-color: var(--primary-color);
}

.bible-menu-list {
  list-style: none;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
  gap: 0.5rem 1rem;
}

.bible-menu-list li a {
  text-decoration: none;
  color: var(--text-color);
  transition: color 0.2s;
  padding: 0.4rem 0.6rem;
  display: block;
  border-radius: var(--border-radius);
}

.bible-menu-list li a:hover {
  color: var(--primary-color);
  background: rgba(52, 152, 219, 0.1);
}

/* Bible Chapter */
.bible-chapter {
  max-width: 1200px;
  margin: 0 auto;
  padding: 1.5rem;
}

/* Bible Text */
.bible-text {
  font-family: var(--font-bible);
  font-size: 1.1rem;
  line-height: 1.8;
  margin: 2rem 0;
  background: white;
  padding: 2rem;
  border-radius: var(--border-radius);
  box-shadow: var(--box-shadow);
}

.bible-text p.verse {
  position: relative;
  padding-left: 2.2rem;
  margin: 0.8rem 0;
}

.bible-text .verse-num {
  position: absolute;
  left: 0;
  top: 0.15rem;
  font-size: 0.75rem;
  color: var(--text-light);
  user-select: none;
}

.bible-text p.verse:hover {
  background: rgba(0, 0, 0, 0.03);
  border-radius: var(--border-radius);
}
/* Search Results Styles */
.search-results {
    max-width: 800px;
    margin: 2rem auto;
    padding: 0;
    background: white;
    border-radius: var(--border-radius);
    box-shadow: var(--box-shadow);
}

.loading {
    text-align: center;
    padding: 2rem;
    color: var(--text-light);
}

.no-results {
    text-align: center;
    padding: 2rem;
    color: var(--accent-color);
    font-weight: 600;
}

.results-list {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.result-item {
    padding: 1.5rem;
    border: 1px solid #eee;
    border-radius: var(--border-radius);
    transition: var(--transition);
}

.result-item:hover {
    background: rgba(52, 152, 219, 0.05);
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}

.result-header {
    margin-bottom: 0.5rem;
    padding-bottom: 0.5rem;
    border-bottom: 1px solid #eee;
}

.result-header h3 {
    margin: 0;
    color: var(--primary-color);
    font-size: 1.1rem;
}

.result-version {
    margin: 1rem 0;
    padding: 1rem;
    background: #f9f9f9;
    border-radius: var(--border-radius);
}

.version-label {
    font-weight: 600;
    margin-bottom: 0.5rem;
    color: var(--dark-color);
}

.result-content {
    margin: 0.5rem 0;
    font-family: var(--font-bible);
    font-size: 1rem;
    line-height: 1.6;
}

.highlight {
    background: rgba(255, 215, 0, 0.5);
    padding: 0 0.2rem;
    border-radius: 2px;
    color: var(--dark-color);
    font-weight: bold;
}

.result-actions {
    margin-top: 1rem;
    text-align: right;
}

.version-link {
    display: inline-block;
    padding: 0.5rem 1rem;
    border-radius: var(--border-radius);
    text-decoration: none;
    font-weight: 600;
    transition: var(--transition);
}

.version-link.louis-segond {
    background: rgba(52, 152, 219, 0.1);
    color: var(--primary-color);
    border: 1px solid var(--primary-color);
}

.version-link.louis-segond:hover {
    background: var(--primary-color);
    color: white;
}

.version-link.darby {
    background: rgba(231, 76, 60, 0.1);
    color: var(--accent-color);
    border: 1px solid var(--accent-color);
}

.version-link.darby:hover {
    background: var(--accent-color);
    color: white;
}
/* Amélioration des styles pour les résultats de recherche */
.result-version {
    margin: 1.5rem 0;
    padding: 1.2rem;
    background: #f9f9f9;
    border-radius: var(--border-radius);
    border-left: 4px solid var(--primary-color);
}

.result-version .version-label {
    font-weight: 600;
    margin-bottom: 1rem;
    color: var(--dark-color);
    font-size: 1.1rem;
    display: flex;
    align-items: center;
}

.result-version .version-label::before {
    content: '';
    display: inline-block;
    width: 8px;
    height: 8px;
    margin-right: 0.5rem;
    border-radius: 50%;
    background: var(--primary-color);
}

.result-content {
    margin: 1rem 0;
    padding-left: 1rem;
    border-left: 2px solid #eee;
}

.result-content p {
    margin: 0.5rem 0;
    font-family: var(--font-bible);
    font-size: 1.05rem;
    line-height: 1.7;
}

.highlight {
    background: rgba(255, 215, 0, 0.4);
    padding: 0.1rem 0.3rem;
    border-radius: 3px;
    color: var(--dark-color);
    font-weight: bold;
    box-shadow: 0 0 0 1px rgba(255, 215, 0, 0.2);
}

.result-actions {
    margin-top: 1rem;
    text-align: right;
}

.version-link {
    display: inline-block;
    padding: 0.5rem 1rem;
    border-radius: var(--border-radius);
    text-decoration: none;
    font-weight: 600;
    transition: var(--transition);
    border: 1px solid transparent;
}

.version-link.louis-segond {
    background: rgba(52, 152, 219, 0.1);
    color: var(--primary-color);
    border-color: var(--primary-color);
}

.version-link.louis-segond:hover {
    background: var(--primary-color);
    color: white;
}

.version-link.darby {
    background: rgba(231, 76, 60, 0.1);
    color: var(--accent-color);
    border-color: var(--accent-color);
}

.version-link.darby:hover {
    background: var(--accent-color);
    color: white;
}

/* Style pour les résultats groupés */
.result-item {
    margin-bottom: 2rem;
    padding: 1.5rem;
    background: white;
    border-radius: var(--border-radius);
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);
    border: 1px solid #f0f0f0;
}

.result-header {
    margin-bottom: 1rem;
    padding-bottom: 0.75rem;
    border-bottom: 1px solid #eee;
}

.result-header h3 {
    margin: 0;
    color: var(--dark-color);
    font-size: 1.2rem;
    display: flex;
    align-items: center;
}

.result-header h3::before {
    content: '📖';
    margin-right: 0.5rem;
    font-size: 1.1rem;
}
.more-occurrences {
    font-size: 0.9rem;
    color: var(--text-light);
    margin: 0.5rem 0;
    font-style: italic;
    text-align: right;
}
/* Mobile Optimizations */
@media (max-width: 768px) {
    /* Base adjustments */
    .bible-container {
        padding: 15px;
    }

    /* Search bar */
    .bible-search {
        margin-bottom: 1.5rem;
    }

    .bible-search input {
        padding: 14px 15px;
        font-size: 1rem;
        min-height: 48px;
    }

    .bible-search button {
        padding: 14px 20px;
        font-size: 1rem;
        min-height: 48px;
    }

    /* Version selector */
    .bible-versions {
        flex-direction: column;
        gap: 0.75rem;
        margin-bottom: 1.5rem;
    }

    .bible-versions a {
        padding: 0.8rem 1.5rem;
        font-size: 1rem;
        text-align: center;
        min-width: 100%;
    }

    /* Chapter grid */
    .chapter-grid {
        grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));
        gap: 0.75rem;
    }

    .chapter-item {
        padding: 0.75rem;
    }

    .chapter-item a {
        font-size: 0.95rem;
    }

    /* Bible text and verses */
    .bible-content, .bible-text {
        font-size: 1.1rem;
        line-height: 1.8;
        padding: 1.5rem 1rem;
    }

    .bible-content p.verse, .bible-text p.verse {
        padding-left: 2rem;
        margin: 1rem 0;
    }

    .bible-content .verse-num, .bible-text .verse-num {
        font-size: 1rem;
        top: 0.2rem;
        left: 0.2rem;
    }

    /* Chapter navigation */
    .bible-chapter-nav {
        flex-direction: column;
        gap: 1rem;
        padding: 1rem;
    }

    .bible-chapter-nav a {
        padding: 0.8rem 1.2rem;
        font-size: 1rem;
        text-align: center;
    }

    .chapter-selector select {
        padding: 0.8rem;
        font-size: 1rem;
        min-width: 100%;
    }

    /* Search results */
    .search-results {
        padding: 1rem;
    }

    .result-item {
        padding: 1.25rem;
    }

    .result-header h3 {
        font-size: 1.1rem;
    }

    .result-content p {
        font-size: 1rem;
        line-height: 1.7;
    }

    .version-link {
        padding: 0.7rem 1.2rem;
        font-size: 0.95rem;
        display: block;
        text-align: center;
        margin-top: 0.5rem;
    }

    /* Books grid */
    .bible-books-grid {
        grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
        gap: 0.75rem;
    }

    .bible-books-grid li a {
        padding: 0.6rem;
        font-size: 0.95rem;
    }
}

/* Extra small devices */
@media (max-width: 480px) {
    /* Bible text adjustments */
    .bible-content, .bible-text {
        font-size: 1.15rem;
        line-height: 1.9;
    }

    .bible-content .verse-num, .bible-text .verse-num {
        font-size: 1.1rem;
    }

    /* Version selector */
    .bible-versions a {
        padding: 1rem 1.5rem;
        font-size: 1.05rem;
    }

    /* Chapter navigation */
    .bible-chapter-nav a {
        padding: 1rem 1.5rem;
        font-size: 1.05rem;
    }

    /* Search results */
    .result-item {
        padding: 1.5rem;
    }

    .result-header h3 {
        font-size: 1.2rem;
    }

    .result-content p {
        font-size: 1.05rem;
    }

    /* Books grid */
    .bible-books-grid {
        grid-template-columns: repeat(auto-fill, minmax(100%, 1fr));
    }
}

/* Specific fixes for verse numbers */
.bible-content .verse-num,
.bible-text .verse-num {
    min-width: 1.5em;
    min-height: 1.5em;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(0, 0, 0, 0.05);
    border-radius: 50%;
    padding: 0.2em;
}

/* Chapter navigation buttons */
.bible-chapter-nav a.prev-chapter,
.bible-chapter-nav a.next-chapter {
    min-height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
}
/* Style pour les articles importés */
.text-center {
    text-align: center;
}

.bible-verse {
    font-style: italic;
    padding: 10px 20px;
    margin: 15px 0;
    border-left: 4px solid #3498db;
    background-color: #f8f9fa;
    font-size: 1.05em;
    line-height: 1.6;
}

/* Style pour les citations bibliques */
blockquote.bible-verse {
    quotes: none;
    font-style: italic;
    color: #2c3e50;
    padding: 15px;
    margin: 20px 0;
    border-left: 5px solid #3498db;
    background-color: #f8f9fa;
    position: relative;
}

blockquote.bible-verse:before {
    content: '';
    position: absolute;
    top: -10px;
    left: -10px;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #3498db;
}

/* Style pour les titres de section */
h3 {
    color: #2c3e50;
    margin: 25px 0 15px;
    padding-bottom: 5px;
    border-bottom: 2px solid #eee;
}

/* Style pour les images (si tu en ajoutes plus tard) */
.article-image {
    max-width: 100%;
    height: auto;
    margin: 15px 0;
    border-radius: 4px;
    box-shadow: 0 2px 5px rgba(0,0,0,0.1);
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .bible-verse, blockquote.bible-verse {
        padding: 10px;
        font-size: 1em;
    }

    h3 {
        font-size: 1.3em;
    }
}