/*
Theme Name:  Genomica Gov
Theme URI:   https://genomica.gov.ro
Description: Government child theme for genomica.gov.ro — a Twenty Twenty-Five
             child. IdentitateRO design tokens + GOV.UK-style usability.
Author:      ICDG / wpstack
Template:    twentytwentyfive
Version:     0.2.0
Text Domain: genomica-gov
*/

/* ── Header brand row ─────────────────────────────────────────────── */
.site-logo img { display: block; height: auto; }
.site-tricolor .wp-block-column { min-height: 4px; }

/* ── Navy navigation bar — classic menu (editable in Appearance → Menus) ── */
.site-nav-bar { padding: 0 !important; }
.gg-nav { width: 100%; }
.gg-menu { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; }
.gg-menu li { position: relative; }
.gg-menu a {
	display: block; color: #fff; text-decoration: none;
	padding: 0.8rem 0.9rem; font-weight: 600; font-size: 0.98rem;
	touch-action: manipulation;
}
.gg-menu > li:hover, .gg-menu > li:focus-within { background: #003163; }
.gg-menu .sub-menu {
	list-style: none; margin: 0; padding: 0; display: none;
	position: absolute; left: 0; top: 100%; min-width: 260px; z-index: 60;
	background: #00254D; box-shadow: 0 10px 28px rgba(0,20,50,.3);
}
.gg-menu > li:hover > .sub-menu, .gg-menu > li:focus-within > .sub-menu { display: block; }
.gg-menu .sub-menu a { padding: 0.55rem 1rem; font-weight: 500; }
.gg-menu .sub-menu li:hover { background: #003163; }
.gg-menu-empty { color: #fff; padding: 0.8rem 0.9rem; display: inline-block; text-decoration: underline; }

/* Submenu disclosure button (injected by nav.js next to each parent link).
   Desktop opens the submenu on hover, so the button is mobile-only. It's a
   separate tap target from the link: tap the label to navigate, tap the
   chevron to expand — no more "second tap opens the parent page". */
.gg-sub-toggle { display: none; background: transparent; border: 0; padding: 0; cursor: pointer; touch-action: manipulation; }

/* mobile hamburger */
.gg-nav-toggle { display: none; background: transparent; border: 0; cursor: pointer; padding: 0.8rem 0.6rem; touch-action: manipulation; }
.gg-nav-toggle__icon, .gg-nav-toggle__icon::before, .gg-nav-toggle__icon::after { display: block; width: 30px; height: 3px; background: #fff; }
.gg-nav-toggle__icon { position: relative; }
.gg-nav-toggle__icon::before, .gg-nav-toggle__icon::after { content: ""; position: absolute; left: 0; }
.gg-nav-toggle__icon::before { top: -9px; }
.gg-nav-toggle__icon::after { top: 9px; }

/* ── Header tools: search + language switcher ─────────────────────── */
/* One shared control height for search + RO/EN buttons across all bars. */
.site-header { --gg-h: 40px; }
.header-search { margin: 0; }
.header-search .wp-block-search__inside-wrapper {
	border: 1px solid #D7DEE7 !important; border-radius: 4px !important;
	overflow: hidden; padding: 0 !important;
	height: var(--gg-h, 40px); display: flex; align-items: stretch; box-sizing: border-box;
}
.header-search .wp-block-search__input {
	border: 0 !important; box-shadow: none !important; outline: none;
	border-radius: 0 !important; margin: 0 !important;
	width: 150px; min-width: 0; height: 100%; box-sizing: border-box;
	padding: 0 0.6rem; font-size: 0.9rem; background: #fff;
}
.header-search .wp-block-search__button {
	margin: 0 !important; background: #004990 !important; color: #fff !important;
	border: 0 !important; border-radius: 0 !important;
	height: 100%; box-sizing: border-box; padding: 0 0.7rem; display: flex; align-items: center;
}
.header-search .wp-block-search__button svg { fill: #fff; }
/* Second search lives in the grey menu bar, shown on mobile only (the idbar
   search is hidden there). Desktop keeps search in the navy identity bar. */
.nav-search { display: none; }
.gg-lang { list-style: none; display: flex; gap: 0.35rem; margin: 0; padding: 0; }
.gg-lang a {
	display: inline-flex; align-items: center; justify-content: center; box-sizing: border-box;
	height: var(--gg-h, 40px); min-width: 2.9rem; padding: 0 0.7rem;
	border: 1px solid #D7DEE7; border-radius: 4px;
	color: #004990; text-decoration: none; font-weight: 600; font-size: 0.85rem;
}
.gg-lang .is-current a { background: #004990; color: #fff; border-color: #004990; }

/* Identity bar (navy): gov logo left, search + language switcher right. */
.site-idbar { padding: 0 !important; }
.site-idbar .idbar-row { width: 100%; padding: 0.5rem 0; }
.site-idbar .site-gov-logo { margin: 0; flex: 0 0 auto; }
.site-idbar .site-gov-logo img { height: 60px; width: auto; display: block; } /* +10% — taller navy idbar */
.site-idbar .idbar-tools { flex: 0 0 auto; }
.site-idbar .header-search .wp-block-search__input { width: 150px; }
.site-idbar .gg-lang a { color: #fff; border-color: rgba(255,255,255,0.55); }
.site-idbar .gg-lang .is-current a { background: #fff; color: #004990; border-color: #fff; }

/* Menu bar holds only the menu now (tools moved to the identity bar). */
.nav-row { width: 100%; }
.nav-row .gg-nav { width: 100%; flex: 1 1 auto; }

/* mobile submenu chevron (disclosure) */
@media (max-width: 781px) {
	/* Parent row = link + chevron side by side (separate, NON-overlapping tap
	   targets — the old absolute button over the link caused real-finger taps to
	   land on the link). The submenu wraps to its own full-width row below. */
	.gg-menu .menu-item-has-children { display: flex; flex-wrap: wrap; align-items: center; }
	.gg-menu .menu-item-has-children > a { flex: 1 1 auto; }
	.gg-menu .menu-item-has-children > .sub-menu { flex-basis: 100%; }
	.gg-sub-toggle {
		display: flex; align-items: center; justify-content: center;
		flex: 0 0 3.4rem; align-self: stretch; min-height: 3rem;
	}
	.gg-sub-toggle__icon {
		display: block; width: 0.5rem; height: 0.5rem;
		border-right: 2px solid #004990; border-bottom: 2px solid #004990;
		transform: translateY(-15%) rotate(45deg); transition: transform 0.2s;
	}
	.gg-menu .is-sub-open > .gg-sub-toggle .gg-sub-toggle__icon { transform: translateY(15%) rotate(-135deg); }
	.header-search .wp-block-search__input { min-width: 130px; }
}

/* ── Open-corner frame ("chenar cu colțuri lipsă" — RO gov brand element):
   a rectangle border whose four corners are gapped. Reusable element; the
   masthead is its first use. Built from two pseudo-elements:
     ::before = top + bottom rules, inset from the sides → gaps at L/R corners
     ::after  = left + right bars, inset from top/bottom → gaps at T/B corners */
.open-corner-frame { position: relative; }
.open-corner-frame::before {
	content: ""; position: absolute; top: 0; bottom: 0; left: 14px; right: 14px;
	border-top: 4px solid #004990; border-bottom: 4px solid #004990; pointer-events: none;
}
.open-corner-frame::after {
	content: ""; position: absolute; top: 9px; bottom: 9px; left: 0; right: 0;
	border-left: 6px solid #004990; border-right: 6px solid #004990; pointer-events: none;
}
/* Masthead: navy open-corner frame around the caps institution name
   (design-aligned to gov / sgg.gov.ro). Navy name on white, colored
   IdentitateRO ro-guvern emblem on the left; the nav bar below is light. */
/* Frame sized ~10% larger than the prior masthead; logo no longer lives
   inside it (moved to the identity bar) — the frame holds the name only. */
.site-masthead .open-corner-frame {
	padding: 1.05rem 3.85rem; min-height: 62px;
	display: flex; align-items: center; justify-content: center; text-align: center;
}
.site-masthead .wp-block-site-title { margin: 0; }
/* Institute name in Trajan Pro (gov-licensed, self-hosted woff2/otf) on EVERY
   page — the masthead is shared, so home and the form pages match. Forced to a
   single line on desktop; font-size scales with the viewport so the full name
   fits one line across widths. Sizes are ~10% up from the prior masthead. */
.site-masthead .wp-block-site-title,
.site-masthead .wp-block-site-title a {
	color: #004990; text-decoration: none;
	font-family: "Trajan Pro", "Times New Roman", serif;
	text-transform: uppercase; font-weight: 700; letter-spacing: 0.04em;
	white-space: nowrap; max-width: none;
	font-size: clamp(0.68rem, 2.53vw, 1.45rem); line-height: 1.2;
}
.site-nav-bar { border-bottom: 1px solid #D7DEE7; }
.site-nav-bar .gg-menu > li > a { color: #0F172A; }
.site-nav-bar .gg-menu > li:hover,
.site-nav-bar .gg-menu > li:focus-within { background: #E6F0FA; }
.site-nav-bar .gg-menu .sub-menu a { color: #ffffff; }            /* dropdown stays navy */
.site-nav-bar .gg-nav-toggle__icon,
.site-nav-bar .gg-nav-toggle__icon::before,
.site-nav-bar .gg-nav-toggle__icon::after { background: #004990; }
@media (max-width: 600px) {
	.site-masthead .open-corner-frame { padding: 0.85rem 0.9rem; min-height: auto; }
	/* Mobile: institute name wraps to ~3 rows, ~15% larger than before. The
	   em-based max-width keeps "CERCETARE-DEZVOLTARE" whole and the break as
	   Institutul de / Cercetare-Dezvoltare / în Genomică (measured in Trajan). */
	.site-masthead .wp-block-site-title,
	.site-masthead .wp-block-site-title a {
		white-space: normal; max-width: 15.6em; font-size: 1.21rem;
		letter-spacing: 0.02em; line-height: 1.2; hyphens: none; overflow-wrap: normal;
	}
	.site-idbar .site-gov-logo img { height: 46px; } /* +10% */
	.site-header { --gg-h: 36px; }
}
@media (max-width: 781px) {
	/* Gutter: align bar contents with the body content (root padding 1.25rem)
	   so the logo / tools aren't glued to the screen edges. */
	.site-idbar .idbar-row,
	.nav-row { padding-inline: 1.25rem; box-sizing: border-box; }
	/* Grey menu bar: give it height so the hamburger + search aren't cramped.
	   space-between pins the hamburger left + search right: margin-left:auto on
	   .nav-search is defeated here (.header-search{margin:0} + wpautop wraps the
	   toggle in a <p>, so its `order` never applies), so justify the row itself. */
	.nav-row { padding-block: 0.55rem; align-items: center; row-gap: 0.5rem; justify-content: space-between; }
	/* Search moves from the navy identity bar to the grey menu bar (with the
	   hamburger). Hamburger left, search right; the menu opens full-width below. */
	.idbar-search { display: none; }
	.nav-row { flex-wrap: wrap; }
	.gg-nav-toggle { order: 1; }
	.nav-search { display: block; order: 2; margin-left: auto; }
	.nav-search .wp-block-search__input { width: 160px; }
	.gg-nav { order: 3; width: 100%; }
}

/* Footer emblems (gov seal + one EU flag): own full-width row, flush left —
   not pushed to the right column by the footer's space-between layout. */
.site-footer .footer-emblems { flex-basis: 100%; justify-content: flex-start; margin-top: 0.5rem; }

/* ── Links: underline body content, not chrome (GOV.UK) ───────────── */
.wp-block-post-content a, .entry-content a,
.wp-block-post-excerpt a { text-decoration: underline; text-underline-offset: 0.12em; }
.site-header a, .site-footer a, .wp-block-navigation a, .wp-block-button__link { text-decoration: none; }

/* ── Visible focus state (GOV.UK yellow) ──────────────────────────── */
a:focus-visible,
button:focus-visible,
input:focus-visible, select:focus-visible, textarea:focus-visible,
.wp-element-button:focus,
.wp-block-navigation-item__content:focus-visible {
	outline: 3px solid #FCD116;
	outline-offset: 0;
	box-shadow: 0 4px 0 0 #00254D;
}

/* ── News cards (grid with images + branded placeholder) ──────────── */
.news-cards .wp-block-post {
	background: #fff;
	border: 1px solid #D7DEE7;
	border-radius: 8px;
	overflow: hidden;
	display: flex;
	flex-direction: column;
}
.news-cards .wp-block-post-featured-image { margin: 0; }
.news-cards .wp-block-post-featured-image img {
	width: 100%; height: 100%;
	object-fit: cover; display: block;
	aspect-ratio: 16 / 9;
}
.news-cards .wp-block-post-title {
	font-size: 1.05rem; line-height: 1.3; margin: 0;
	display: -webkit-box !important; -webkit-line-clamp: 3; line-clamp: 3;
	-webkit-box-orient: vertical; overflow: hidden;
}
.news-cards .wp-block-post-title a { display: inline; }
.news-cards .wp-block-post { min-height: 100%; }
.news-cards .wp-block-post-title a { text-decoration: none; }
.news-cards .wp-block-post-title a:hover { text-decoration: underline; }
.news-cards .wp-block-post-date { color: #5A6678; font-size: 0.85rem; }
/* Card excerpt + read-more. The ellipsis lives on the read-more line
   ("… Citește mai mult"), kept off the excerpt copy (see genomica-blog-cards.php). */
.news-cards .wp-block-post-excerpt { margin: 0.15rem 0 0; }
/* No line-clamp: clamp forces a trailing "…". Length is bounded by the
   24→18-word excerpt trim instead, so the only ellipsis is the read-more line. */
.news-cards .wp-block-post-excerpt__excerpt {
	margin: 0; font-size: 0.9rem; line-height: 1.5; color: #475569;
}
.news-cards .wp-block-post-excerpt__more-text { margin: 0.55rem 0 0; }
.news-cards .wp-block-post-excerpt__more-link { color: #004990; font-weight: 600; text-decoration: none; }
.news-cards .wp-block-post-excerpt__more-link:hover { text-decoration: underline; }

/* ── Page body rhythm ─────────────────────────────────────────────── */
.wp-block-post-content { line-height: 1.7; }
.wp-block-post-title { margin-bottom: 1rem; }

/* breadcrumbs */
.gg-breadcrumbs { font-size: 0.85rem; color: #5A6678; margin-bottom: 1.25rem; }
.gg-breadcrumbs a { color: #5A6678; text-decoration: none; }
.gg-breadcrumbs a:hover { color: #004990; text-decoration: underline; }
.gg-breadcrumbs [aria-current] { color: #0F172A; }
.gg-bc-sep { color: #9AA5B4; margin: 0 0.2rem; }

/* search results list */
.search-results .wp-block-post { border-bottom: 1px solid #E2E8F0; padding-bottom: 1.4rem; }
.search-results .wp-block-post-title { font-size: 1.3rem; margin: 0 0 0.3rem; }
.search-results .wp-block-post-title a { text-decoration: none; }
.search-results .wp-block-post-title a:hover { text-decoration: underline; }

/* long-title posts: the full original title kept as a subtitle under the H1 */
.post-subtitle {
	font-size: 1.15rem; color: #5A6678; font-weight: 400;
	line-height: 1.45; margin: -0.25rem 0 1.5rem;
}

/* hero video background fills the cover */
.wp-block-cover__video-background { object-fit: cover; }

/* mobile: hide the hero banner entirely (video + poster). It's video-only
   with no text, so there's nothing to keep — the page starts at the first
   content section. :has() scopes it to the video-cover; other covers untouched. */
@media (max-width: 781px) {
	.home .wp-block-cover:has(> .wp-block-cover__video-background) { display: none; }
}

/* homepage: hero touches the nav (no white gap) */
.home main { margin-top: 0 !important; }
.home main .wp-block-post-content > :first-child { margin-top: 0 !important; }

/* single post: capped featured image */
.single-feat img { max-height: 360px; width: 100%; object-fit: cover; border-radius: 6px; }

/* File / document blocks — compact download rows, not giant buttons */
.wp-block-file {
	display: flex; align-items: center; gap: 0.75rem; flex-wrap: wrap;
	margin: 0; padding: 0.6rem 0; border-bottom: 1px solid #E2E8F0;
}
.wp-block-file > a:first-child { font-weight: 500; text-decoration: underline; text-underline-offset: 0.12em; }
.wp-block-file__button {
	background: transparent !important; color: #004990 !important;
	border: 1px solid #D7DEE7 !important; border-radius: 4px !important;
	padding: 0.25rem 0.75rem !important; font-size: 0.85rem !important;
	font-weight: 600 !important; margin-left: auto !important; min-width: 0 !important;
}
.wp-block-file__button:hover { background: #E6F0FA !important; }

/* ── Gravity Forms — light brand polish ───────────────────────────── */
.gform_wrapper .gfield_label { font-weight: 600; color: #0F172A; }
.gform_wrapper input[type="text"],
.gform_wrapper input[type="email"],
.gform_wrapper input[type="tel"],
.gform_wrapper input[type="number"],
.gform_wrapper textarea,
.gform_wrapper select {
	border: 1px solid #D7DEE7; border-radius: 4px;
	padding: 0.6rem 0.7rem; font-size: 1rem;
}
.gform_wrapper input:focus,
.gform_wrapper textarea:focus,
.gform_wrapper select:focus {
	outline: 3px solid #FCD116; outline-offset: 0; border-color: #004990;
}
/* Where GF's Orbital framework DOES style a button (e.g. the first-page "next"),
   brand it through GF's own tokens. Scoped to .genomica-form .gform_wrapper so it
   out-specifies GF's own token definition (which only used a single class). */
.genomica-form .gform_wrapper {
	--gf-color-primary: #004990;
	--gf-color-primary-rgb: 0, 73, 144;
	--gf-ctrl-btn-bg-color-primary: #004990;
	--gf-ctrl-btn-bg-color-primary-hover: #003163;
	--gf-ctrl-btn-color-primary: #fff;
	--gf-ctrl-btn-bg-color-secondary: #fff;
	--gf-ctrl-btn-bg-color-secondary-hover: #E6F0FA;
	--gf-ctrl-btn-color-secondary: #004990;
	--gf-ctrl-btn-border-color-secondary: #004990;
}

/* Elsewhere GF renders buttons browser-native (framework button CSS not loaded),
   so these plain rules win on their own — no !important. One block, every form. */
.gform_wrapper .gform_button,
.gform_wrapper .gform_next_button {
	background: #004990; color: #fff; border: 0; border-radius: 4px;
	padding: 0.7rem 1.7rem; font-weight: 700; cursor: pointer; box-shadow: none;
}
.gform_wrapper .gform_button:hover,
.gform_wrapper .gform_next_button:hover { background: #003163; }
.gform_wrapper .gform_previous_button,
.gform_wrapper .gform_save_link,
.gform_wrapper .gform_button_select_files {
	background: #fff; color: #004990; border: 1px solid #004990; border-radius: 4px;
	padding: 0.6rem 1.4rem; font-weight: 600; cursor: pointer; box-shadow: none;
}
.gform_wrapper .gform_previous_button:hover,
.gform_wrapper .gform_save_link:hover,
.gform_wrapper .gform_button_select_files:hover { background: #E6F0FA; }
.gform_wrapper .gform_page_footer { display: flex; gap: 0.75rem; flex-wrap: wrap; align-items: center; }

/* Multi-step progress bar — brand blue + breadcrumb-style step label. The extra
   .gform_wrapper out-specifies GF's own rules, so still no !important. */
.genomica-form .gform_wrapper .gf_progressbar_title { font-size: 0.85rem; color: #5A6678; font-weight: 400; margin: 0 0 0.4rem; }
.genomica-form .gform_wrapper .gf_progressbar { background-color: #E6ECF3; border-radius: 999px; overflow: hidden; }
.genomica-form .gform_wrapper .gf_progressbar .gf_progressbar_percentage { background-color: #004990; }
.genomica-form .gform_wrapper .gf_progressbar .gf_progressbar_percentage span { color: #fff; font-weight: 600; }

/* GDPR "nota de informare" — scrollable, formatted box (replaces the buggy ToS
   textarea that showed raw HTML tags). */
.gf-nota-box {
	max-height: 320px; overflow-y: auto;
	border: 1px solid #D7DEE7; border-radius: 4px;
	padding: 1rem 1.25rem; background: #fff;
	font-size: 0.92rem; line-height: 1.55; color: #0F172A;
}
.gf-nota-box h3, .gf-nota-box h4 { color: #004990; margin: 1.1rem 0 0.4rem; font-size: 1rem; }
.gf-nota-box h3 { font-size: 1.05rem; }
.gf-nota-box > :first-child { margin-top: 0; }
.gf-nota-box p { margin: 0 0 0.7rem; }

/* ── Cookie banner (cookie-law-info) — brand the buttons, kill the greens ── */
#cookie-law-info-bar .wt-cli-accept-btn,
#cookie-law-info-bar .cli_action_button.wt-cli-accept-all-btn,
.wt-cli-privacy-accept-btn,
.cli_setting_save_button {
	background: #004990 !important;
	color: #fff !important;
	border: 1px solid #004990 !important;
}
#cookie-law-info-bar .wt-cli-reject-btn {
	background: transparent !important;
	color: #fff !important;
	border: 1px solid rgba(255,255,255,0.6) !important;
}

/* ── Mobile ───────────────────────────────────────────────────────── */
@media (max-width: 781px) {
	.gg-nav-toggle { display: inline-flex; align-items: center; }
	.gg-nav { display: none; }
	.gg-nav.is-open { display: block; padding-bottom: 0.5rem; }
	.gg-menu { flex-direction: column; }
	.gg-menu .sub-menu { position: static; box-shadow: none; min-width: 0; }
	.gg-menu > li:hover > .sub-menu, .gg-menu > li:focus-within > .sub-menu { display: none; }
	.gg-menu .is-sub-open > .sub-menu { display: block; }
	.gg-menu .sub-menu a { padding-left: 1.8rem; }
}

/* ── Birth-date picker (jQuery-UI) ────────────────────────────────────
   Width is matched to the date input in JS (gf-datepicker-tweaks.php
   beforeShow). Here: a small gap below the field, soft grey palette
   (not stark black), rounded card. */
.ui-datepicker.ui-widget {
	margin-top: 6px;
	box-sizing: border-box;
	padding: 8px;
	background: #ffffff;
	border: 1px solid #D7DEE7;
	border-radius: 8px;
	box-shadow: 0 8px 24px rgba(0,20,50,0.12);
	font-family: inherit;
	color: #475569;
}
/* Header is a flex row: [‹] [ month  year ] [›] — prev/next are real flex
   items (not absolute), so they never overlap the month/year dropdowns. */
.ui-datepicker .ui-datepicker-header {
	display: flex; align-items: center; gap: 4px;
	background: transparent; border: 0; padding: 2px 0 8px; color: #334155;
}
.ui-datepicker .ui-datepicker-title {
	order: 1; flex: 1 1 auto; display: flex; gap: 6px; justify-content: center; padding: 0;
}
.ui-datepicker .ui-datepicker-month,
.ui-datepicker .ui-datepicker-year {
	border: 1px solid #D7DEE7; border-radius: 4px; padding: 2px 4px;
	color: #334155; background: #fff; max-width: 100%;
}
/* Prev/next: hide jQuery-UI's text + icon-sprite, draw a clean grey chevron. */
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
	position: relative; flex: 0 0 1.6em; width: 1.6em; height: 1.6em; cursor: pointer;
	text-indent: -9999px; overflow: hidden;
}
.ui-datepicker .ui-datepicker-prev { order: 0; }
.ui-datepicker .ui-datepicker-next { order: 2; }
.ui-datepicker .ui-datepicker-prev .ui-icon,
.ui-datepicker .ui-datepicker-next .ui-icon { display: none; }
.ui-datepicker .ui-datepicker-prev::after,
.ui-datepicker .ui-datepicker-next::after {
	content: ""; position: absolute; top: 50%; left: 50%;
	width: 0.45em; height: 0.45em;
	border-right: 2px solid #5A6678; border-bottom: 2px solid #5A6678;
}
.ui-datepicker .ui-datepicker-prev::after { transform: translate(-30%,-50%) rotate(135deg); }
.ui-datepicker .ui-datepicker-next::after { transform: translate(-70%,-50%) rotate(-45deg); }
.ui-datepicker .ui-datepicker-prev:hover::after,
.ui-datepicker .ui-datepicker-next:hover::after { border-color: #004990; }
.ui-datepicker table { width: 100%; border-collapse: collapse; font-size: 0.9rem; }
.ui-datepicker th { color: #8B97A7; font-weight: 600; padding: 4px 0; }
.ui-datepicker td a,
.ui-datepicker td span {
	display: block; text-align: center; padding: 6px 0; border-radius: 4px;
	color: #475569; text-decoration: none; border: 0; background: transparent;
}
.ui-datepicker td a:hover { background: #E6F0FA; color: #004990; }
.ui-datepicker td .ui-state-active,
.ui-datepicker td .ui-state-highlight { background: #004990; color: #ffffff; }
.ui-datepicker td.ui-datepicker-unselectable span { color: #C2CAD5; }
/* GF's calendar trigger (the icon right of the date input): bigger, a little
   gap from the field, vertically centred, and softened from black to grey. */
.ginput_container_date .ui-datepicker-trigger {
	width: 24px; height: 24px; margin-left: 10px; vertical-align: middle;
	cursor: pointer; opacity: 0.5; transition: opacity 0.15s ease;
}
.ginput_container_date .ui-datepicker-trigger:hover,
.ginput_container_date .ui-datepicker-trigger:focus { opacity: 0.85; }