/* Conen Digital: contrast, legibility and consistent editorial imagery. */
:root { --organic-ink: #242821; --organic-rust: #963b10; }
body { color: var(--organic-ink); font-weight: 400; }
.text-orange, .text-red, .text-cus, .parallax-box h2 { color: var(--organic-rust); }
.about-sec .our-about-sec a,
.about-sec .our-about-sec .about-card:hover a { color: var(--organic-rust); }
.about-sec .our-about-sec .about-card .about-card-detail,
.reviews .paragraph { color: #34382e; font-weight: 400; line-height: 1.75; }
.testimonial-tittle h3 { color: var(--organic-rust); font-weight: 500; }
/* Preserve the bright turquoise and orange surfaces, use dark text on them. */
.all-products .main-heading h2,
.owl-products .owl-item.center .team-box .team-text h5,
.contact-sec .main-heading h2,
.contact-sec .contact-details .heading,
.contact-sec .contact-details .text,
.contact-sec .contact-details ul li,
.contact-sec .contact-details ul li i,
.contact-sec .slider-social a { color: var(--organic-ink); }
.btn.btn-grey, .btn.btn-white-trans { color: #20251f !important; }
.btn.btn-grey:hover, .btn.btn-white-trans:hover,
.btn.btn-red:hover { color: #20251f !important; }
.contact-sec .contact-form input,
.contact-sec .contact-form textarea { color: var(--organic-ink); font-weight: 400; }
.contact-sec .contact-form input::placeholder,
.contact-sec .contact-form textarea::placeholder {
    color: #30352b !important; opacity: 1; font-size: 16px;
}
.contact-sec .contact-form .form-control { border-bottom-color: #80502a; }
.contact-sec .contact-form .form-control:focus { border-bottom: 2px solid #242821; }
.contact-sec .contact-details { padding-top: 38%; }
.contact-sec .contact-details ul li:first-child { width: 100%; }
.contact-sec .contact-details ul li { flex-wrap: wrap; gap: 8px 0; font-size: 16px; }
.contact-sec .contact-details ul li span { white-space: nowrap; padding-right: 18px; }
.navbar.navbar-expand-lg .navbar-nav .nav-link.active,
.navbar.navbar-expand-lg .navbar-nav .nav-link:hover { color: #83320b; }
.side-menu .side-footer, .side-menu .side-footer p { color: #242821 !important; }
.side-menu .social-icons-simple a:hover { color: #fff !important; background: #242821 !important; }
.all-products .circle i, .all-products .circle:hover i { color: #24352d; opacity: 1; }
.size__item a { opacity: 1; color: #eee; display: inline-block; margin-bottom: 10px; }
.size__item a.active { color: #ffe931; text-decoration: underline; text-underline-offset: 5px; }
.banner-image img, .team-image img { border-radius: 18px; }
.banner-image img { width: 100%; }
.team-image img { width: 100%; }
/* This small strawberry stock cutout is decorative, unrelated to the products. */
.product-shape-1 { display: none; }
.counter-bg { background-image: none; }
a:focus-visible, button:focus-visible, input:focus-visible, textarea:focus-visible {
    outline: 3px solid #242821; outline-offset: 4px;
}
.modal-window a:focus-visible { outline-color: #ffe931; }
@media (max-width: 767px) {
    .banner-head p, .about-details p { font-size: 16px; line-height: 1.7; }
    .counter-content p { width: 100%; font-size: 16px; }
    .reviews .paragraph { font-size: 16px; }
    .contact-sec .contact-details { margin-left: 0; width: 100%; padding-top: 70px; }
    .contact-sec .slider-social { margin-left: 0; }
    .contact-sec .slider-social ul { justify-content: center; }
    .morphic-title h3 { font-size: 30px; }
}
/* The original size picker writes inline opacity; keep every option readable. */
.size__item a { opacity: 1 !important; }
.size__item a.active { color: #eee; text-decoration: none; }
.size__item a[style*="opacity: 1"] { color: #ffe931; text-decoration: underline; text-underline-offset: 5px; }

/* Phones: the phone number in the top bar runs into the centred logo */
@media (max-width: 575px) {
    .top-personal-info { visibility: hidden; } /* keep its width: the social icons stay on the right, clear of the menu button */
}