/* ==========================================================================
   CX Skills — site footer
   File:     css/cxskills-footer.css   (wp-content/themes/conferpress-child/css/)
   Version:  1.0.1
   CHANGELOG  v1.0.1 (23 Sep 2026) ACXPA reversed lockup inside the partner badge.
   Loaded:   site-wide by wp-content/mu-plugins/cxskills-footer-loader.php
   Markup:   the theme's footer (footer.php and its variants) is unchanged.
             Content comes from the four Footer Sidebar text widgets
             (text-7 brand/contact, text-9 Courses, text-10 Ways to train,
             text-8 How we deliver) and Theme Options > Copyright.

   Dark Indigo 900 footer (matches the top bar), Gold heading rules, links
   turn Gold on hover. All values from css/cxskills-tokens.css.
   Everything is scoped to footer.dark-div so nothing else is touched.
   ========================================================================== */

footer.dark-div{
	background:var(--cxs-ds-indigo-900) !important;
	color:var(--cxs-ds-indigo-100);
	font-family:var(--cxs-ds-font);
	font-size:var(--cxs-ds-text-small);
	line-height:1.6;
	letter-spacing:normal;
}
footer.dark-div *{ box-sizing:border-box; letter-spacing:normal; }
footer.dark-div #footer-sidebar,
footer.dark-div .footer-inner,
footer.dark-div .section-inner{ background:transparent !important; }
footer.dark-div #footer-sidebar .section-inner{ padding:var(--cxs-ds-space-3xl) 0 var(--cxs-ds-space-2xl); }

/* ---------- Columns: the widget row becomes a 4-column grid ---------- */
footer.dark-div #footer-sidebar .container{ max-width:var(--cxs-ds-content-max); width:auto; padding:0 var(--cxs-ds-space-lg); }
footer.dark-div #footer-sidebar .row.normal-sidebar{
	display:grid; grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1.2fr);
	gap:var(--cxs-ds-space-xl) var(--cxs-ds-space-2xl); margin:0;
}
footer.dark-div #footer-sidebar .row.normal-sidebar::before,
footer.dark-div #footer-sidebar .row.normal-sidebar::after{ display:none; }
footer.dark-div #footer-sidebar .widget{ width:auto; float:none; padding:0; margin:0; min-width:0; }
footer.dark-div #footer-sidebar .widget-inner{ padding:0; margin:0; background:none; border:0; }

/* Headings with a short Gold rule (replaces the old green underline) */
footer.dark-div .widget-title{
	position:relative; margin:6px 0 var(--cxs-ds-space-md); padding:0 0 10px;
	font-family:var(--cxs-ds-font); font-size:13px; font-weight:var(--cxs-ds-weight-semibold);
	letter-spacing:.12em !important; text-transform:uppercase; line-height:1.4;
	color:var(--cxs-ds-white); border:0; background:none;
}
footer.dark-div .widget-title::before{ display:none; }
footer.dark-div .widget-title::after{
	content:""; position:absolute; left:0; bottom:0; top:auto; right:auto;
	width:28px; height:3px; border-radius:2px; background:var(--cxs-ds-gold); border:0; margin:0;
}

/* Text and links */
footer.dark-div .textwidget,
footer.dark-div .textwidget p{ color:var(--cxs-ds-indigo-100); font-size:var(--cxs-ds-text-small); line-height:1.6; text-align:left; }
footer.dark-div .textwidget p{ margin:0 0 var(--cxs-ds-space-sm); }
footer.dark-div a{ color:var(--cxs-ds-indigo-100); text-decoration:none; transition:color .15s, background-color .15s; }
footer.dark-div a:hover,
footer.dark-div a:focus-visible{ color:var(--cxs-ds-gold); }
footer.dark-div a:focus-visible{ outline:2px solid var(--cxs-ds-focus-on-dark); outline-offset:2px; border-radius:var(--cxs-ds-radius-sm); }
/* main.css strips border-bottom from links site-wide; nothing here relies on it. */

footer.dark-div .textwidget ul{ list-style:none !important; margin:0; padding:0; }
footer.dark-div .textwidget li{ list-style:none !important; margin:0; padding:4px 0; border:0; background:none; }
footer.dark-div .textwidget li::before{ display:none; content:none; }

/* Brand column */
footer.dark-div .cxs-ft-logo{ margin:0 0 var(--cxs-ds-space-md) !important; line-height:0 !important; }
footer.dark-div .cxs-ft-logo img{ display:block; height:35px; width:auto; max-width:100%; }
footer.dark-div .cxs-ft-intro{ margin-bottom:var(--cxs-ds-space-md) !important; }
footer.dark-div .cxs-ft-contact li{ padding:2px 0; }
footer.dark-div .cxs-ft-contact a{ color:var(--cxs-ds-white); font-weight:var(--cxs-ds-weight-medium); }
footer.dark-div .cxs-ft-contact a:hover{ color:var(--cxs-ds-gold); }

