/* =========================
   Palette
   Primary (Ink Teal):              #0F2D3A
   Accent (Persimmon):             #FF7A59
   Accent Hover (Soft Peach):      #FFB38A
   Secondary Accent (Olive Gold):  #B59F3B
   Surface (Oat Milk):             #FFF8F1
   Body Text (Cocoa):              #5A524B
   Strong Border (Ink 80%):        rgba(15, 45, 58, 0.8)
   Muted Border (Persimmon 40%):   rgba(255, 122, 89, 0.4)
   Subtle Divider (Persimmon 20–50%): rgba(255, 122, 89, 0.2–0.5)
   ========================= */

/* Primary surfaces (dark sections) */
.header-fixed .affix,
.testimonial-boxed .center .testimonial-panel,
.blog-entry,
.skills,
.sidebar,
.entry-prev-next,
.entry-widget,
.alerts,
.pricing-separated .pricing-panel .pricing--heading h4,
.pricing-separated .pricing-panel .pricing--heading-bg,
.pricing-panel .pricing--heading,
table thead,
.table-striped > tbody > tr:nth-of-type(odd),
.tabs-2.tabs .nav-tabs > li.active > a,
.tabs-vertical.tabs .nav-tabs > li > a:focus,
.tabs-vertical.tabs .nav-tabs > li > a:hover,
.tabs-vertical.tabs .nav-tabs > li.active > a,
.tabs-vertical.tabs .nav-tabs > li.active > a:focus,
.tabs-vertical.tabs .nav-tabs > li.active > a:hover,
.portfolio-single .portfolio--list,
.portfolio-single .portfolio--share,
.portfolio--prev-next,
.cart-shiping,
.cart-total-amount,
.product-tabs,
.product-tabs .nav-tabs > li.active > a,
.product-tabs .nav-tabs > li.active > a:focus,
.product-tabs .nav-tabs > li.active > a:hover,
.product-review li,
.widget-search .form-search,
.bg-gray,
.pricing .panel-footer,
.page-boxed .header-fixed .affix .container,
.footer--widget,
.footer--social,
.slide-overlay-black .slotholder:after,
.bg-overlay-gradient:before,
.bg-overlay-dark4:before,
.bg-overlay-dark:before,
.portfolio-item .portfolio--hover .portfolio--action {
	background-color: #0F2D3A !important; /* Ink Teal */
}

.page-boxed .header-fixed .affix {
	background-color: transparent !important;
}

/* Neutral / light surfaces */
body,
.wrapper,
.bg-white,
.widget-tags a,
.accordion,
.accordion .panel,
.blockquote-3,
.clients-2 .client,
.form-container,
.pricing-panel,
table,
.table-striped > tbody > tr:nth-of-type(even),
.team-boxed .member,
.timeline--item .timeline--item-content h3:before,
.header-fixed-side,
.contact-panel,
.product-tabs .nav-tabs,
.preloader {
	background-color: #FFF8F1 !important; /* Oat Milk */
}

/* Section headings underline */
.widget .widget--title {
	border-bottom-color: rgba(255, 122, 89, 0.4); /* Persimmon glow */
}

/* Panels & search fields */
.accordion,
.widget-search .form-search {
	border: 1px solid rgba(15, 45, 58, 0.8); /* Strong Ink */
}

.accordion .panel {
	border-bottom-color: rgba(15, 45, 58, 0.8); /* Strong Ink */
}

.accordion .panel--heading .accordion-toggle.collapsed:after {
	color: #FF7A59;  /* Persimmon */
	border: 1px solid #FF7A59; /* Persimmon */
}

#accordion3 .accordion .panel {
	background: transparent !important;
}

/* Pagination */
.pagination > li > a,
.pagination > li > span {
	background-color: #0F2D3A; /* Ink Teal */
	border-color: #FFF8F1;     /* Oat Milk */
}

