/* Dashboard Menu Styling */
/* Primary selector targeting the dashboard menu */
body > div.boxed_wrapper.ltr > section.blog-details-area > div > div > div > div > div > div > div > div > nav:nth-child(1),
body > div.boxed_wrapper.ltr > section.blog-details-area nav,
nav.charitable-dashboard,
.charitable-dashboard {
padding: 12px 0;
background: linear-gradient(180deg, rgba(0, 0, 0, 0.02) 0%, rgba(0, 0, 0, 0.01) 100%);
border-left: 4px solid #20c997;
}
/* Navigation menu list */
body > div.boxed_wrapper.ltr > section.blog-details-area > div > div > div > div > div > div > div > div > nav:nth-child(1) ul,
body > div.boxed_wrapper.ltr > section.blog-details-area nav ul,
nav.charitable-dashboard ul,
.charitable-dashboard ul {
list-style: none;
margin: 0;
padding: 0 0;
display: flex;
flex-direction: column;
gap: 0;
}
/* Menu item styling */
body > div.boxed_wrapper.ltr > section.blog-details-area > div > div > div > div > div > div > div > div > nav:nth-child(1) ul li,
body > div.boxed_wrapper.ltr > section.blog-details-area nav ul li,
nav.charitable-dashboard ul li,
.charitable-dashboard ul li {
margin: 0;
padding: 0;
list-style: none;
border-bottom: 1px solid #f0f0f0;
}
body > div.boxed_wrapper.ltr > section.blog-details-area > div > div > div > div > div > div > div > div > nav:nth-child(1) ul li:last-child,
body > div.boxed_wrapper.ltr > section.blog-details-area nav ul li:last-child,
nav.charitable-dashboard ul li:last-child,
.charitable-dashboard ul li:last-child {
border-bottom: none;
}
/* Menu links */
body > div.boxed_wrapper.ltr > section.blog-details-area > div > div > div > div > div > div > div > div > nav:nth-child(1) ul li a,
body > div.boxed_wrapper.ltr > section.blog-details-area nav ul li a,
nav.charitable-dashboard ul li a,
.charitable-dashboard ul li a {
display: flex;
align-items: center;
gap: 12px;
padding: 14px 16px;
text-decoration: none;
color: #474a57;
font-size: 14px;
font-weight: 500;
border-radius: 0;
transition: all 0.3s ease;
border-left: 4px solid transparent;
}
/* Menu link hover state */
body > div.boxed_wrapper.ltr > section.blog-details-area > div > div > div > div > div > div > div > div > nav:nth-child(1) ul li a:hover,
body > div.boxed_wrapper.ltr > section.blog-details-area nav ul li a:hover,
nav.charitable-dashboard ul li a:hover,
.charitable-dashboard ul li a:hover {
background-color: #f0f8ff;
color: #20c997;
border-left-color: #20c997;
}
/* Active menu item */
body > div.boxed_wrapper.ltr > section.blog-details-area > div > div > div > div > div > div > div > div > nav:nth-child(1) ul li.current a,
body > div.boxed_wrapper.ltr > section.blog-details-area > div > div > div > div > div > div > div > div > nav:nth-child(1) ul li.active a,
body > div.boxed_wrapper.ltr > section.blog-details-area nav ul li.current a,
body > div.boxed_wrapper.ltr > section.blog-details-area nav ul li.active a,
nav.charitable-dashboard ul li.current a,
nav.charitable-dashboard ul li.active a,
.charitable-dashboard ul li.current a,
.charitable-dashboard ul li.active a {
background-color: #e8f9f5;
color: #20c997;
font-weight: 600;
border-left-color: #20c997;
}
/* Icon styling for menu items */
body > div.boxed_wrapper.ltr > section.blog-details-area > div > div > div > div > div > div > div > div > nav:nth-child(1) ul li a::before,
body > div.boxed_wrapper.ltr > section.blog-details-area nav ul li a::before,
nav.charitable-dashboard ul li a::before,
.charitable-dashboard ul li a::before {
content: '';
width: 18px;
height: 18px;
display: inline-block;
flex-shrink: 0;
}
/* Dashboard icon */
body > div.boxed_wrapper.ltr > section.blog-details-area > div > div > div > div > div > div > div > div > nav:nth-child(1) ul li:first-child a::before,
body > div.boxed_wrapper.ltr > section.blog-details-area nav ul li:first-child a::before,
nav.charitable-dashboard ul li:first-child a::before,
.charitable-dashboard ul li:first-child a::before {
background: url('data:image/svg+xml;utf8,') no-repeat center;
background-size: contain;
}
/* Donation History icon */
body > div.boxed_wrapper.ltr > section.blog-details-area > div > div > div > div > div > div > div > div > nav:nth-child(1) ul li:nth-child(2) a::before,
body > div.boxed_wrapper.ltr > section.blog-details-area nav ul li:nth-child(2) a::before,
nav.charitable-dashboard ul li:nth-child(2) a::before,
.charitable-dashboard ul li:nth-child(2) a::before {
background: url('data:image/svg+xml;utf8,') no-repeat center;
background-size: contain;
}
/* Edit Profile icon */
body > div.boxed_wrapper.ltr > section.blog-details-area > div > div > div > div > div > div > div > div > nav:nth-child(1) ul li:nth-child(3) a::before,
body > div.boxed_wrapper.ltr > section.blog-details-area nav ul li:nth-child(3) a::before,
nav.charitable-dashboard ul li:nth-child(3) a::before,
.charitable-dashboard ul li:nth-child(3) a::before {
background: url('data:image/svg+xml;utf8,') no-repeat center;
background-size: contain;
}
/* Responsive design for smaller screens */
@media (max-width: 768px) {
nav.charitable-dashboard ul,
.charitable-dashboard ul {
gap: 4px;
}
nav.charitable-dashboard ul li a,
.charitable-dashboard ul li a {
padding: 10px 12px;
font-size: 13px;
gap: 10px;
}
}
/* Recent contributions table */
.charitable-user-dashboard .charitable-donation-history table,
.charitable-user-dashboard .charitable-donations table,
.charitable-donation-history table,
.charitable-donations table,
.charitable-dashboard-content table.charitable-table {
width: 100%;
border-collapse: separate;
border-spacing: 0;
background: #ffffff;
border: 1px solid #e5e7eb;
border-radius: 8px;
overflow: hidden;
}
.charitable-user-dashboard .charitable-donation-history thead th,
.charitable-user-dashboard .charitable-donations thead th,
.charitable-donation-history thead th,
.charitable-donations thead th,
.charitable-dashboard-content table.charitable-table thead th {
background: #f3f4f6;
color: #4b5563;
text-transform: uppercase;
letter-spacing: 0.04em;
font-size: 12px;
font-weight: 700;
padding: 12px 14px;
border-bottom: 1px solid #e5e7eb;
text-align: left;
}
.charitable-user-dashboard .charitable-donation-history tbody td,
.charitable-user-dashboard .charitable-donations tbody td,
.charitable-donation-history tbody td,
.charitable-donations tbody td,
.charitable-dashboard-content table.charitable-table tbody td {
padding: 14px;
border-bottom: 1px solid #eceff3;
color: #111827;
font-size: 15px;
vertical-align: top;
}
.charitable-user-dashboard .charitable-donation-history tbody tr:last-child td,
.charitable-user-dashboard .charitable-donations tbody tr:last-child td,
.charitable-donation-history tbody tr:last-child td,
.charitable-donations tbody tr:last-child td,
.charitable-dashboard-content table.charitable-table tbody tr:last-child td {
border-bottom: none;
}
.charitable-user-dashboard .charitable-donation-history tbody td:first-child,
.charitable-user-dashboard .charitable-donations tbody td:first-child,
.charitable-donation-history tbody td:first-child,
.charitable-donations tbody td:first-child,
.charitable-dashboard-content table.charitable-table tbody td:first-child {
font-size: 28px;
line-height: 1.05;
font-weight: 700;
color: #111827;
}
.charitable-user-dashboard .charitable-donation-history tbody td:nth-child(2),
.charitable-user-dashboard .charitable-donations tbody td:nth-child(2),
.charitable-donation-history tbody td:nth-child(2),
.charitable-donations tbody td:nth-child(2),
.charitable-dashboard-content table.charitable-table tbody td:nth-child(2) {
font-weight: 600;
color: #374151;
}
.charitable-user-dashboard .charitable-donation-history tbody td:nth-child(3),
.charitable-user-dashboard .charitable-donations tbody td:nth-child(3),
.charitable-donation-history tbody td:nth-child(3),
.charitable-donations tbody td:nth-child(3),
.charitable-dashboard-content table.charitable-table tbody td:nth-child(3) {
color: #111827;
font-weight: 600;
}
.charitable-user-dashboard .charitable-donation-history tbody td:nth-child(3) time,
.charitable-user-dashboard .charitable-donations tbody td:nth-child(3) time,
.charitable-donation-history tbody td:nth-child(3) time,
.charitable-donations tbody td:nth-child(3) time,
.charitable-dashboard-content table.charitable-table tbody td:nth-child(3) time {
display: block;
margin-top: 4px;
font-size: 13px;
font-weight: 500;
color: #6b7280;
}
/* Status style inspired by the reference screenshot */
.charitable-user-dashboard .charitable-donation-history tbody td:nth-child(4),
.charitable-user-dashboard .charitable-donations tbody td:nth-child(4),
.charitable-donation-history tbody td:nth-child(4),
.charitable-donations tbody td:nth-child(4),
.charitable-dashboard-content table.charitable-table tbody td:nth-child(4) {
color: #111827;
font-weight: 700;
}
.charitable-user-dashboard .charitable-donation-history tbody td:nth-child(4)::before,
.charitable-user-dashboard .charitable-donations tbody td:nth-child(4)::before,
.charitable-donation-history tbody td:nth-child(4)::before,
.charitable-donations tbody td:nth-child(4)::before,
.charitable-dashboard-content table.charitable-table tbody td:nth-child(4)::before {
content: '';
display: inline-block;
width: 8px;
height: 8px;
margin-right: 8px;
border-radius: 50%;
background: #60cd3c;
box-shadow: 0 0 0 2px rgba(96, 205, 60, 0.18);
vertical-align: middle;
}
/* Receipt button */
.charitable-user-dashboard .charitable-donation-history a[href*='receipt'],
.charitable-user-dashboard .charitable-donations a[href*='receipt'],
.charitable-donation-history a[href*='receipt'],
.charitable-donations a[href*='receipt'],
.charitable-dashboard-content table.charitable-table tbody td:last-child a {
display: inline-flex;
align-items: center;
gap: 6px;
padding: 6px 12px;
border-radius: 999px;
background: #ebf8ef;
border: 1px solid #bfe9cc;
color: #37a860;
font-size: 13px;
font-weight: 700;
text-decoration: none;
}
.charitable-user-dashboard .charitable-donation-history a[href*='receipt']:hover,
.charitable-user-dashboard .charitable-donations a[href*='receipt']:hover,
.charitable-donation-history a[href*='receipt']:hover,
.charitable-donations a[href*='receipt']:hover,
.charitable-dashboard-content table.charitable-table tbody td:last-child a:hover {
background: #dcf4e5;
border-color: #9fdab4;
}
/* Small donation id badge */
.charitable-user-dashboard .charitable-donation-history .donation-id,
.charitable-user-dashboard .charitable-donations .donation-id,
.charitable-donation-history .donation-id,
.charitable-donations .donation-id {
display: inline-block;
margin-top: 8px;
padding: 3px 10px;
border-radius: 999px;
border: 1px solid #e5e7eb;
background: #f8fafc;
color: #6b7280;
font-size: 12px;
font-weight: 600;
}
@media (max-width: 768px) {
.charitable-user-dashboard .charitable-donation-history table,
.charitable-user-dashboard .charitable-donations table,
.charitable-donation-history table,
.charitable-donations table,
.charitable-dashboard-content table.charitable-table {
display: block;
overflow-x: auto;
white-space: nowrap;
}
.charitable-user-dashboard .charitable-donation-history tbody td:first-child,
.charitable-user-dashboard .charitable-donations tbody td:first-child,
.charitable-donation-history tbody td:first-child,
.charitable-donations tbody td:first-child,
.charitable-dashboard-content table.charitable-table tbody td:first-child {
font-size: 20px;
}
}
/* -------------------------------------------------------------------------- */
/* SmartFarm Woo Account Dashboard Responsive Refresh */
/* -------------------------------------------------------------------------- */
body.woocommerce-account {
--sf-surface: #ffffff;
--sf-surface-soft: #f4f8fb;
--sf-border: #dce6ef;
--sf-text: #16324a;
--sf-text-soft: #5e6c7a;
--sf-primary: #1f8c5a;
--sf-primary-soft: #e9f7f0;
--sf-shadow: 0 8px 24px rgba(11, 31, 48, 0.08);
}
/* Supprime la limite 1140px de Bootstrap sur la page compte — le contenu utilise toute la largeur disponible */
body.woocommerce-account section.blog-details-area > div.container {
max-width: 100% !important;
width: 100% !important;
padding-left: 20px !important;
padding-right: 20px !important;
box-sizing: border-box;
}
body.woocommerce-account .woocommerce {
display: flex;
gap: 16px;
align-items: start;
}
body.woocommerce-account .woocommerce-MyAccount-navigation,
body.woocommerce-account .woocommerce-MyAccount-content {
background: var(--sf-surface);
border: 1px solid var(--sf-border);
border-radius: 16px;
box-shadow: var(--sf-shadow);
}
body.woocommerce-account .woocommerce-MyAccount-navigation {
flex: 0 0 280px;
width: 280px !important;
max-width: 280px;
float: none !important;
}
body.woocommerce-account .woocommerce-MyAccount-content {
flex: 1 1 auto;
width: auto !important;
min-width: 0;
float: none !important;
}
body.woocommerce-account .woocommerce-MyAccount-navigation {
position: sticky;
top: 96px;
overflow: hidden;
}
body.woocommerce-account .woocommerce-MyAccount-navigation ul {
margin: 0;
padding: 10px;
list-style: none;
}
body.woocommerce-account .woocommerce-MyAccount-navigation ul li {
margin: 0;
padding: 0;
}
body.woocommerce-account .woocommerce-MyAccount-navigation ul li a {
display: block;
padding: 11px 14px;
border-radius: 10px;
color: var(--sf-text);
font-size: 14px;
font-weight: 600;
line-height: 1.3;
text-decoration: none;
transition: background-color 0.2s ease, color 0.2s ease;
}
body.woocommerce-account .woocommerce-MyAccount-navigation ul li a:hover,
body.woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active a,
body.woocommerce-account .woocommerce-MyAccount-navigation ul li.current-menu-item a {
background: var(--sf-primary-soft);
color: var(--sf-primary);
}
body.woocommerce-account .woocommerce-MyAccount-content {
padding: 16px;
}
body.woocommerce-account .woocommerce-MyAccount-content h2,
body.woocommerce-account .woocommerce-MyAccount-content h3,
body.woocommerce-account .woocommerce-MyAccount-content h4 {
color: var(--sf-text);
}
body.woocommerce-account .woocommerce-MyAccount-content p,
body.woocommerce-account .woocommerce-MyAccount-content li,
body.woocommerce-account .woocommerce-MyAccount-content label {
color: var(--sf-text-soft);
}
body.woocommerce-account .woocommerce-MyAccount-content input[type='text'],
body.woocommerce-account .woocommerce-MyAccount-content input[type='email'],
body.woocommerce-account .woocommerce-MyAccount-content input[type='password'],
body.woocommerce-account .woocommerce-MyAccount-content input[type='number'],
body.woocommerce-account .woocommerce-MyAccount-content textarea,
body.woocommerce-account .woocommerce-MyAccount-content select {
min-height: 44px;
border-radius: 10px;
border: 1px solid var(--sf-border);
padding: 10px 12px;
}
body.woocommerce-account .woocommerce-MyAccount-content table {
width: 100%;
border-collapse: collapse;
}
body.woocommerce-account .woocommerce-MyAccount-content table th,
body.woocommerce-account .woocommerce-MyAccount-content table td {
padding: 8px 10px;
border-bottom: 1px solid #edf2f7;
font-size: 14px;
}
/* Crowdfunding dashboard blocks */
body.woocommerce-account .wpneo-dashboard-chart,
body.woocommerce-account .wpneo-shadow {
border-radius: 14px;
border: 1px solid var(--sf-border);
box-shadow: none;
}
body.woocommerce-account .wpneo-row {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 12px;
}
body.woocommerce-account .wpneo-col4 {
width: auto;
float: none;
}
body.woocommerce-account .wpneo-responsive-table {
overflow-x: auto;
-webkit-overflow-scrolling: touch;
}
/* PM project cards */
body.woocommerce-account .sf-pm-grid {
display: flex !important;
flex-wrap: wrap;
margin: 0;
}
body.woocommerce-account .sf-pm-card-wrap {
width: 50% !important;
padding: 0 6px 14px !important;
box-sizing: border-box;
min-width: 0;
}
body.woocommerce-account .sf-pm-card {
min-width: 0;
}
/* Tablet */
@media (max-width: 1024px) {
body.woocommerce-account .woocommerce {
display: block;
gap: 10px;
}
body.woocommerce-account .woocommerce-MyAccount-navigation {
position: static;
margin-bottom: 10px;
}
body.woocommerce-account .woocommerce-MyAccount-navigation ul {
display: flex;
gap: 8px;
overflow-x: auto;
padding: 10px;
white-space: nowrap;
scrollbar-width: thin;
}
body.woocommerce-account .woocommerce-MyAccount-navigation ul li {
flex: 0 0 auto;
}
body.woocommerce-account .woocommerce-MyAccount-navigation ul li a {
padding: 9px 12px;
border: 1px solid var(--sf-border);
background: #fff;
font-size: 13px;
}
body.woocommerce-account .wpneo-row {
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 10px;
}
body.woocommerce-account .sf-pm-card-wrap {
width: 100% !important;
padding: 0 0 12px !important;
}
body.woocommerce-account .wpneo-head,
body.woocommerce-account .wpneo-padding25 {
padding: 10px;
margin-bottom: 10px !important;
margin-left: 0 !important;
margin-right: 0 !important;
margin-top: 0 !important;
}
}
/* Mobile */
@media (max-width: 767px) {
body.woocommerce-account .woocommerce {
gap: 8px;
display: block !important;
}
body.woocommerce-account .woocommerce-MyAccount-navigation,
body.woocommerce-account .woocommerce-MyAccount-content {
border-radius: 10px;
box-shadow: var(--sf-shadow);
margin: 0 !important;
border: 1px solid var(--sf-border);
}
body.woocommerce-account .woocommerce-MyAccount-content {
padding: 12px;
}
body.woocommerce-account .woocommerce-MyAccount-navigation ul {
padding: 6px;
gap: 4px;
margin: 0;
}
body.woocommerce-account .woocommerce-MyAccount-navigation ul li a {
font-size: 13px;
padding: 8px 10px;
}
body.woocommerce-account .wpneo-row {
grid-template-columns: 1fr;
gap: 8px;
margin: 0 !important;
}
body.woocommerce-account .wpneo-head,
body.woocommerce-account .wpneo-padding25 {
padding: 12px;
margin: 0 !important;
}
body.woocommerce-account .wpneo-col4 {
padding: 0 !important;
}
body.woocommerce-account .wpneo-col4 > .wpneo-shadow {
padding: 12px !important;
}
body.woocommerce-account .wpneo-col4 > .wpneo-shadow > div:first-child {
font-size: 26px !important;
line-height: 1 !important;
margin: 0 !important;
}
body.woocommerce-account .wpneo-col4 > .wpneo-shadow > div:last-child {
font-size: 10px !important;
margin-top: 4px !important;
}
body.woocommerce-account .wpneo-responsive-table table,
body.woocommerce-account .woocommerce-MyAccount-content table {
min-width: 560px;
}
body.woocommerce-account .sf-pm-card {
border-radius: 10px;
}
body.woocommerce-account .sf-pm-card-body,
body.woocommerce-account .sf-pm-card-footer {
padding-left: 10px;
padding-right: 10px;
padding-top: 10px;
padding-bottom: 10px;
}
body.woocommerce-account .wpneo-responsive-table,
body.woocommerce-account .woocommerce-MyAccount-content .table-responsive {
border-radius: 10px;
}
body.woocommerce-account .wpneo-shadow {
padding: 12px !important;
}
body.woocommerce-account .wpneo-dashboard-chart {
border: 1px solid var(--sf-border);
}
}
/* -------------------------------------------------------------------------- */
/* Mobile Hotfix for Theme + WooCommerce inherited desktop widths */
/* -------------------------------------------------------------------------- */
@media (max-width: 1199px) {
body.woocommerce-account .container,
body.woocommerce-account .blog-details-content,
body.woocommerce-account .single-blog-style1,
body.woocommerce-account .text-holder,
body.woocommerce-account .blog-details-text-area {
width: 100% !important;
max-width: 100% !important;
margin-left: 0 !important;
margin-right: 0 !important;
margin-top: 0 !important;
margin-bottom: 0 !important;
padding-left: 8px !important;
padding-right: 8px !important;
box-sizing: border-box;
}
body.woocommerce-account .woocommerce,
body.woocommerce-account .woocommerce-MyAccount-navigation,
body.woocommerce-account .woocommerce-MyAccount-content {
float: none !important;
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
}
body.woocommerce-account .woocommerce {
display: block !important;
}
body.woocommerce-account .woocommerce-MyAccount-navigation {
margin-bottom: 0;
position: static !important;
}
body.woocommerce-account .woocommerce-MyAccount-content {
overflow: hidden;
padding: 14px !important;
margin: 0 !important;
}
body.woocommerce-account .wpneo-row {
display: grid !important;
grid-template-columns: 1fr !important;
gap: 8px;
}
body.woocommerce-account .wpneo-col4,
body.woocommerce-account .wpneo-col6,
body.woocommerce-account .wpneo-col8,
body.woocommerce-account .wpneo-col12 {
width: 100% !important;
float: none !important;
}
body.woocommerce-account .sf-pm-card-wrap {
width: 100% !important;
padding: 0 0 8px !important;
}
body.woocommerce-account .sf-pm-grid {
display: block !important;
}
body.woocommerce-account .wpneo-responsive-table,
body.woocommerce-account .woocommerce-MyAccount-content .wpneo-table-responsive,
body.woocommerce-account .woocommerce-MyAccount-content .table-responsive {
width: 100% !important;
overflow-x: auto !important;
-webkit-overflow-scrolling: touch;
}
body.woocommerce-account .wpneo-responsive-table table,
body.woocommerce-account .woocommerce-MyAccount-content table {
min-width: 560px;
}
body.woocommerce-account canvas {
max-width: 100% !important;
height: auto !important;
}
}
@media (max-width: 767px) {
.col-lg-12.col-md-12.col-sm-12.text-right-rtl {
padding: 0;
}
section.blog-details-area {
padding-top: 0;
}
body.woocommerce-account .container,
body.woocommerce-account .blog-details-content,
body.woocommerce-account .single-blog-style1,
body.woocommerce-account .text-holder,
body.woocommerce-account .blog-details-text-area {
padding-left: 0 !important;
padding-right: 0 !important;
box-sizing: border-box;
}
.custom-blog-sinlge.page-content-area .single-blog-style1 .text-holder {
padding: 5px !important;
}
body.woocommerce-account .woocommerce-MyAccount-content {
padding: 12px !important;
margin: 0 !important;
}
body.woocommerce-account .woocommerce-MyAccount-navigation ul li a {
white-space: nowrap;
}
body.woocommerce-account .sf-pm-card-title {
font-size: 24px !important;
}
/* Recent contributions: mobile keeps only 3 columns (1: Contribution, 2: Campagne, 5: Recu) */
body.woocommerce-account .wpneo-responsive-table table.stripe-table thead th:nth-child(3),
body.woocommerce-account .wpneo-responsive-table table.stripe-table thead th:nth-child(4),
body.woocommerce-account .wpneo-responsive-table table.stripe-table tbody td:nth-child(3),
body.woocommerce-account .wpneo-responsive-table table.stripe-table tbody td:nth-child(4) {
display: none !important;
}
body.woocommerce-account .wpneo-responsive-table table.stripe-table {
min-width: 0 !important;
width: 100% !important;
}
body.woocommerce-account .wpneo-responsive-table table.stripe-table thead th,
body.woocommerce-account .wpneo-responsive-table table.stripe-table tbody td {
white-space: normal;
}
}
/* Extra small devices (phones) */
@media (max-width: 480px) {
body.woocommerce-account .woocommerce-MyAccount-content {
padding: 10px !important;
margin: 0 !important;
}
body.woocommerce-account .wpneo-head,
body.woocommerce-account .wpneo-padding25 {
padding: 10px !important;
margin: 0 !important;
}
body.woocommerce-account .wpneo-col4 > .wpneo-shadow {
padding: 10px !important;
}
body.woocommerce-account .wpneo-col4 > .wpneo-shadow > div:first-child {
font-size: 24px !important;
}
body.woocommerce-account .wpneo-col4 > .wpneo-shadow > div:last-child {
font-size: 10px !important;
margin-top: 4px !important;
}
body.woocommerce-account .woocommerce-MyAccount-navigation ul {
padding: 6px;
gap: 2px;
}
body.woocommerce-account .woocommerce-MyAccount-navigation ul li a {
padding: 6px 8px;
font-size: 12px;
}
body.woocommerce-account .wpneo-responsive-table table,
body.woocommerce-account .woocommerce-MyAccount-content table {
min-width: 480px;
font-size: 12px;
}
body.woocommerce-account .wpneo-responsive-table table th,
body.woocommerce-account .woocommerce-MyAccount-content table th {
padding: 6px 8px;
font-size: 11px;
}
body.woocommerce-account .wpneo-responsive-table table td,
body.woocommerce-account .woocommerce-MyAccount-content table td {
padding: 6px 8px;
font-size: 12px;
}
body.woocommerce-account .sf-pm-card-body,
body.woocommerce-account .sf-pm-card-footer {
padding-left: 8px !important;
padding-right: 8px !important;
padding-top: 8px !important;
padding-bottom: 8px !important;
}
body.woocommerce-account .text-holder,
body.woocommerce-account .blog-details-text-area {
padding-left: 6px !important;
padding-right: 6px !important;
margin: 0 !important;
}
body.woocommerce-account h2,
body.woocommerce-account h3,
body.woocommerce-account h4 {
font-size: 15px !important;
margin: 0 0 8px 0 !important;
padding: 0 !important;
}
body.woocommerce-account .wpneo-row {
gap: 6px;
}
}
@media (hover: none) and (pointer: coarse) and (max-width: 1199px) {
body.woocommerce-account .container,
body.woocommerce-account .blog-details-content,
body.woocommerce-account .single-blog-style1,
body.woocommerce-account .text-holder,
body.woocommerce-account .blog-details-text-area,
body.woocommerce-account .woocommerce,
body.woocommerce-account .woocommerce-MyAccount-navigation,
body.woocommerce-account .woocommerce-MyAccount-content {
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
margin-left: 0 !important;
margin-right: 0 !important;
float: none !important;
}
body.woocommerce-account .woocommerce {
display: block !important;
}
body.woocommerce-account .woocommerce-MyAccount-navigation ul {
display: flex;
gap: 8px;
overflow-x: auto;
white-space: nowrap;
}
body.woocommerce-account .wpneo-row {
grid-template-columns: 1fr !important;
}
body.woocommerce-account .sf-pm-card-wrap {
width: 100% !important;
}
}
/* Floating hamburger menu for dashboard on mobile/tablet */
@media (max-width: 1024px) {
body.woocommerce-account .sf-dashboard-menu-toggle,
body.woocommerce-account .sf-dashboard-menu-overlay {
display: block;
}
body.woocommerce-account .sf-dashboard-menu-toggle {
position: fixed;
left: 14px;
bottom: 88px;
z-index: 10020;
width: 52px;
height: 52px;
border: 0;
border-radius: 14px;
background: #1f8c5a;
box-shadow: 0 10px 24px rgba(18, 64, 45, 0.34);
padding: 0;
cursor: pointer;
}
body.woocommerce-account .sf-dashboard-menu-toggle span {
position: absolute;
left: 14px;
body.single-product section.related.products .crowdfunding_wrapper .sf-related-compact__dates {
width: 100%;
font-size: 11px;
line-height: 1.4;
color: #5f6f83;
font-weight: 600;
padding: 0;
margin: 2px 0 4px;
}
body.single-product section.related.products .crowdfunding_wrapper .sf-related-compact__dates strong {
color: var(--sf-green-900);
}
right: 14px;
height: 2px;
background: #fff;
border-radius: 3px;
transition: transform 0.2s ease, opacity 0.2s ease, top 0.2s ease;
}
body.woocommerce-account .sf-dashboard-menu-toggle span:nth-child(1) { top: 17px; }
body.woocommerce-account .sf-dashboard-menu-toggle span:nth-child(2) { top: 25px; }
body.woocommerce-account .sf-dashboard-menu-toggle span:nth-child(3) { top: 33px; }
body.woocommerce-account.sf-dashboard-menu-open .sf-dashboard-menu-toggle span:nth-child(1) {
top: 25px;
transform: rotate(45deg);
}
body.woocommerce-account.sf-dashboard-menu-open .sf-dashboard-menu-toggle span:nth-child(2) {
opacity: 0;
}
body.woocommerce-account.sf-dashboard-menu-open .sf-dashboard-menu-toggle span:nth-child(3) {
top: 25px;
transform: rotate(-45deg);
}
body.woocommerce-account .sf-dashboard-menu-overlay {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: min(320px, 88vw);
z-index: 10025;
border: 0;
background: rgba(10, 24, 32, 0.42);
opacity: 0;
pointer-events: none;
transition: opacity 0.2s ease;
padding: 0;
}
body.woocommerce-account .woocommerce-MyAccount-navigation {
position: fixed !important;
top: 0;
left: 0;
bottom: 0;
z-index: 10060 !important;
width: min(320px, 88vw) !important;
max-width: min(320px, 88vw) !important;
margin: 0 !important;
border-radius: 0 18px 18px 0 !important;
box-shadow: 0 16px 40px rgba(10, 24, 32, 0.28) !important;
transform: translateX(-102%);
transition: transform 0.22s ease;
overflow-y: auto;
}
body.woocommerce-account .woocommerce-MyAccount-navigation ul {
display: block !important;
overflow: visible !important;
white-space: normal !important;
padding: 14px !important;
}
body.woocommerce-account .woocommerce-MyAccount-navigation ul li a {
white-space: normal;
}
body.woocommerce-account.sf-dashboard-menu-open .woocommerce-MyAccount-navigation {
transform: translateX(0);
}
/* Ensure the whole dashboard context is above the dark overlay layer. */
body.woocommerce-account.sf-dashboard-menu-open .woocommerce,
body.woocommerce-account.sf-dashboard-menu-open .woocommerce-MyAccount-content,
body.woocommerce-account.sf-dashboard-menu-open .woocommerce-MyAccount-navigation {
position: relative;
z-index: 10050;
}
body.woocommerce-account.sf-dashboard-menu-open .woocommerce-MyAccount-navigation,
body.woocommerce-account.sf-dashboard-menu-open .woocommerce-MyAccount-navigation * {
pointer-events: auto;
}
body.woocommerce-account.sf-dashboard-menu-open .sf-dashboard-menu-overlay {
opacity: 1;
pointer-events: auto;
}
}
@media (min-width: 1025px) {
body.woocommerce-account .sf-dashboard-menu-toggle,
body.woocommerce-account .sf-dashboard-menu-overlay {
display: none !important;
}
}
/* Mobile UX polish: clearer hierarchy and cleaner blocks */
@media (max-width: 767px) {
body.woocommerce-account .woocommerce-MyAccount-content {
padding: 10px !important;
border-radius: 12px !important;
}
body.woocommerce-account .wpneo-padding25,
body.woocommerce-account .wpneo-head {
padding: 10px !important;
border-radius: 12px !important;
border: 1px solid #dfe7ef !important;
background: #ffffff;
}
body.woocommerce-account .wpneo-padding25 h4,
body.woocommerce-account .wpneo-head h4 {
margin: 0 0 10px 0 !important;
font-size: 15px !important;
line-height: 1.25;
}
body.woocommerce-account .wpneo-col4 > .wpneo-shadow {
border-radius: 10px !important;
padding: 10px 8px !important;
min-height: 74px;
}
body.woocommerce-account .wpneo-col4 > .wpneo-shadow > div:first-child {
font-size: 32px !important;
line-height: 1 !important;
}
body.woocommerce-account .wpneo-col4 > .wpneo-shadow > div:last-child {
font-size: 10px !important;
letter-spacing: 0.02em;
}
body.woocommerce-account .wpneo-responsive-table {
border-radius: 10px !important;
border: 1px solid #dfe7ef;
background: #fff;
}
body.woocommerce-account .wpneo-responsive-table table {
min-width: 520px;
}
body.woocommerce-account .wpneo-responsive-table table th {
font-size: 11px !important;
padding: 7px 8px !important;
}
body.woocommerce-account .wpneo-responsive-table table td {
font-size: 12px !important;
padding: 8px !important;
}
body.woocommerce-account .sf-pm-card {
border-radius: 12px !important;
overflow: hidden;
}
body.woocommerce-account .sf-section-projects {
margin-top: 18px !important;
}
}
/* Hide the page title hero ("Mon compte") on mobile account dashboard */
@media (max-width: 767px) {
body.woocommerce-account section.breadcrumb-area.page-breadcrumb {
display: none !important;
}
}
/* ============================================================
MOBILE — Page campagne (single product/crowdfunding)
Design UX restructuré : titre → auteur+lieu → jauge → stats → don
============================================================ */
@media (max-width: 767px) {
/* Réordonner les blocs: summary -> description -> related products */
body.single-product .woocommerce div.product {
display: flex !important;
flex-direction: column !important;
}
body.single-product .woocommerce div.product .summary.entry-summary {
order: 3 !important;
}
body.single-product .woocommerce div.product .woocommerce-tabs,
body.single-product .woocommerce div.product .wc-tabs-wrapper {
order: initial !important;
}
body.single-product .woocommerce div.product section.related.products,
body.single-product .woocommerce div.product .related.products {
order: 5 !important;
}
section.related.products {
order: 5;
}
/* 1. Afficher l'image/vidéo gauche en pleine largeur */
body.single-product .wpneo-campaign-single-left-info {
display: block !important;
float: none !important;
width: 100% !important;
margin: 0 0 12px !important;
padding: 0 !important;
}
body.single-product .wpneo-campaign-single-left-info .wpneo-post-img,
body.single-product .wpneo-campaign-single-left-info .wpneo-post-img a,
body.single-product .wpneo-campaign-single-left-info .wpneo-post-img img {
display: block !important;
width: 100% !important;
max-width: 100% !important;
height: auto !important;
object-fit: contain !important;
}
body.single-product .wpneo-campaign-summary {
float: none !important;
width: 100% !important;
}
/* 2. Flex column sur le conteneur du résumé pour pouvoir réordonner */
body.single-product .wpneo-campaign-summary-inner,
body.single-product div.summary.entry-summary {
display: flex !important;
flex-direction: column !important;
}
/* 3. Titre — order 1 */
body.single-product h2.wpneo-campaign-title,
body.single-product h1.product_title.entry-title {
order: 1 !important;
font-size: 28px !important;
font-weight: 700 !important;
line-height: 1.15;
margin: 14px 0 4px !important;
color: #142132;
}
/* 4. Auteur + Localisation — order 2 & 3, affichés en ligne */
body.single-product p.wpneo-author-info {
order: 2 !important;
display: inline !important;
font-size: 13px !important;
color: #6b7a8d !important;
margin: 0 !important;
}
body.single-product .wpneo-location-wrapper {
order: 3 !important;
font-size: 13px !important;
color: #6b7a8d !important;
margin: 0 0 14px !important;
display: flex !important;
align-items: center !important;
gap: 4px;
}
/* 5. Jauge — order 4 & 5 (AVANT les chiffres clés) */
body.single-product .wpneo-raised-percent {
order: 4 !important;
display: flex !important;
justify-content: space-between !important;
align-items: center !important;
margin: 0 0 6px !important;
padding: 0 !important;
}
body.single-product .wpneo-raised-percent .wpneo-meta-name {
font-size: 12px !important;
color: #6b7a8d !important;
font-weight: 400 !important;
}
body.single-product .wpneo-raised-percent .wpneo-meta-desc {
font-size: 16px !important;
font-weight: 700 !important;
color: #2e7d32 !important;
}
body.single-product .wpneo-raised-bar {
order: 5 !important;
margin: 0 0 16px !important;
}
body.single-product .wpneo-raised-bar #neo-progressbar {
height: 12px !important;
border-radius: 99px !important;
background: #e0eee2 !important;
overflow: hidden !important;
}
body.single-product .wpneo-raised-bar #neo-progressbar > div {
height: 100% !important;
background: #43a047 !important;
border-radius: 99px !important;
min-width: 4px !important;
}
/* 6. Chiffres clés en grille 3 colonnes — order 6 */
body.single-product .campaign-funding-info {
order: 6 !important;
margin: 0 0 18px !important;
}
body.single-product .campaign-funding-info ul {
display: grid !important;
grid-template-columns: repeat(3, 1fr) !important;
gap: 6px !important;
padding: 0 !important;
margin: 0 !important;
list-style: none !important;
}
/* Masquer le 4ème li (Méthode de fin de campagne) */
body.single-product .campaign-funding-info ul li:nth-child(4) {
display: none !important;
}
body.single-product .campaign-funding-info ul li {
border: 1px solid #dde6f0;
border-radius: 10px;
background: #f5f9ff;
padding: 10px 4px;
text-align: center;
}
body.single-product .campaign-funding-info ul li p.funding-amount {
font-weight: 700 !important;
font-size: 14px !important;
margin: 0 0 3px !important;
color: #142132 !important;
line-height: 1.2;
}
body.single-product .campaign-funding-info ul li span.info-text {
font-size: 10px !important;
color: #6b7a8d !important;
line-height: 1.3;
display: block;
}
/* 7. Zone de don — order 7 */
body.single-product .wpneo-single-sidebar {
order: 7 !important;
margin-bottom: 8px !important;
}
body.single-product .wpneo-single-sidebar .cart {
margin-bottom: 0 !important;
padding-bottom: 0 !important;
}
/* Masquer le prix WooCommerce (non pertinent pour crowdfunding) */
body.single-product p.price,
body.single-product .woocommerce-product-rating {
order: 0 !important;
display: none !important;
}
/* Boutons montants prédéfinis : inline et plus compacts */
body.single-product ul.wpcf_predefined_pledge_amount {
display: flex !important;
flex-wrap: wrap !important;
gap: 6px !important;
padding: 0 !important;
margin: 0 0 12px !important;
list-style: none !important;
}
body.single-product ul.wpcf_predefined_pledge_amount li {
width: auto !important;
margin: 0 !important;
flex: 0 0 auto !important;
}
body.single-product ul.wpcf_predefined_pledge_amount li a {
display: inline-block !important;
text-align: center !important;
padding: 7px 10px !important;
font-size: 12px !important;
line-height: 1.1;
border-radius: 7px;
width: auto !important;
min-width: 72px;
box-sizing: border-box;
}
/* Champ montant libre : plein largeur, moderne */
body.single-product .wpneo-single-sidebar .cart input[type='number'].wpneo_donate_amount_field {
width: 100% !important;
height: 48px !important;
border-radius: 8px !important;
border: 1.5px solid #c7d3e0 !important;
font-size: 16px !important;
padding: 0 16px !important;
margin-bottom: 10px !important;
box-sizing: border-box !important;
text-align: center !important;
}
/* Bouton CTA : plein largeur, proéminent */
body.single-product .wpneo-single-sidebar .cart .wpneo_donate_button,
body.single-product .wpneo_donate_button {
width: 100% !important;
display: block !important;
text-align: center !important;
padding: 15px !important;
border-radius: 8px !important;
font-size: 16px !important;
font-weight: 700 !important;
letter-spacing: 0.3px;
}
/* Masquer la section créateur */
body.single-product .wpneo-campaign-creator-info-wrapper {
display: none !important;
}
/* Réduire la bannière breadcrumb produit */
body.single-product section.breadcrumb-area.product-single-breadcrumb {
padding-top: 18px !important;
padding-bottom: 18px !important;
min-height: unset !important;
}
body.single-product section.breadcrumb-area.product-single-breadcrumb h1,
body.single-product section.breadcrumb-area.product-single-breadcrumb h2 {
font-size: 18px !important;
margin: 0 !important;
}
/* Compacter la zone Historique/onglets pour supprimer le grand vide */
body.single-product .wpneo-tabs {
margin-top: 12px !important;
}
body.single-product .wpneo-tabs-menu {
padding: 8px 0 0 !important;
margin: 0 0 8px !important;
}
body.single-product .wpneo-tabs-menu li {
padding: 8px 10px !important;
}
body.single-product .wpneo-tab {
margin-bottom: 10px !important;
}
body.single-product .wpneo-tab-content {
padding: 8px 0 !important;
}
}
/* ============================================================
RELATED PRODUCTS — Card UX refresh (single product page)
============================================================ */
body.single-product section.related.products {
margin-top: 26px;
margin-bottom: 30px;
clear: both;
float: none;
width: 100%;
}
body.single-product .woocommerce div.product section.related.products,
body.single-product .woocommerce div.product .related.products {
clear: both;
float: none;
width: 100%;
margin-left: 0;
margin-right: 0;
}
body.single-product section.related.products > h2,
body.single-product section.related.products > h3 {
color: #16324a;
font-size: 24px;
font-weight: 700;
margin-bottom: 16px;
}
body.single-product section.related.products ul.products {
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
align-items: stretch;
margin: 0;
padding: 0;
}
body.single-product section.related.products ul.products li.product,
body.single-product section.related.products ul.products li.product .wpneo-listings {
list-style: none;
background: #ffffff;
border: 1px solid #dbe7f2;
border-radius: 16px;
box-shadow: 0 8px 22px rgba(18, 47, 74, 0.08);
overflow: hidden;
position: relative;
margin: 0;
width: calc((100% - 36px) / 3) !important;
max-width: calc((100% - 36px) / 3) !important;
flex: 0 0 calc((100% - 36px) / 3) !important;
margin-right: 18px !important;
margin-bottom: 18px !important;
}
body.single-product section.related.products ul.products li.product:nth-child(3n),
body.single-product section.related.products ul.products li.product .wpneo-listings:nth-child(3n) {
margin-right: 0 !important;
}
body.single-product section.related.products .wpneo-listing-img,
body.single-product section.related.products .wpneo-listing-img > a {
display: block;
margin: 0;
}
body.single-product section.related.products .wpneo-listing-img img {
width: 100%;
height: 190px;
object-fit: cover;
display: block;
}
body.single-product section.related.products .wpneo-listing-content {
padding: 12px 14px 14px;
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
}
body.single-product section.related.products .wpneo-listing-content,
body.single-product section.related.products .wpneo-listing-content * {
text-align: center !important;
}
body.single-product section.related.products .wpneo-listing-content h4 {
margin: 4px 0 8px;
padding: 0 !important;
font-size: 19px;
line-height: 1.28;
width: 100%;
}
body.single-product section.related.products .wpneo-listing-content h4 a {
color: #142132;
text-decoration: none;
font-weight: 700;
}
body.single-product section.related.products .wpneo-listing-content h4,
body.single-product section.related.products .wpneo-listing-content .wpneo-meta-name,
body.single-product section.related.products .wpneo-listing-content .wpneo-meta-desc {
margin: 10px !important;
}
body.single-product section.related.products .wpneo-raised-bar {
padding: 0;
margin: 10px 0 12px;
width: 100%;
}
body.single-product section.related.products .wpneo-raised-percent,
body.single-product section.related.products .wpneo-funding-data {
width: 100%;
padding: 0 !important;
text-align: center;
}
body.single-product section.related.products .wpneo-raised-percent .wpneo-meta-name,
body.single-product section.related.products .wpneo-raised-percent .wpneo-meta-desc {
display: inline-block;
padding-left: 0 !important;
}
body.single-product section.related.products .wpneo-raised-bar #neo-progressbar {
height: 10px;
border-radius: 999px;
background: #d9ebe0;
overflow: hidden;
}
body.single-product section.related.products .wpneo-raised-bar #neo-progressbar > div {
background: #1f8c5a;
height: 100%;
border-radius: 999px;
}
body.single-product section.related.products .wpneo-fund-raised,
body.single-product section.related.products .wpneo-funding-goal,
body.single-product section.related.products .wpneo-time-remaining {
float: none;
}
body.single-product section.related.products .wpneo-fund-raised .wpneo-meta-desc {
color: #0f7f53;
font-weight: 800;
font-size: 24px;
line-height: 1.1;
}
body.single-product section.related.products .wpneo-fund-raised .wpneo-meta-name,
body.single-product section.related.products .wpneo-funding-goal .wpneo-meta-name {
color: #6b7a8d;
font-size: 13px;
}
body.single-product section.related.products .wpneo-funding-goal,
body.single-product section.related.products .wpneo-fund-raised {
display: block;
width: 100%;
padding: 0;
text-align: center;
}
body.single-product section.related.products .wpneo-funding-goal {
margin-left: 0;
margin-top: 4px;
}
body.single-product section.related.products .wpneo-time-remaining {
position: absolute;
top: 12px;
left: 12px;
z-index: 3;
width: auto;
padding: 7px 10px;
border-radius: 999px;
background: #0f7f53;
box-shadow: 0 4px 12px rgba(15, 127, 83, 0.28);
display: inline-flex;
gap: 5px;
align-items: center;
}
body.single-product section.related.products .wpneo-time-remaining .wpneo-meta-desc,
body.single-product section.related.products .wpneo-time-remaining .wpneo-meta-name {
color: #ffffff;
font-size: 12px;
font-weight: 700;
line-height: 1;
margin: 0;
}
body.single-product section.related.products .wpneo-time-remaining .float-left {
float: none;
}
body.single-product section.related.products .wpneo-listing-img .overlay {
opacity: 1;
position: absolute;
inset: auto 0 12px;
background: transparent;
text-align: center;
}
body.single-product section.related.products .wpneo-listing-img .overlay > div,
body.single-product section.related.products .wpneo-listing-img .overlay > div > div {
display: block;
}
body.single-product section.related.products .wpneo-listing-img .overlay a {
display: inline-block;
background: #0f7f53;
color: #ffffff;
border-radius: 10px;
font-size: 14px;
font-weight: 700;
line-height: 1;
text-decoration: none;
padding: 11px 14px;
margin: 10px !important;
}
body.single-product section.related.products .wpneo-listing-img .overlay a:hover {
background: #0b6f66;
}
body.single-product section.related.products ul.products li.product .woocommerce-loop-product__title,
body.single-product section.related.products ul.products li.product .crowdfunding_wrapper .wpneo_thumb_text,
body.single-product section.related.products ul.products li.product .crowdfunding_wrapper .funding_goal,
body.single-product section.related.products ul.products li.product .button {
margin: 10px !important;
}
/* Friendly info layout for similar products cards */
body.single-product section.related.products .wpneo-listing-content {
align-items: stretch;
text-align: left;
gap: 8px;
}
body.single-product section.related.products .wpneo-listing-content,
body.single-product section.related.products .wpneo-listing-content * {
text-align: left !important;
}
/* Mini-section funding summary: CSS-only, stable and complete */
body.single-product section.related.products .crowdfunding_wrapper {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 10px;
width: 100%;
margin-top: 8px;
padding: 0;
}
body.single-product section.related.products .crowdfunding_wrapper > div {
background: linear-gradient(180deg, #ffffff 0%, #f6fbff 100%);
border: 1px solid #d5e5f3;
border-radius: 12px;
padding: 10px 12px;
min-height: 64px;
display: flex;
align-items: center;
box-shadow: 0 6px 14px rgba(17, 59, 93, 0.07);
}
body.single-product section.related.products .crowdfunding_wrapper .wpneo_location {
grid-column: 1 / -1;
min-height: 46px;
background: linear-gradient(180deg, #f1f7ff 0%, #e8f3ff 100%);
}
body.single-product section.related.products .crowdfunding_wrapper .smartfarm-project-dates-wrapper-loop {
grid-column: 1 / -1;
min-height: 42px;
display: inline-flex;
align-items: center;
gap: 6px;
padding: 6px 12px;
background: linear-gradient(180deg, #fbf5ef 0%, #f6eee6 100%);
border: 1px solid var(--sf-border-soft);
border-radius: 999px;
color: var(--sf-green-900);
}
body.single-product section.related.products .crowdfunding_wrapper .smartfarm-project-dates-wrapper-loop .smartfarm-project-date {
display: inline-flex;
align-items: center;
gap: 3px;
white-space: nowrap;
}
body.single-product section.related.products .crowdfunding_wrapper .smartfarm-project-dates-wrapper-loop .smartfarm-project-date-label {
color: var(--sf-text-muted);
font-size: 11px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.35px;
}
body.single-product section.related.products .crowdfunding_wrapper .smartfarm-project-dates-wrapper-loop .smartfarm-project-date-value {
color: var(--sf-green-900);
font-size: 11px;
font-weight: 700;
}
body.single-product section.related.products .crowdfunding_wrapper .smartfarm-project-dates-wrapper-loop .smartfarm-project-date-separator {
color: var(--sf-border-soft);
}
body.single-product section.related.products .crowdfunding_wrapper .funding_goal {
grid-column: 1;
}
body.single-product section.related.products .crowdfunding_wrapper .total_raised {
grid-column: 2;
}
body.single-product section.related.products .crowdfunding_wrapper .percent_funded {
grid-column: 1;
background: linear-gradient(180deg, #f0fbf4 0%, #e7f7ee 100%);
}
body.single-product section.related.products .crowdfunding_wrapper .days_remaining {
grid-column: 2;
background: linear-gradient(180deg, #f8f9fc 0%, #eff3f8 100%);
}
body.single-product section.related.products .crowdfunding_wrapper p.wpneo_thumb_text {
margin: 0;
width: 100%;
display: flex;
flex-direction: column;
gap: 6px;
font-size: 11px;
color: #64748b;
line-height: 1.35;
text-transform: uppercase;
letter-spacing: 0.45px;
font-weight: 700;
}
body.single-product section.related.products .crowdfunding_wrapper p.wpneo_thumb_text .price,
body.single-product section.related.products .crowdfunding_wrapper p.wpneo_thumb_text .woocommerce-Price-amount,
body.single-product section.related.products .crowdfunding_wrapper p.wpneo_thumb_text .amount {
font-size: 18px;
font-weight: 800;
line-height: 1.15;
color: #0f7f53;
text-transform: none;
letter-spacing: 0;
}
body.single-product section.related.products .crowdfunding_wrapper .percent_funded p.wpneo_thumb_text .amount {
color: #0b6f66;
}
body.single-product section.related.products .crowdfunding_wrapper .days_remaining p.wpneo_thumb_text {
justify-content: center;
height: 100%;
color: #475569;
font-weight: 700;
}
/* Proposed premium compact footer (same data, cleaner visual hierarchy) */
body.single-product section.related.products .crowdfunding_wrapper > .wpneo_location,
body.single-product section.related.products .crowdfunding_wrapper > .funding_goal,
body.single-product section.related.products .crowdfunding_wrapper > .total_raised,
body.single-product section.related.products .crowdfunding_wrapper > .percent_funded,
body.single-product section.related.products .crowdfunding_wrapper > .days_remaining {
display: none;
}
body.single-product section.related.products .crowdfunding_wrapper .sf-related-compact {
grid-column: 1 / -1;
display: flex;
flex-direction: column;
align-items: stretch;
position: relative;
border: 1px solid #cfd8e1;
border-radius: 10px;
background: #f7f9fb;
padding: 10px 12px 12px;
box-shadow: none;
}
body.single-product section.related.products .crowdfunding_wrapper .sf-related-compact__amount {
font-size: 16px;
line-height: 1.2;
color: #0a9fcb;
font-weight: 800;
margin: 0;
}
body.single-product section.related.products .crowdfunding_wrapper .sf-related-compact__track {
width: 100%;
height: 4px;
margin-top: 8px;
border-radius: 999px;
background: #d8dee5;
overflow: hidden;
}
body.single-product section.related.products .crowdfunding_wrapper .sf-related-compact__fill {
display: block;
height: 100%;
border-radius: 999px;
background: linear-gradient(90deg, #05b4d8 0%, #0497bf 100%);
}
body.single-product section.related.products .crowdfunding_wrapper .sf-related-compact__days {
margin-top: 10px;
font-size: 14px;
line-height: 1.2;
color: #102f46;
font-weight: 700;
}
body.single-product section.related.products .crowdfunding_wrapper .sf-related-compact__footer {
display: flex;
flex-direction: column;
align-items: flex-end;
gap: 8px;
margin-top: 8px;
}
body.single-product section.related.products .crowdfunding_wrapper .sf-related-compact__plus {
position: absolute;
right: 0;
bottom: 0;
align-self: flex-end;
margin-top: 0;
width: 26px;
height: 26px;
display: inline-flex;
align-items: center;
justify-content: center;
text-decoration: none;
border: 1px solid #cfd8e1;
border-right: 0;
border-bottom: 0;
border-top-left-radius: 8px;
color: #8ba0b3;
font-size: 18px;
line-height: 1;
font-weight: 700;
background: #f7f9fb;
}
body.single-product section.related.products .crowdfunding_wrapper .sf-related-compact__dates {
display: inline-flex;
align-items: center;
flex-wrap: wrap;
gap: 6px;
width: auto;
align-self: auto;
margin: 0;
padding: 4px 12px;
border: 1px solid #d4d4d4;
border-radius: 999px;
background: #f9f3ec;
color: #70c020;
font-size: 12px;
font-weight: 600;
line-height: 1.3;
}
body.single-product section.related.products .crowdfunding_wrapper .sf-related-compact__date {
display: inline-flex;
align-items: center;
gap: 4px;
white-space: nowrap;
}
body.single-product section.related.products .crowdfunding_wrapper .sf-related-compact__date-label {
color: #606060;
font-weight: 600;
}
body.single-product section.related.products .crowdfunding_wrapper .sf-related-compact__date-value {
color: #70c020;
}
body.single-product section.related.products .crowdfunding_wrapper .sf-related-compact__date-separator {
color: #d4d4d4;
}
body.single-product section.related.products .wpneo-listing-content h4 {
margin: 2px 0 4px;
font-size: 19px;
line-height: 1.25;
}
body.single-product section.related.products .wpneo-listing-img .overlay {
position: static;
inset: auto;
margin: 0;
text-align: left;
}
body.single-product section.related.products .wpneo-listing-img .overlay a {
margin: 0 !important;
border-radius: 8px;
padding: 10px 14px;
}
body.single-product section.related.products .wpneo-funding-goal,
body.single-product section.related.products .wpneo-fund-raised,
body.single-product section.related.products .wpneo-raised-percent {
display: flex;
align-items: baseline;
justify-content: space-between;
width: 100%;
margin: 0;
padding: 9px 11px !important;
background: #f5f9ff;
border: 1px solid #dbe7f2;
border-radius: 10px;
}
body.single-product section.related.products .wpneo-funding-goal .wpneo-meta-name,
body.single-product section.related.products .wpneo-fund-raised .wpneo-meta-name,
body.single-product section.related.products .wpneo-raised-percent .wpneo-meta-name {
font-size: 13px;
color: #5f6f83;
font-weight: 500;
margin: 0;
padding-left: 0 !important;
}
body.single-product section.related.products .wpneo-funding-goal .wpneo-meta-desc,
body.single-product section.related.products .wpneo-fund-raised .wpneo-meta-desc,
body.single-product section.related.products .wpneo-raised-percent .wpneo-meta-desc {
font-size: 22px;
line-height: 1.1;
font-weight: 800;
color: #0f7f53;
margin: 0;
padding-left: 8px !important;
}
body.single-product section.related.products .wpneo-raised-bar {
margin: 2px 0 6px;
}
/* Compact native funding section (goal / raised / remaining + percent bar) */
body.single-product section.related.products .wpneo-funding-data {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 0;
border: 1px solid #dbe7f2;
border-radius: 12px;
overflow: hidden;
background: #f6f9fe;
}
body.single-product section.related.products .wpneo-funding-data .wpneo-funding-goal,
body.single-product section.related.products .wpneo-funding-data .wpneo-fund-raised,
body.single-product section.related.products .wpneo-funding-data .wpneo-time-remaining {
border: 0;
border-right: 1px solid #dbe7f2;
border-radius: 0;
background: transparent;
padding: 10px 8px !important;
min-height: 78px;
}
body.single-product section.related.products .wpneo-funding-data .wpneo-time-remaining {
position: static;
width: 100%;
margin: 0;
box-shadow: none;
display: flex;
justify-content: center;
}
body.single-product section.related.products .wpneo-funding-data > *:last-child {
border-right: 0;
}
body.single-product section.related.products .wpneo-funding-data .wpneo-meta-desc {
font-size: 15px !important;
line-height: 1.2;
font-weight: 800;
color: #0f7f53;
text-align: center;
}
body.single-product section.related.products .wpneo-funding-data .wpneo-meta-name {
font-size: 11px !important;
line-height: 1.2;
text-transform: uppercase;
letter-spacing: 0.28px;
color: #5f6f83;
text-align: center;
}
body.single-product section.related.products .wpneo-raised-percent {
margin-top: 10px;
border: 0;
background: transparent;
padding: 0 !important;
}
body.single-product section.related.products .wpneo-raised-percent .wpneo-meta-name {
font-size: 12px;
text-transform: uppercase;
letter-spacing: 0.28px;
color: #5f6f83;
}
body.single-product section.related.products .wpneo-raised-percent .wpneo-meta-desc {
font-size: 18px;
color: #0f7f53;
}
body.single-product section.related.products .wpneo-raised-bar {
margin-top: 6px;
}
body.single-product section.related.products .wpneo-raised-bar #neo-progressbar {
height: 9px;
}
body.single-product section.related.products .wpneo-time-remaining {
position: static;
width: fit-content;
align-self: flex-start;
margin-top: 2px;
padding: 6px 10px;
background: #eef4fb;
box-shadow: none;
}
body.single-product section.related.products .wpneo-time-remaining .wpneo-meta-desc,
body.single-product section.related.products .wpneo-time-remaining .wpneo-meta-name {
color: #4b5f76;
font-size: 12px;
}
/* SmartFarm Green/White harmonization across single product page */
body.single-product {
--sf-green-900: #70c020;
--sf-green-800: #90c040;
--sf-green-700: #90d050;
--sf-green-500: #a0d060;
--sf-green-100: #eff8dd;
--sf-green-050: #f8fce9;
--sf-brown-050: #f9f3ec;
--sf-earth-700: #805010;
--sf-white: #ffffff;
--sf-text-muted: #606060;
--sf-border-soft: #d4d4d4;
}
body.single-product h2.wpneo-campaign-title,
body.single-product h1.product_title.entry-title,
body.single-product section.related.products > h2,
body.single-product section.related.products > h3 {
color: var(--sf-green-900) !important;
}
body.single-product p.wpneo-author-info,
body.single-product .wpneo-location-wrapper,
body.single-product .smartfarm-project-dates-wrapper,
body.single-product .campaign-funding-info ul li span.info-text,
body.single-product .wpneo-raised-percent .wpneo-meta-name {
color: var(--sf-text-muted) !important;
}
body.single-product .campaign-funding-info,
body.single-product .wpneo-campaign-creator-info-wrapper,
body.single-product .wpneo-single-sidebar .cart,
body.single-product section.related.products ul.products li.product,
body.single-product section.related.products ul.products li.product .wpneo-listings,
body.single-product section.related.products .crowdfunding_wrapper .sf-related-compact,
body.single-product section.related.products .wpneo-funding-data {
background: var(--sf-white) !important;
border-color: var(--sf-border-soft) !important;
box-shadow: 0 6px 18px rgba(96, 96, 96, 0.16) !important;
}
body.single-product .campaign-funding-info {
background: var(--sf-brown-050) !important;
}
body.single-product .wpneo-campaign-creator-info-wrapper {
display: none !important;
}
body.single-product .campaign-funding-info ul li,
body.single-product section.related.products .wpneo-funding-data .wpneo-funding-goal,
body.single-product section.related.products .wpneo-funding-data .wpneo-fund-raised,
body.single-product section.related.products .wpneo-funding-data .wpneo-time-remaining {
background: #fdfaf6 !important;
border-color: var(--sf-border-soft) !important;
}
body.single-product .smartfarm-project-dates-wrapper {
display: inline-flex;
align-items: center;
gap: 8px;
background: var(--sf-brown-050);
border: 1px solid var(--sf-border-soft);
border-radius: 999px;
padding: 4px 12px;
margin: 0 0 14px;
width: auto !important;
color: var(--sf-green-900);
font-size: 12px;
font-weight: 600;
}
body.single-product .smartfarm-project-date {
display: inline-flex;
align-items: center;
gap: 4px;
white-space: nowrap;
}
body.single-product .smartfarm-project-date-label {
color: var(--sf-text-muted);
font-weight: 600;
}
body.single-product .smartfarm-project-date-value {
color: var(--sf-green-900);
}
body.single-product .smartfarm-project-date-separator {
color: var(--sf-border-soft);
}
body.single-product .smartfarm-project-profitability-wrapper {
display: inline-flex;
align-items: center;
flex-wrap: wrap;
gap: 8px;
background: var(--sf-green-050);
border: 1px solid var(--sf-border-soft);
border-radius: 999px;
padding: 4px 12px;
margin: 0 0 14px;
width: auto !important;
color: var(--sf-green-900);
font-size: 12px;
font-weight: 600;
}
body.single-product .smartfarm-project-profitability-item {
display: inline-flex;
align-items: center;
gap: 4px;
white-space: nowrap;
}
body.single-product .smartfarm-project-profitability-label {
color: var(--sf-text-muted);
font-weight: 600;
}
body.single-product .smartfarm-project-profitability-value {
color: var(--sf-green-900);
}
body.single-product .smartfarm-project-profitability-separator {
color: var(--sf-border-soft);
}
body.single-product .smartfarm-project-profitability-wrapper.smartfarm-project-profitability-wrapper-plugin {
display: grid;
grid-template-columns: 1fr;
gap: 10px;
background: #f7fbef;
border: 1px solid #d9e8c5;
border-radius: 8px;
padding: 12px;
margin: 0 0 14px;
width: 100% !important;
color: var(--sf-green-900);
font-size: 12px;
box-shadow: 0 6px 16px rgba(96, 96, 96, 0.1);
}
body.single-product .smartfarm-project-profitability-title {
display: block;
font-size: 13px;
line-height: 1.2;
font-weight: 800;
color: var(--sf-green-900);
}
body.single-product .smartfarm-project-profitability-grid {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 8px;
}
body.single-product .smartfarm-project-profitability-wrapper-plugin .smartfarm-project-profitability-item {
display: grid;
gap: 3px;
min-width: 0;
background: var(--sf-white);
border: 1px solid #e1ecd1;
border-radius: 8px;
padding: 8px;
white-space: normal;
}
body.single-product .smartfarm-project-profitability-wrapper-plugin .smartfarm-project-profitability-item-highlight {
background: #eef8dd;
border-color: #cfe8ad;
}
body.single-product .smartfarm-project-profitability-wrapper-plugin .smartfarm-project-profitability-label {
color: var(--sf-text-muted);
font-size: 10px;
line-height: 1.2;
font-weight: 700;
text-transform: uppercase;
}
body.single-product .smartfarm-project-profitability-wrapper-plugin .smartfarm-project-profitability-value {
color: var(--sf-green-900);
font-size: 14px;
line-height: 1.2;
font-weight: 800;
overflow-wrap: anywhere;
}
body.single-product .smartfarm-project-profitability-production {
display: flex;
justify-content: space-between;
gap: 10px;
color: var(--sf-text-muted);
border-top: 1px solid #d9e8c5;
padding-top: 9px;
}
body.single-product .smartfarm-project-profitability-production strong {
color: var(--sf-green-900);
font-weight: 800;
white-space: nowrap;
}
body.single-product .smartfarm-project-profitability-note {
display: block;
color: #6d7a5e;
font-size: 11px;
line-height: 1.35;
}
body.single-product .campaign-funding-info ul li p.funding-amount,
body.single-product .wpneo-raised-percent .wpneo-meta-desc,
body.single-product section.related.products .wpneo-fund-raised .wpneo-meta-desc,
body.single-product section.related.products .wpneo-funding-data .wpneo-meta-desc,
body.single-product section.related.products .wpneo-raised-percent .wpneo-meta-desc,
body.single-product section.related.products .crowdfunding_wrapper .sf-related-compact__amount,
body.single-product section.related.products .crowdfunding_wrapper p.wpneo_thumb_text .amount,
body.single-product section.related.products .crowdfunding_wrapper p.wpneo_thumb_text .price,
body.single-product section.related.products .crowdfunding_wrapper p.wpneo_thumb_text .woocommerce-Price-amount {
color: var(--sf-green-800) !important;
}
body.single-product .wpneo-raised-bar #neo-progressbar,
body.single-product section.related.products .wpneo-raised-bar #neo-progressbar,
body.single-product section.related.products .crowdfunding_wrapper .sf-related-compact__track {
background: #e1f0be !important;
}
body.single-product .wpneo-raised-bar #neo-progressbar > div,
body.single-product section.related.products .wpneo-raised-bar #neo-progressbar > div,
body.single-product section.related.products .crowdfunding_wrapper .sf-related-compact__fill {
background: linear-gradient(90deg, var(--sf-green-500) 0%, var(--sf-green-900) 100%) !important;
}
body.single-product .wpneo-single-sidebar .cart input[type='number'].wpneo_donate_amount_field,
body.single-product ul.wpcf_predefined_pledge_amount li a {
border-color: var(--sf-border-soft) !important;
color: var(--sf-green-800) !important;
background: var(--sf-white) !important;
box-shadow: 0 2px 6px rgba(96, 96, 96, 0.1) !important;
transform: translateY(0);
transition: background 0.16s ease, color 0.16s ease, border-color 0.16s ease, box-shadow 0.16s ease, transform 0.12s ease;
}
body.single-product ul.wpcf_predefined_pledge_amount li a,
body.single-product ul.wpcf_predefined_pledge_amount li a[data-predefined-price] {
cursor: pointer;
}
body.single-product ul.wpcf_predefined_pledge_amount li a:hover,
body.single-product ul.wpcf_predefined_pledge_amount li a[data-predefined-price]:hover,
body.single-product ul.wpcf_predefined_pledge_amount li a.sf-chip-hover,
body.single-product ul.wpcf_predefined_pledge_amount li a[data-predefined-price].sf-chip-hover {
background: #f7fbef !important;
color: var(--sf-green-900) !important;
border-color: var(--sf-green-700) !important;
box-shadow: 0 6px 14px rgba(96, 96, 96, 0.18) !important;
transform: translateY(-1px);
}
body.single-product ul.wpcf_predefined_pledge_amount li a:active,
body.single-product ul.wpcf_predefined_pledge_amount li a[data-predefined-price]:active {
transform: translateY(1px) scale(0.985);
box-shadow: 0 1px 4px rgba(96, 96, 96, 0.2) !important;
}
body.single-product ul.wpcf_predefined_pledge_amount li a.sf-chip-pressed,
body.single-product ul.wpcf_predefined_pledge_amount li a[data-predefined-price].sf-chip-pressed {
transform: translateY(1px) scale(0.985);
box-shadow: 0 1px 4px rgba(96, 96, 96, 0.2) !important;
}
body.single-product ul.wpcf_predefined_pledge_amount li a.selected,
body.single-product ul.wpcf_predefined_pledge_amount li a[data-predefined-price].selected {
background: var(--sf-green-500) !important;
color: var(--sf-white) !important;
border-color: var(--sf-green-500) !important;
box-shadow: 0 8px 16px rgba(96, 96, 96, 0.2) !important;
transform: translateY(-1px);
}
body.single-product ul.wpcf_predefined_pledge_amount li a.selected:hover,
body.single-product ul.wpcf_predefined_pledge_amount li a[data-predefined-price].selected:hover,
body.single-product ul.wpcf_predefined_pledge_amount li a.selected.sf-chip-hover,
body.single-product ul.wpcf_predefined_pledge_amount li a[data-predefined-price].selected.sf-chip-hover,
body.single-product ul.wpcf_predefined_pledge_amount li a.selected:active,
body.single-product ul.wpcf_predefined_pledge_amount li a[data-predefined-price].selected:active,
body.single-product ul.wpcf_predefined_pledge_amount li a.selected.sf-chip-pressed,
body.single-product ul.wpcf_predefined_pledge_amount li a[data-predefined-price].selected.sf-chip-pressed {
background: var(--sf-green-900) !important;
color: var(--sf-white) !important;
border-color: var(--sf-green-900) !important;
}
body.single-product ul.wpcf_predefined_pledge_amount li a:focus-visible,
body.single-product ul.wpcf_predefined_pledge_amount li a[data-predefined-price]:focus-visible {
outline: 2px solid rgba(128, 80, 16, 0.5);
outline-offset: 2px;
}
body.single-product .wpneo-single-sidebar .cart .wpneo_donate_button,
body.single-product .wpneo_donate_button,
body.single-product section.related.products .wpneo-listing-img .overlay a {
background: linear-gradient(135deg, var(--sf-green-800) 0%, var(--sf-green-900) 100%) !important;
color: var(--sf-white) !important;
border-color: var(--sf-border-soft) !important;
}
body.single-product .campaign-funding-info ul li:last-child p.funding-amount {
color: var(--sf-earth-700) !important;
}
body.single-product section.related.products .wpneo-listing-content h4 a,
body.single-product .wpneo-campaign-creator-details > p:first-child a {
color: var(--sf-green-900) !important;
}
/* ── "Lire la suite" button on related product cards ─────────── */
body.single-product section.related.products a.button.add_to_cart_button,
body.single-product section.related.products a.button.product_type_crowdfunding {
display: inline-flex !important;
align-items: center;
justify-content: center;
gap: 6px;
background: var(--sf-white) !important;
color: var(--sf-green-900) !important;
border: 2px solid var(--sf-green-800) !important;
border-radius: 8px !important;
padding: 9px 18px !important;
font-size: 14px !important;
font-weight: 700 !important;
text-decoration: none !important;
box-shadow: 0 2px 6px rgba(96, 96, 96, 0.12) !important;
transform: translateY(0);
transition: background 0.18s ease, color 0.18s ease, border-color 0.18s ease,
box-shadow 0.18s ease, transform 0.12s ease !important;
cursor: pointer;
position: relative;
overflow: hidden;
}
body.single-product section.related.products a.button.add_to_cart_button::after,
body.single-product section.related.products a.button.product_type_crowdfunding::after {
content: ' →';
font-size: 13px;
transition: transform 0.18s ease;
display: inline-block;
}
body.single-product section.related.products a.button.add_to_cart_button:hover,
body.single-product section.related.products a.button.product_type_crowdfunding:hover {
background: var(--sf-green-900) !important;
color: var(--sf-white) !important;
border-color: var(--sf-green-900) !important;
box-shadow: 0 8px 18px rgba(96, 96, 96, 0.22) !important;
transform: translateY(-2px);
}
body.single-product section.related.products a.button.add_to_cart_button:hover::after,
body.single-product section.related.products a.button.product_type_crowdfunding:hover::after {
transform: translateX(3px);
}
body.single-product section.related.products a.button.add_to_cart_button:active,
body.single-product section.related.products a.button.product_type_crowdfunding:active {
transform: translateY(1px) scale(0.98) !important;
box-shadow: 0 1px 4px rgba(96, 96, 96, 0.18) !important;
}
body.single-product section.related.products a.button.add_to_cart_button:focus-visible,
body.single-product section.related.products a.button.product_type_crowdfunding:focus-visible {
outline: 2px solid rgba(128, 80, 16, 0.5);
outline-offset: 2px;
}
/* ── "+" compact button ───────────────────────────────────────── */
body.single-product section.related.products .sf-related-compact__plus {
background: var(--sf-white) !important;
color: var(--sf-green-800) !important;
border: 1px solid var(--sf-border-soft) !important;
border-right: 0 !important;
border-bottom: 0 !important;
border-top-left-radius: 8px !important;
font-size: 20px !important;
font-weight: 700 !important;
width: 30px !important;
height: 30px !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
box-shadow: none !important;
transition: background 0.15s ease, color 0.15s ease, transform 0.12s ease !important;
transform: scale(1);
cursor: pointer;
}
body.single-product section.related.products .sf-related-compact__plus:hover {
background: var(--sf-green-900) !important;
color: var(--sf-white) !important;
border-color: var(--sf-green-900) !important;
transform: scale(1.12);
}
body.single-product section.related.products .sf-related-compact__plus:active {
transform: scale(0.95) !important;
}
body.single-product section.related.products .sf-related-compact__dates {
display: inline-flex !important;
align-items: center !important;
flex-wrap: wrap !important;
gap: 6px !important;
width: auto !important;
align-self: flex-start !important;
margin: 8px 0 0 !important;
padding: 4px 12px !important;
border: 1px solid var(--sf-border-soft) !important;
border-radius: 999px !important;
background: var(--sf-brown-050) !important;
color: var(--sf-green-900) !important;
font-size: 12px !important;
font-weight: 600 !important;
line-height: 1.3 !important;
}
body.single-product section.related.products .sf-related-compact__date {
display: inline-flex !important;
align-items: center !important;
gap: 4px !important;
white-space: nowrap !important;
}
body.single-product section.related.products .sf-related-compact__date-label {
color: var(--sf-text-muted) !important;
font-weight: 600 !important;
}
body.single-product section.related.products .sf-related-compact__date-value {
color: var(--sf-green-900) !important;
}
body.single-product section.related.products .sf-related-compact__date-separator {
color: var(--sf-border-soft) !important;
}
body.single-product section.related.products .sf-related-below-button-dates {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 4px;
width: 100%;
margin: 12px 0 12px;
text-align: center;
}
body.single-product section.related.products .sf-related-below-button-dates__title {
font-size: 11px;
line-height: 1.2;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.3px;
color: var(--sf-text-muted);
}
body.single-product section.related.products .sf-related-below-button-dates__body {
display: inline-flex;
align-items: center;
justify-content: center;
flex-wrap: wrap;
gap: 6px;
width: auto;
padding: 4px 12px;
border: 1px solid var(--sf-border-soft);
border-radius: 999px;
background: var(--sf-brown-050);
color: var(--sf-green-900);
font-size: 12px;
font-weight: 600;
line-height: 1.3;
}
body.single-product section.related.products .sf-related-below-button-dates .sf-related-compact__date {
display: inline-flex;
align-items: center;
gap: 4px;
white-space: nowrap;
}
body.single-product section.related.products .sf-related-below-button-dates .sf-related-compact__date-label {
color: var(--sf-text-muted);
font-weight: 600;
}
body.single-product section.related.products .sf-related-below-button-dates .sf-related-compact__date-value {
color: var(--sf-green-900);
}
body.single-product section.related.products .sf-related-below-button-dates .sf-related-compact__date-separator {
color: var(--sf-border-soft);
}
@media (max-width: 1024px) {
body.single-product section.related.products ul.products {
gap: 0;
}
body.single-product section.related.products ul.products li.product,
body.single-product section.related.products ul.products li.product .wpneo-listings {
width: calc((100% - 16px) / 2) !important;
max-width: calc((100% - 16px) / 2) !important;
flex-basis: calc((100% - 16px) / 2) !important;
margin-right: 16px !important;
margin-bottom: 16px !important;
}
body.single-product section.related.products ul.products li.product:nth-child(2n),
body.single-product section.related.products ul.products li.product .wpneo-listings:nth-child(2n) {
margin-right: 0 !important;
}
}
@media (max-width: 767px) {
body.single-product section.related.products ul.products {
gap: 0;
}
body.single-product section.related.products .crowdfunding_wrapper {
grid-template-columns: 1fr;
}
body.single-product section.related.products .crowdfunding_wrapper .funding_goal,
body.single-product section.related.products .crowdfunding_wrapper .total_raised,
body.single-product section.related.products .crowdfunding_wrapper .percent_funded,
body.single-product section.related.products .crowdfunding_wrapper .days_remaining {
grid-column: 1;
}
body.single-product section.related.products ul.products li.product,
body.single-product section.related.products ul.products li.product .wpneo-listings {
width: 100% !important;
max-width: 100% !important;
flex-basis: 100% !important;
margin-right: 0 !important;
margin-bottom: 14px !important;
}
body.single-product section.related.products .wpneo-listing-img img {
height: 176px;
}
}
/* Header CTA spacing: Contribuer / Connexion / Inscription */
.header-right_buttom.style2 .btns-box {
display: flex;
align-items: center;
flex-wrap: nowrap;
gap: 8px;
}
/* Restore natural height for CONTRIBUER button inside this flex row */
.header-right_buttom.style2 .btns-box > a.btn-one {
height: auto !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
white-space: nowrap !important;
line-height: 1.1 !important;
font-size: 15px !important;
padding: 14px 18px !important;
align-self: center;
}
.header-right_buttom.style2 .btns-box > a.btn-one .txt {
display: inline-flex !important;
align-items: center !important;
gap: 6px;
white-space: nowrap;
}
.header-right_buttom.style2 .btns-box > a.btn-one .arrow1 {
flex: 0 0 auto;
font-size: 0.95em;
line-height: 1;
}
.header-right_buttom.style2 .smartfarm-auth-cta {
display: flex;
align-items: center;
gap: 8px;
margin-left: 0;
}
.header-right_buttom.style2 .btns-box > a.btn-one,
.header-right_buttom.style2 .smartfarm-auth-cta .smartfarm-auth-link {
margin: 0 !important;
}
/* Single product video fix (desktop): prevent zero-width video wrapper */
body.single-product .wpneo-campaign-single-left-info .wpneo-post-img,
body.single-product .wpneo-campaign-single-left-info .wpneo-post-img > a,
body.single-product .wpneo-campaign-single-left-info .wpneo-video-wrapper {
display: block;
width: 100% !important;
max-width: 100% !important;
}
body.single-product .wpneo-campaign-single-left-info .wpneo-video-wrapper {
position: relative;
height: 0;
padding-top: 56.25% !important;
overflow: hidden;
}
body.single-product .wpneo-campaign-single-left-info .wpneo-video-wrapper iframe {
position: absolute;
inset: 0;
width: 100% !important;
height: 100% !important;
border: 0;
}
@media (max-width: 991px) {
.header-right_buttom.style2 .btns-box {
gap: 10px;
}
.header-right_buttom.style2 .smartfarm-auth-cta {
gap: 8px;
}
}
@media (min-width: 768px) {
body.single-product .wpneo-tab-content .tab-description.tab_col_9.tab-campaign-story-left {
float: none;
width: 100%;
}
}
/* Final lock: short description style in related cards */
body.single-product section.related.products ul.products li.product p.sf-related-desc {
margin: 4px 0 10px !important;
padding: 0 0 0 9px !important;
border-left: 2px solid #c9d9e8 !important;
color: #5f6f83 !important;
font-size: 12px !important;
line-height: 1.45 !important;
font-weight: 500 !important;
letter-spacing: 0.1px !important;
text-transform: none !important;
display: -webkit-box !important;
line-clamp: 2 !important;
-webkit-line-clamp: 2 !important;
-webkit-box-orient: vertical !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
}