/* ==========================================================================
   progynova ("Ученье — свет") — custom skin.
   Loaded LAST (after style.css) so it overrides the donor "SportLife" theme.
   Shifts the accent from green to a warm palette and restyles the header,
   nav and slider. Keep edits here — do not touch style.css.

   Palette:
     coral      #FF6B4A   primary accent (was green)
     coral-dark #E8543A   hover / active
     amber      #F5A623   secondary accent ("свет")
     ink        #2B2B2B   text
   ========================================================================== */

/* ---- links & headings ---------------------------------------------------- */
a:hover { color:#E8543A; }
a.post_ttl, .post-caption h1 { color:#E8543A !important; }
h2 a.post_ttl:hover { color:#FF6B4A !important; }
.page-title { color:#E8543A !important; }
.post-meta a { color:#FF6B4A; }

/* ---- buttons / read more ------------------------------------------------- */
#commentform #submit, input.readmore, a.readmore { background:#FF6B4A !important; }
#commentform #submit:hover, input.readmore:hover, a.readmore:hover { background:#E8543A !important; }

/* ---- pagination ---------------------------------------------------------- */
a.page-numbers,
body.woocommerce #main_content nav.woocommerce-pagination ul li a,
body.woocommerce-page #main_content nav.woocommerce-pagination ul li a,
body.woocommerce #content #main_content nav.woocommerce-pagination ul li span,
body.woocommerce-page #content #main_content nav.woocommerce-pagination ul li span { background:#FF6B4A !important; }
a.page-numbers:hover, span.page-numbers,
body.woocommerce #main_content nav.woocommerce-pagination ul li span.current,
body.woocommerce-page #main_content nav.woocommerce-pagination ul li span.current,
body.woocommerce #main_content nav.woocommerce-pagination ul li a:hover,
body.woocommerce-page #main_content nav.woocommerce-pagination ul li a:hover { background:#E8543A !important; }

/* ---- WooCommerce buttons ------------------------------------------------- */
.woocommerce #main_content a.button.alt, .woocommerce-page #main_content a.button.alt,
.woocommerce #main_content button.button.alt, .woocommerce-page #main_content button.button.alt,
.woocommerce a.button, .woocommerce button.button, .woocommerce input.button,
.woocommerce #respond input#submit { background:#FF6B4A !important; color:#fff !important; }
.woocommerce a.button:hover, .woocommerce button.button:hover,
.woocommerce input.button:hover { background:#E8543A !important; }

/* ---- sidebar widget captions -------------------------------------------- */
#content .widget .caption h3 { color:#E8543A; }

/* ---- header: warm light background instead of the green banner ---------- */
#header {
	background:linear-gradient(rgba(255,255,255,.42), rgba(255,255,255,.60)),
	           url(../images/slider-bg.png) center top / cover no-repeat #ffe8db !important;
	border-bottom:3px solid #FF6B4A;
}
/* the old green full-width strip -> let the warm header show through */
#header .back { background:transparent !important; border-bottom:none !important; }

/* top (secondary) menu + search were white text for a dark header -> darken */
#secondarymenu a { color:#2B2B2B !important; }
#secondarymenu a:hover { color:#E8543A !important; }
.searchform { background:#fff !important; border:1px solid #f0c9ba; border-radius:16px; }
#s { color:#4a4a4a !important; }

/* ---- main navigation: coral bar with white text ------------------------- */
#mainmenu-container {
	background:#FF6B4A !important;
	border-radius:8px;
	box-shadow:0 4px 14px rgba(255,107,74,.28);
	/* NB: no overflow:hidden here — it would clip the hover dropdowns */
}
#mainmenu li a { color:#fff !important; }
#mainmenu li a:hover { background-color:#E8543A; text-decoration:none; }
#mainmenu li:first-child a { padding-left:24px; }

/* dropdown submenus: clean light panels with dark text */
#header li ul .inner,
#header #mainmenu li ul .inner { background:#ffffff !important; box-shadow:0 8px 20px rgba(0,0,0,.12); border-radius:0 0 8px 8px; }
#header ul.children li a, #header .sub-menu li a { color:#3a2b26 !important; font-size:14px !important; line-height:18px !important; padding:8px 20px !important; }
#header ul.children li a:hover, #header .sub-menu li a:hover { color:#FFFFFF !important; text-decoration:none !important; }
#header #mainmenu ul.children li a:hover, #header #mainmenu .sub-menu li a:hover { color:#FFFFFF !important; text-decoration:none !important; }
/* hide the leftover green pointer image from the donor theme */
#header li ul .transparent,
#header #mainmenu li ul .transparent { display:none !important; background:none !important; }
/* keep dropdowns above the slider / content */
#header li ul, #header #mainmenu li ul { z-index:9999 !important; }

/* ---- slider polish ------------------------------------------------------- */
/* title + snippet are BOTH links to the category; read-more removed */
.fp-content-fon { background:rgba(43,30,25,.58) !important; border-radius:10px; }
.fp-title a, .fp-textlink { color:#fff !important; text-decoration:none !important; }
.fp-title a { text-shadow:0 2px 6px rgba(0,0,0,.45); }
.fp-textlink { text-shadow:0 1px 4px rgba(0,0,0,.5); font-family:'Open Sans', sans-serif !important; }
.fp-title a:hover, .fp-textlink:hover { color:#FFE0BD !important; }
.fp-more { display:none !important; }
.fp-pager a.activeSlide, .fp-pager a:hover { opacity:1; }
/* desktop: compact caption box sized for title + snippet (no read-more) */
@media only screen and (min-width:1024px) {
	.fp-content-fon { left:0 !important; top:54px !important; width:430px !important; height:150px !important; }
	.fp-content { left:0 !important; right:auto !important; width:430px !important;
		top:54px !important; height:150px !important; padding:14px 22px !important; box-sizing:border-box !important; }
	.fp-title a { font-size:45px !important; line-height:48px !important; }
	.fp-content p { margin-top:14px !important; }
	.fp-textlink { font-size:17px !important; line-height:23px !important; }
}

/* ---- footer: warm dark instead of green -------------------------------- */
#footer { background:#3a2b26 !important; }
#footer a:hover { color:#F5A623 !important; }
#footer .footer_txt { background:#fff2ea !important; }
#footer .footer_txt, #footer .footer_txt a { color:#E8543A !important; }

/* ---- logo sizing safety ------------------------------------------------- */
#logo img.logo { max-height:96px; width:auto; }

/* ==========================================================================
   Responsive: keep the warm header/nav on tablet & phone too
   ========================================================================== */
@media only screen and (max-width:1023px) {
	#header { background:#ffe8db !important; border-bottom:3px solid #FF6B4A; }
	#mainmenu-container { background:transparent !important; box-shadow:none; }
	select.mobile-menu {
		border:1px solid #FF6B4A; border-radius:8px; padding:8px 10px;
		color:#2B2B2B; background:#fff;
	}
	#logo img.logo { max-height:72px; }
}