/* Tables, forms, tabs, carts */
.entry-widget .entry-widget-title,
ul.comments-list li,
ul.comments-list ul.comment-children,
.form-control,
.contact-form .form-control,
.table > thead > tr > th,
table,
.table > tbody > tr > td,
.table > tbody > tr > th,
.table > tfoot > tr > td,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > thead > tr > th,
.table-bordered,
.tabs-vertical.tabs .nav-tabs,
.widget-recent-products .product .product-desc,
.header-fixed-side .header--panel .navbar-nav > li,
.cart-table .table,
.cart-shiping,
.cart-total-amount,
.product-tabs,
.nav-tabs,
.product-tabs .nav-tabs > li > a,
.product-tabs .nav-tabs > li.active > a,
.product-tabs .nav-tabs > li.active > a:focus,
.product-tabs .nav-tabs > li.active > a:hover,
.cart-shiping .form-control,
.cart-table .cart-product-action .form-control,
.pricing-bordered .pricing-panel .pricing--body {
	border-color: rgba(255, 122, 89, 0.4); /* Muted Persimmon */
}

/* Link buttons on hover */
.btn--link.btn-more:hover span:after,
.btn--link.btn-more:hover span:before {
	background-color: #FFB38A !important; /* Soft Peach */
}

/* Card on dark */
.blog-entry {
	background-color: #0F2D3A; /* Ink Teal */
}

/* Category & tag trims */
.widget-categories ul li {
	border-bottom-color: rgba(255, 122, 89, 0.2); /* Subtle Persimmon */
}

.widget-tags a {
	border-color: rgba(255, 122, 89, 0.2); /* Subtle Persimmon */
}

/* Price / range sliders */
.widget-filter .ui-slider {
	background-color: rgba(255, 122, 89, 0.5); /* Persimmon track */
}

.widget-filter .ui-slider-handle {
	background-color: #FFFFFF;
}

/* Menu panels */
.menu-5 .dish-panel {
	background-color: #0F2D3A; /* Ink Teal */
}

/* Carousel dots */
.carousel-dots .owl-controls .owl-dots .owl-dot span {
	border: 3px solid rgba(255, 122, 89, 0.5); /* Persimmon ring */
}

.carousel-dots .owl-controls .owl-dots .owl-dot.active span {
	background-color: #FF7A59; /* Persimmon fill */
	border-color: #FFFFFF;
}

/* Quotes */
.blockquote-1 {
	border-left-color: #FFFFFF;
}

/* Secondary text-only buttons */
.btn--link.btn--secondary {
	background-color: transparent;
	border-color: transparent;
}

/* Affixed navbar controls on dark */
.navbar.affix .module .module-icon,
.navbar.affix .navbar-header button {
	border-color: #FFFFFF;
	color: #FFFFFF;
}

.navbar.affix .navbar-header button span {
	background-color: #FFFFFF !important;
}

.affix .navbar-toggle,
.header-light .navbar-toggle,
.navbar-toggle-dark {
	border-color: #FFFFFF;
}

.affix .navbar-toggle .icon-bar,
.header-light .navbar-toggle .icon-bar,
.navbar-toggle-dark .icon-bar {
	background-color: #FFFFFF;
}

/* -------------------- */
/* Typography & colors  */
/* -------------------- */

body,
.wrapper,
.widget-categories ul li a:after,
.blog-entry .entry--more a i,
.team-boxed .member .member-info i,
.header-fixed-side .header--panel .header--panel-social a,
.service-panel .link-more,
.banner-5 .banner--desc,
.banner-6 .panel--heading,
.team-4 .member .member-hover a,
.tabs .tab--heading {
	color: #5A524B; /* Cocoa for body copy */
}

/* Headings & key labels on dark */
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
.heading .heading--title,
h1,
h2,
h3,
h4,
h5,
h6,
.menu-4 .dish-panel .dish--title,
.menu-5 .dish-panel .dish--title,
ul.comments-list .comment-body .comment h6,
.accordion .panel .panel--heading a,
.banner-6 .panel--details li::before,
.tabs .tab--details li::before,
.menu-1 .dish-panel .dish--title,
.menu-2 .dish-panel .dish--title,
.menu-3 .dish-panel .dish--title,
.menu-7 .dish-panel .dish--title,
.menu-8 .dish-panel .dish--title,
.cart-product-name h6,
.cart-shiping h6,
.cart-total-amount h6,
.shop-filter li a {
	color: #FFFFFF;
}

