@charset "UTF-8";

/*
Theme Name: Eco-Op
Theme URI: https://www.matthieumarce.com/
Author: Matthieu Marcé
Author URI: https://www.matthieumarce.com/
Description: Eco-Op theme
Requires at least: 6
Tested up to: 6.9
Requires PHP: 7.4
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: ecoop
Tags: one-column, accessibility-ready, custom-colors, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, block-patterns, sticky-post, threaded-comments, translation-ready
*/

/* GENERAL */
body, html {margin:0;font-family:'Inter', sans-serif;font-size:14px}
div {box-sizing:border-box;position:relative}
h1, h2, h3, h4 {margin:0;padding:0}

.eo-onglets svg {stroke:#f4b20c}
.eo-onglets .e-n-tab-title {justify-content:space-between !important}

.eo-list > ul {list-style-type:none}
.eo-list > ul > li {position:relative;}
.eo-list > ul > li:before {content:"";position:absolute;top:6px;left:-30px;width:15px;height:12px;background-image:URL('http://www.eco-op.fr/wp-content/uploads/2026/03/ico-arrow.png');background-repeat:no-repeat;background-position:center center;background-size:15px}

.portail-item {display:flex;flex-wrap:wrap}
.portail-item-logo {width:100%;text-align:center;padding:20px;background:#ffffff}
.portail-item-logo img {max-height:50px}
.portail-item-image {width:100%;background-repeat:no-repeat;background-size:cover;height:200px}
.portail-item-adherer {width:50%;background-color:#65bccc;text-align:center;transition:all .3s}
.portail-item-adherer:hover {background-color:#00546b}
.portail-item-adherer a {display:block;color:#fff;padding:10px}
.portail-item-declarer {width:50%;background-color:#17869b;text-align:center;transition:all .3s}
.portail-item-declarer:hover {background-color:#00546b}
.portail-item-declarer a {display:block;color:#fff;padding:10px}

/* HEADER */
#eo-header {position:fixed;top:0;width:100%;background:#00546b;z-index:9}
#eo-header-wrapper {display:flex;flex-wrap:wrap;align-items:center;width:100%;max-width:1140px;margin:auto;padding:0 30px 0 30px;gap:30px}
#eo-header-logo {}
#eo-header-logo img {width:125px;max-width:125px}
#eo-header-menu {font-family:'Archivo', sans-serif;font-size:16px;font-weight:500}
#eo-header-menu.opened {display:block;}
#eo-header-menu ul {margin:0;padding:0;list-style-type:none}
#eo-header-menu ul > li {position:relative;display:inline-block;margin-right:15px}
#eo-header-menu ul > li.active:after {content:"";position:absolute;bottom:-8px;left:0;width:100%;height:4px;background:#56c0d4}
#eo-header-menu ul > li a {color:#ffffff;text-decoration:none}
#eo-header-menu ul > li:hover:after {content:"";position:absolute;bottom:-8px;left:0;background:#56c0d4;width:100%;height:4px}
#eo-header-menu ul.sub-menu {display:none;position: absolute;width: 200px;background: #fff;z-index: 1;padding: 20px;}
#eo-header-menu ul.sub-menu > li {display:block;margin-right:0;margin-bottom:15px}
#eo-header-burger {display:none;background:transparent;border:0}
#eo-header-burger svg:first-child {display:block}
#eo-header-burger svg:last-child {display:none}
#eo-header-burger svg.opened:first-child {display:none}
#eo-header-burger svg.opened:last-child {display:block}
#eo-header-mobile {display:none;padding:12px 0;transition:all .3s;font-family:'Archivo';font-size:16px;font-weight:500} 
#eo-header-mobile.opened {display:block;}
#eo-header-mobile-menu ul {margin:0;padding:0;padding-top:8px;list-style-type:none}
#eo-header-mobile-menu ul > li {position:relative;padding:8px 12px;line-height:20px}
#eo-header-mobile-menu ul > li a {position:relative;color:#190d59;text-decoration:none}
#eo-header-mobile-menu ul > li.active a:after {content:"";position:absolute;bottom:-8px;left:0;width:100%;height:4px;background:#f4b20c}
#eo-header-mobile-menu ul > li a:hover {color:#0f1729;background:#f3f4f699}
#eo-header-mobile-menu > div {border-top:1px solid #8fa0d8;}
#eo-header-mobile-menu button {width:100%;border:0;border-radius:8px;padding:8px 12px;line-height:20px;margin-top:12px;background:transparent;cursor:pointer}
#eo-header-mobile-menu button:hover {background:#f3f4f6}
#eo-header-mobile-menu button.blue {background:#2463eb;color:#fff}
#eo-header-mobile-menu button.blue:hover {background:#2463ebe6}


/* FOOTER */
#eo-footer {background:#00546b}
#eo-footer-wrapper {display:flex;flex-wrap:wrap;justify-content:space-between;width:100%;max-width:1140px;margin:auto;padding:60px 30px;gap:30px}
#eo-footer-logo {width:50%;color:#fff}
#eo-footer-logo img {max-width:125px}
#eo-footer-logo p {margin:0}
#eo-footer-menu {width:calc(25% - 60px)}
#eo-footer-menu ul {margin:0;padding:0;list-style-type:none}
#eo-footer-menu ul > li {}
#eo-footer-menu ul > li a {position:relative;color:#fff;font-weight:700;text-decoration:none;transition:all .3s}
#eo-footer-menu ul > li a:hover {color:#56c0d4}
#eo-footer-menu ul > li.active a:after {content:"";position:absolute;bottom:-4px;left:0;background:#56c0d4;width:100%;height:4px}
#eo-footer-contact {width:25%;color:#fff}
#eo-footer-contact a {color:#fff;text-decoration:none;transition:all .3s}
#eo-footer-contact a:hover {color:#56c0d4}
#eo-footer-legal {width:100%;color:#ffffff59;text-align:center}
#eo-footer-legal ul > li {display:inline-block}
#eo-footer-legal ul > li:not(:first-child):before {content:" | ";position:relative;}
#eo-footer-legal ul > li a {color:#ffffff59;text-decoration:none;transition:all .3s}
#eo-footer-legal ul > li a:hover {color:#56c0d4}

/* WPFORMS */
.wpforms-field-label {color:#190d59 !important}
.wpforms-submit {background:#56c0d4 !important}

/* BLOG */
.mm-external-news-feed{display:grid;gap:24px}
.mm-external-news-feed--grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}
.mm-external-news-feed__item{border:0;padding:18px;border-radius:12px;background:#fff}
.mm-external-news-feed__meta{font-size:12px;color:#56C0D4;margin-bottom:8px;text-transform:uppercase;letter-spacing:.04em}
.mm-external-news-feed__thumb{margin-bottom:12px}
.mm-external-news-feed__thumb img{display:block;width:100%;height:auto;border-radius:8px}
.mm-external-news-feed__title{margin:0 0 10px;font-size:20px;line-height:1.25}
.mm-external-news-feed__title a {color:#00546b}
.mm-external-news-feed__excerpt{margin:0 0 14px}
.mm-external-news-feed__link{display:inline-block;background:#00546b;color:#fff;padding:5px 10px;font-size:12px;text-decoration:none;font-weight:600;transition:all .3s}
.mm-external-news-feed__link:hover {background:#56c0d4}
.mm-external-news-feed__empty{opacity:.7}




.eo-grid {display: grid;grid-template-columns: repeat(3, minmax(0, 1fr));gap: 24px;}
.eo-card {display: flex;flex-direction: column;min-width: 0;}
.eo-image-link {display: block;overflow: hidden;}
.eo-image-wrap {  position: relative;  width: 100%;  overflow: hidden;  background: #f2f2f2;}
.eo-image-wrap img.eo-image, .eo-image-placeholder {  position: absolute;  inset: 0;  width: 100%;  height: 100%;  object-fit: cover;}
.eo-image {transition: transform 0.35s ease;}
.eo-card:hover .eo-image {transform: scale(1.04);}
.eo-card-content {  display: flex;  flex-direction: column;  flex: 1;  padding: 24px 28px 20px;  background: #d8dcef;}
.eo-meta {font-size: 0.95rem;line-height: 1.4;margin-bottom: 14px;text-transform: uppercase;}
.eo-meta a {text-decoration: none;}
.eo-title {margin: 0 0 14px;font-size:28px;line-height:32px;font-weight:600;}
.eo-title a {color:#190d59 !important;text-decoration:none;!important}
.eo-title a:hover {text-decoration:underline;text-underline-offset: 3px;}
.eo-date {margin-top: auto;}
.eo-pagination {  display: flex;  flex-wrap: wrap;  justify-content: center;  gap: 8px;  margin-top: 32px;}
.eo-pagination a, .eo-pagination span {  display: inline-flex;  align-items: center;  justify-content: center;  min-width: 42px;  height: 42px;  padding: 0 12px;  text-decoration: none;  border: 1px solid #d9d9d9;  background: #fff;  color: #111;}
.eo-pagination .current {background: #111;color: #fff;border-color: #111;}

.eo-archive {padding:60px 10px}
.eo-archive-container {max-width: 1140px;margin: 0 auto;}
.eo-archive-header {}
.eo-archive-header-title {margin-bottom:1em}

.eo-single {padding: 48px 20px 72px;background: #f5f7fb;}
.eo-single__container {max-width: 1140px;margin: 0 auto;}
.eo-single__hero {margin-bottom: 32px;}
.eo-single__hero-image {overflow: hidden;border-radius: 0;margin-bottom: 0;}
.eo-single__hero-image img {display: block;width: 100%;height: auto;max-height: 560px;object-fit: cover;}
.eo-single__hero-content {  background: #d8dcef;  padding: 32px 36px;}
.eo-single__cats {  display: flex;  flex-wrap: wrap;  gap: 10px;  margin-bottom: 18px;}
.eo-single__cats a {  display: inline-flex;  align-items: center;  min-height: 34px;  padding: 6px 12px;  background: #ffffff;  border: 1px solid #c8cede;  color: #1a1a1a;  text-decoration: none;  font-size: 0.92rem;  line-height: 1.2;  transition: all 0.2s ease;}
.eo-single__cats a:hover {  background: #1a1a1a;  color: #ffffff;  border-color: #1a1a1a;}
.eo-single__title {  margin: 0 0 14px;  font-size: clamp(2rem, 4vw, 3.2rem);  line-height: 1.15;  font-weight: 700;  color: #190d59;}
.eo-single__meta {font-size: 1rem;line-height: 1.5;color: #222222;text-transform: uppercase;}
.eo-single__body-wrap {display: grid;grid-template-columns: minmax(0, 1fr) 340px;gap: 32px;align-items: start;}
.eo-single__content {background: #ffffff;padding: 38px 42px;}
.eo-single__content > *:first-child {margin-top: 0;}
.eo-single__content > *:last-child {margin-bottom: 0;}
.eo-single__content p, .eo-single__content li {  font-size: 1.06rem;  line-height: 1.8;  color: #222222;}
.eo-single__content h2,
.eo-single__content h3,
.eo-single__content h4 {  color: #111111;  line-height: 1.25;  margin-top: 1.8em;}
.eo-single__content a {  color: inherit;  text-decoration: underline;  text-underline-offset: 3px;}
.eo-single__sidebar {  position: sticky;  top: 30px;}
.eo-single__sidebar-box {  background: #d8dcef;  padding: 24px;}
.eo-single__sidebar-box h2 {  margin: 0 0 20px;  font-size: 1.35rem;  line-height: 1.2;  color: #190d59;}
.eo-single__sidebar-list {  list-style: none;  margin: 0;  padding: 0;}
.eo-single__sidebar-item + .eo-single__sidebar-item {  margin-top: 18px;  padding-top: 18px;  border-top: 1px solid rgba(17, 17, 17, 0.12);}
.eo-single__sidebar-item a {  display: grid;  grid-template-columns: 92px minmax(0, 1fr);  gap: 14px;  text-decoration: none;  color: inherit;}
.eo-single__sidebar-thumb {  display: block;  overflow: hidden;  background: #f2f2f2;}
.eo-single__sidebar-thumb img {  display: block;  width: 100%;  height: 92px;  object-fit: cover;  transition: transform 0.3s ease;}
.eo-single__sidebar-item:hover .eo-single__sidebar-thumb img {transform: scale(1.04);}
.eo-single__sidebar-title {display: block;font-weight: 700;line-height: 1.35;margin-bottom: 8px;text-decoration: none;}
.eo-single__sidebar-title:hover {text-decoration:underline;text-underline-offset: 3px;}
.eo-single__sidebar-date {  display: block;  font-size: 0.92rem;  text-transform: uppercase;  color: #333333;}
.eo-single__post-nav {  display: grid;  grid-template-columns: 1fr 1fr;  gap: 24px;  margin-top: 36px;}
.eo-single__post-nav-prev, .eo-single__post-nav-next {min-width: 0;}
.eo-single__post-nav a {  display: block;  height: 100%;  padding: 22px 24px;  background: #d8dcef;  text-decoration: none;  color: #190d59;  transition: transform 0.2s ease, box-shadow 0.2s ease;}
.eo-single__post-nav a:hover {transform: translateY(-2px);}
.eo-single__post-nav-label {  display: block;  margin-bottom: 10px;  font-size: 0.92rem;  text-transform: uppercase;}
.eo-single__post-nav-title {  display: block;  font-size: 1.08rem;  line-height: 1.4;  font-weight: 700;}

@media (max-width: 1024px) {
	
	/*BLOG */
	.eo-grid {grid-template-columns: repeat(2, minmax(0, 1fr));}
	.eo-single__body-wrap {grid-template-columns: 1fr;}
	.eo-single__sidebar {position: static;}
}

@media all and (max-width:768px){

	/* HEADER */
	#eo-header-wrapper {justify-content:space-between;}
	#eo-header-menu {display:none}
	#eo-header-burger {display:block}
	
	/* FOOTER */
	#eo-footer-logo, #eo-footer-menu, #eo-footer-contact {width:100%}
	
	/* BLOG */
	.eo-grid {grid-template-columns: 1fr;}
	.eo-card-content {padding: 18px 20px 16px;}
	.eo-title {font-size: 1.35rem;}
	.eo-single {padding: 28px 14px 48px;}
	.eo-single__hero-content, .eo-single__content, .eo-single__sidebar-box {padding: 22px 20px;}
	.eo-single__post-nav {grid-template-columns: 1fr;}
	.eo-single__sidebar-item a {grid-template-columns: 76px minmax(0, 1fr);}
	.eo-single__sidebar-thumb img {height: 76px;}

}