/* ACXPA badge */
footer.dark-div .cxs-ft-badge{ margin:var(--cxs-ds-space-md) 0 0 !important; }
footer.dark-div .cxs-ft-badge a{
	display:block; padding:14px 16px; border-radius:var(--cxs-ds-radius-lg);
	background:var(--cxs-ds-indigo-800); border:1px solid color-mix(in srgb, var(--cxs-ds-indigo-400) 40%, transparent);
	color:var(--cxs-ds-indigo-100);
}
/* ACXPA reversed lockup (the ACXPA README's file for dark grounds). The PNG
   carries the logo's clear space, so no extra padding is added around it. */
footer.dark-div .cxs-ft-badge__logo{ display:block; height:37px; width:auto; max-width:100%; margin:-4px 0 8px -4px; }
footer.dark-div .cxs-ft-badge strong{ display:block; color:var(--cxs-ds-white); font-weight:var(--cxs-ds-weight-semibold); font-size:13.5px; }
footer.dark-div .cxs-ft-badge span{ display:block; font-size:12.5px; line-height:1.5; margin-top:2px; }
footer.dark-div .cxs-ft-badge a:hover{ border-color:var(--cxs-ds-gold); color:var(--cxs-ds-indigo-100); }
footer.dark-div .cxs-ft-badge a:hover strong{ color:var(--cxs-ds-gold); }

/* ---------- Bottom bar ---------- */
footer.dark-div #bottom-nav{
	background:color-mix(in srgb, black 25%, var(--cxs-ds-indigo-900)) !important;
	border:0; padding:0; color:var(--cxs-ds-indigo-200);
}
footer.dark-div #bottom-nav .container{ max-width:var(--cxs-ds-content-max); width:auto; padding:0 var(--cxs-ds-space-lg); }
footer.dark-div #bottom-nav .footer-content{
	display:flex; align-items:center; justify-content:space-between; gap:var(--cxs-ds-space-md) var(--cxs-ds-space-xl);
	flex-wrap:wrap; padding:var(--cxs-ds-space-md) 0; min-height:0;
}
footer.dark-div #bottom-nav .footer-content .clearfix{ display:none; }
footer.dark-div #bottom-nav .copyright{
	float:none; width:auto; margin:0; padding:0; flex:1 1 auto;
	display:flex; flex-wrap:wrap; gap:4px var(--cxs-ds-space-lg); align-items:center;
	font-size:12.5px; line-height:1.5; color:var(--cxs-ds-indigo-200); text-align:left;
}
footer.dark-div #bottom-nav .copyright p{ margin:0; text-align:left !important; }
footer.dark-div #bottom-nav .copyright a{ color:var(--cxs-ds-white); }
footer.dark-div #bottom-nav .copyright a:hover{ color:var(--cxs-ds-gold); }

/* Social icons: round Indigo 800 buttons, Gold on hover */
footer.dark-div #bottom-nav .footer-social{ float:none; margin:0; padding:0; }
footer.dark-div #bottom-nav .social-list{ display:flex; gap:10px; margin:0; padding:0; }
footer.dark-div #bottom-nav .social-list li{ padding:0; margin:0; }
footer.dark-div #bottom-nav .social-list a.social-icon{
	display:grid; place-items:center; width:36px; height:36px; min-width:0; min-height:0;
	padding:0; margin:0; border-radius:50%; border:0; box-shadow:none; transform:none;
	background:var(--cxs-ds-indigo-800); color:var(--cxs-ds-white); line-height:1;
}
footer.dark-div #bottom-nav .social-list a.social-icon:hover{ background:var(--cxs-ds-gold); color:var(--cxs-ds-ink); transform:none; }
footer.dark-div #bottom-nav .social-list a.social-icon i{ font-size:15px; line-height:1; color:inherit; }
/* Twitter is now X: the link already goes to x.com, only the glyph changes. */
footer.dark-div #bottom-nav .social-list .fa-twitter::before{ content:"X"; font-family:var(--cxs-ds-font); font-weight:var(--cxs-ds-weight-bold); font-style:normal; }

/* ---------- Responsive ---------- */
@media (max-width:991px){
	footer.dark-div #footer-sidebar .row.normal-sidebar{ grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:600px){
	footer.dark-div #footer-sidebar .section-inner{ padding:var(--cxs-ds-space-2xl) 0 var(--cxs-ds-space-xl); }
	footer.dark-div #footer-sidebar .container,
	footer.dark-div #bottom-nav .container{ padding:0 var(--cxs-ds-space-md); }
	footer.dark-div #footer-sidebar .row.normal-sidebar{ grid-template-columns:minmax(0,1fr); gap:var(--cxs-ds-space-xl); }
	footer.dark-div #bottom-nav .footer-content{ flex-direction:column; align-items:flex-start; }
}