/* Links & titles on dark modules */
.header-fixed .navbar.affix .module .module-icon i,
.header-fixed .navbar.affix .navbar-nav > li > a,
.text-white,
.color-white,
.testimonial:not(.testimonial-1) .testimonial-panel .testimonial--meta h4,
.blog-entry .entry--title h4 a,
.feature-panel .feature--content h3,
.skills .progress-title .title,
.widget-recent-posts .entry .entry-title a,
.accordion .panel .panel--heading a.collapsed,
.count-box .counting,
ul.icon-list li i,
.portfolio-standard .portfolio-item .portfolio--title h4 a,
.table > thead:first-child > tr:first-child > th,
.timeline--item .timeline--item-content h3:before,
.widget-recent-products .product .product-title a,
.header-fixed-side .navbar-nav a,
.portfolio-parallax .portfolio-item .portfolio--title h4 a,
.countdown-dark .countdown-amount,
.portfolio--prev-next .portfolio--bio a,
.product-tabs .nav-tabs > li > a,
.widget .widget--title h5,
.shop-product .product-details h5,
.shop-product .product-share h5,
.shop-product .product-related-title h5,
.shop-product .product-title h3,
.member .member-info h5 {
	color: #FFFFFF !important;
}

/* Testimonial body on dark */
.testimonial:not(.testimonial-1) .testimonial-panel .testimonial--body p {
	color: #FAFAFA;
}

/* True black text utility */
.text-black {
	color: #1F1F1F; /* Deep charcoal */
}

/* Icon / social accent (Olive Gold warmth) */
.feature-panel .feature--icon i,
.navbar.affix .module-social a {
	color: #B59F3B; /* Olive Gold accent */
}

/* Nav/tab links on dark */
.portfolio-filter li a,
.tabs .nav-tabs > li > a {
	color: #F9F9F9;
}

/* Subtle divider on dark cards */
.blog-entry .entry--bio {
	border-bottom: 2px solid #1E5666; /* Teal divider */
}

/* Muted link/text in widgets */
.widget-categories ul li a {
	color: #807A74; /* Muted warm neutral */
}

/* Whites on dark */
.btn--link.btn-more:hover,
.quote-author,
.entry-prev-next a,
.entry-related .entry--title a,
.portfolio-single .portfolio--list ul li span,
.portfolio-single .portfolio--share span,
.shop-product .product-quantity .qua,
.shop-product .product-quantity input {
	color: #FFFFFF !important;
}

/* Hovers use Persimmon for clarity */
.entry-prev-next a:hover,
.entry-related .entry--title a:hover,
.product--content .product--title a:hover {
	color: #FF7A59 !important; /* Persimmon hover */
}

.btn--link.btn--secondary {
	color: #FFFFFF;
}

/* Ensure legibility inside tabbed home sections */
.tab-content-home p,
.tab-content-home h1,
.tab-content-home h2,
.tab-content-home h3,
.tab-content-home h4,
.tab-content-home h5,
.tab-content-home h6,
.tab-content-home * {
	color: black;
}

/* Decorative assets (paths unchanged) */
.testimonial-panel .testimonial--icon {
	background: url("../images/testimonial/icon5.png") no-repeat center;
}
.divider--shape-14up,
.divider--shape-1down {
	background: url(../images/background/shapes/arrow-dark.png) center no-repeat;
}
.divider--shape-14down,
.divider--shape-1up {
	background: url(../images/background/shapes/arrow-dark2.png) center no-repeat;
}

/* Logo swap on affix */
.header-fixed .navbar.affix .logo-light {
	display: inline-block;
}
.header-fixed .navbar.affix .logo-dark {
	display: none !important;
}

/* Overlay strengths */
.bg-overlay-gradient:before,
.bg-overlay-dark:before,
.portfolio-item .portfolio--hover .portfolio--action {
	opacity: 0.75;
}
.bg-overlay-dark4:before {
	opacity: 0.65;
}

/* Force legibility where imagery may clash */
section .heading--title,
.testimonial:not(.testimonial-1) .testimonial-panel .testimonial--body p,
.testimonial:not(.testimonial-1) .testimonial-panel .testimonial--meta h4,
.menu .dish-panel .dish--title,
.contact--info h3 {
	color: black !important;
}
.bg-overlay .heading--title {
	color: whitesmoke !important;
}
