/*
 Theme Name:   Kalixo Child Theme
 Theme URI:    https://kalixo.fr/
 Description:  Kalixo Child Theme
 Author:       Kalixo
 Author URI:   https://kalixo.fr/
 Template:     codeforge
 Version:      1.0
 Tags:         flexible-header, custom-background, custom-colors, custom-header, custom-menu, featured-image-header, featured-images, full-width-template, microformats, post-formats, theme-options, threaded-comments, translation-ready
 Text Domain:  kalixo
*/

:root {
  --theme-color-text_hover: #b03e3f !important;
  --theme-color-inverse_link: #ffffff !important;
}

/* = BASE TYPOGRAPHIE & GÉNÉRAL */
body {
    font-family: "Inter", sans-serif;
    font-size: 16px;
    line-height: 1.7;
    color: #222;
}

h1, h2, h3, h4, h5, h6 {
    word-wrap: normal;
    overflow-wrap: normal;
    hyphens: none;
    font-weight: 600;
    color: #c44546;
    line-height: 1.3;
    margin-top: 1.5em;
    margin-bottom: 0.5em;
}

h1 { font-size: 2.4rem; }
h2 { font-size: 1.8rem; }
h3 { font-size: 1.4rem; }

/* Empêcher la césure dans tous les titres */
h1, h2, h3, h4, h5, h6,
.elementor-heading-title,
.sc_layouts_title_caption,
.sc_icons_item_title,
.sc_item_title,
.trx_addons_title {
	hyphens: none;
	-webkit-hyphens: none;
	-ms-hyphens: none;
	word-break: keep-all;
	overflow-wrap: normal;
	white-space: normal;
}

/* = HEADER */

.kalixo-custom-title {
  font-family: var(--theme-font-h1_font-family);
  font-size: 2.4rem !important;
  font-weight: 600 !important;
  line-height: 1.2 !important;
  color: #fff; /* adapte à ta charte */
  text-align: center;
  margin: 0 auto;
}

/* Breadcrumbs personnalisés Elementor */
.kalixo-custom-breadcrumbs #breadcrumbs {
  font-size: 0.9rem;
  font-weight: 400;
  color: #fff;
  text-align: center;
  margin-top: 0.5em;
}

.kalixo-custom-breadcrumbs #breadcrumbs a {
  color: #fff;
  text-decoration: none;
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
  transition: color 0.3s ease, border-color 0.3s ease;
}

.kalixo-custom-breadcrumbs #breadcrumbs a:hover {
  color: #75955E;
  border-color: rgba(255, 255, 255, 0.6);
}

.kalixo-custom-breadcrumbs #breadcrumbs .breadcrumb_last {
  font-weight: 600;
  color: #fff;
}

.kalixo-custom-breadcrumbs #breadcrumbs span {
  display: inline-block;
  margin: 0 0.3em;
}

/* Style par défaut des liens du sous-menu */
ul.sub-menu a span {
    color: #0A4D44 !important; /* ou #333 ou une autre couleur sombre selon ta charte */
}

/* Style au survol (déjà existant mais au cas où) */
ul.sub-menu a:hover span {
    color: var(--e-global-color-primary) !important; /* ou rouge Kalixo */
}

.sc_item_filters_tabs,
.sc_item_filters_more_link_wrap {
    font-size: 0.85rem !important;
}

div.codeforge_tabs .codeforge_tabs_titles li a, div.codeforge_tabs .codeforge_tabs_titles li a.ui-tabs-anchor {
padding: 0.3em 0.7em !important;
}

/* Blog */
.post_layout_classic .post_title {
    font-size: 1.2rem;
    line-height: 1.4;
    margin: 1 0 0.5em;
}


/* Expertises */
.sc_icons_card .sc_icons_item .sc_icons_item_title, .sc_icons_card .sc_icons_item .sc_icons_item_title a {
    color: #c44546 !important;
}

.sc_icons_item_title {
    font-size: 1.4em;
    line-height: 1.4em;
    font-weight: 700;
    text-transform: none;
    letter-spacing: 0;
}

/* Boutons primaires rouges Kalixo */
button,
input[type="submit"],
input[type="button"],
.elementor-button,
.elementor-button.elementor-size-sm,
.elementor-button.elementor-size-md,
.elementor-button.elementor-size-lg {
    background-color: #b03e3f !important;
    border-color: #b03e3f !important;
    color: #ffffff !important;
}

/* Hover : rouge plus foncé */
button:hover,
input[type="submit"]:hover,
input[type="button"]:hover,
.elementor-button:hover {
    background-color: #8a2f2f !important;
    border-color: #8a2f2f !important;
    color: #ffffff !important;
}

/* = LIENS & BOUTONS */
a {
    color: #0A4D44;
    text-decoration: none;
    transition: color 0.3s ease;
}

a:hover {
    color: #0f6659;
}

.sc_button_icon, .sc_button_text {
	color: white;
}

.button,
.wp-block-button__link,
input[type="submit"] {
    background-color: #0A4D44;
    color: #fff;
    border: none;
    border-radius: 30px;
    padding: 1em 2em;
    font-size: 1.2rem;
    font-weight: 500;
    text-align: center;
    display: inline-block;
    transition: background-color 0.3s ease;
    width: 100%;
}

.button:hover,
.wp-block-button__link:hover,
input[type="submit"]:hover {
    background-color: #0f6659;
}

/* = LAYOUT & STRUCTURE */
.container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 1.5rem;
}

/* = WRAPPERS */
.page_content_wrap {
    padding-top: 4rem;
    padding-bottom: 4rem;
}

/* Tablette */
@media (max-width: 1024px) {
    .post_layout_classic .post_title {
        font-size: 1.2rem;
    }
}

/* = RESPONSIVE DESIGN */
@media (max-width: 767px) {
    section {
        padding: 4rem 0;
    }

    h1 { font-size: 1.8rem; }
    h2 { font-size: 1.5rem; }
    h3 { font-size: 1.3rem; }

    .button,
    .wp-block-button__link,
    input[type="submit"] {
        font-size: 0.95rem;
        padding: 0.9em;
    }
	
    .post_layout_classic .post_title {
        font-size: 1.05rem;
    }
	
    .kalixo-custom-title {
    font-size: 1.8rem !important;
  }
	
  .kalixo-custom-breadcrumbs #breadcrumbs {
    text-align: center;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}
}

/* = EXTENDED UI STYLES (MENU, SLIDER, PORTFOLIO, ICONS, FORMS, ETC.) */