@charset "UTF-8";

/*
Theme Name: WP Lead Radar
Theme URI: https://wpleadradar.com/
Author: Matthieu Marcé
Author URI: https://www.matthieumarce.com/
Description: WP Lead Radar theme
Requires at least: 6
Tested up to: 6.9
Requires PHP: 7.4
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: wpleadradar
Tags: one-column, accessibility-ready, custom-colors, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, block-patterns, sticky-post, threaded-comments, translation-ready
*/

/* GENERAL */
body, html {margin:0;font-family:"Inter";font-size:14px;}
div {box-sizing:border-box;position:relative}
h1, h2, h3, h4 {margin:0}
.h1big h1 {font-size:56px !important;font-weight:900 !important;letter-spacing:-1.4px !important;line-height:60px !important}
.cl-blue {color:#2463eb}
.stroke-blue svg {stroke:#2463eb}
.stroke-green svg {stroke:#21c45d}
.stroke-grey svg {stroke:#6b7280}
.stroke-red svg {stroke:#ef4343}
.dark-bold strong {color:#0f1729}
.process-badge {position:absolute;top: 12px;left: calc(50% + 10px);background: #2463eb;width: 20px;height: 20px;border-radius: 30px;color: #fff;font-size:11px;font-weight:700;text-align:center;line-height:20px}
.process-badge.aligned {left:24px}
.regular-tag p {margin:0;background:#f3f4f6;color:#0f1729;padding:2px 10px;border-radius:12px}

.pattern-wrapper {position:absolute !important;top:0;left:0;width:100% !important;height:1000px !important;max-height:100% !important}
.pattern-radar-top-center {height:100%;background-image: radial-gradient(circle at 50% 0%, #2463eb0f 0px, transparent 0px), repeating-radial-gradient(circle at 50% 0%, transparent 0px, transparent 59px, #2463eb0f 60px, transparent 61px)}
.pattern-radar-bottom-left {height:100%;background-image: radial-gradient(circle at 0% 100%, #2463eb0f 0px, transparent 0px), repeating-radial-gradient(circle at 0% 100%, transparent 0px, transparent 59px, #2463eb0f 60px, transparent 61px)}
.pattern-radar-bottom-center {height:100%;background-image: radial-gradient(circle at 50% 100%, #2463eb0f 0px, transparent 0px), repeating-radial-gradient(circle at 50% 100%, transparent 0px, transparent 59px, #2463eb0f 60px, transparent 61px)}
.pattern-radar-bottom-right {height:100%;background-image: radial-gradient(circle at 100% 100%, #2463eb0f 0px, transparent 0px), repeating-radial-gradient(circle at 100% 100%, transparent 0px, transparent 59px, #2463eb0f 60px, transparent 61px)}
.pattern-dot {height:100%;background-image: radial-gradient(circle, #2463eb1f 1px, transparent 1px);background-size:24px 24px}
.pattern-grid {height:100%;background-image: linear-gradient(#2463eb1f 1px, transparent 1px), linear-gradient(90deg, #2463eb1f 1px, transparent 1px);background-size: 64px 64px;}

/* HEADER */
#wplr-header {position:sticky;top:0;background:rgba(255,255,255,0.7);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-bottom:1px solid #e5e7eb;padding:10px 30px;z-index:99}
#wplr-header-wrapper {display:flex;flex-wrap:wrap;width:100%;max-width:1140px;margin:auto;align-items:center;justify-content:space-between}
#wplr-header-logo {width:200px}
#wplr-header-logo a {display:flex;text-decoration:none;gap:8px;align-items:center}
#wplr-header-logo a > div {display:flex;align-items:center;justify-content:center;background:#2463eb;color:#fff;border-radius:10px;width:28px;height:28px}
#wplr-header-logo a > div svg {width:16px;height:16px}
#wplr-header-logo a > span {color:#0f1729;font-weight:700}
#wplr-header-menu {width:calc(100% - 450px)}
#wplr-header-menu ul {margin:0;list-style-type:none;text-align:center}
#wplr-header-menu ul > li {display:inline-block;font-size:13px}
#wplr-header-menu ul > li a {color:#6b7280;text-decoration:none;background:transparent;padding:6px 12px;border-radius:8px}
#wplr-header-menu ul > li a:hover {color:#0f1729;background:#f3f4f699}
#wplr-header-action {width:250px;text-align:right}
#wplr-header-action button {border:0;border-radius:8px;padding:8px 12px;line-height:20px;background:transparent;cursor:pointer}
#wplr-header-action button:hover {background:#f3f4f6}
#wplr-header-action button.blue {background:#2463eb;color:#fff}
#wplr-header-action button.blue:hover {background:#2463ebe6}
#wplr-header-burger {display:none;background:transparent;border:0}
#wplr-header-burger svg:first-child {display:block}
#wplr-header-burger svg:last-child {display:none}
#wplr-header-burger svg.opened:first-child {display:none}
#wplr-header-burger svg.opened:last-child {display:block}
#wplr-header-mobile {display:none;padding:12px 0;transition:all .3s} 
#wplr-header-mobile.opened {display:block;}
#wplr-header-mobile-menu ul {margin:0;padding:0;padding-top:8px;list-style-type:none}
#wplr-header-mobile-menu ul > li {padding:8px 12px;line-height:20px}
#wplr-header-mobile-menu ul > li a {text-decoration:none;color:#6b7280;}
#wplr-header-mobile-menu ul > li a:hover {color:#0f1729;background:#f3f4f699}
#wplr-header-mobile-menu > div {border-top:1px solid #e5e7eb;border-bottom:1px solid #e5e7eb}
#wplr-header-mobile-menu button {width:100%;border:0;border-radius:8px;padding:8px 12px;line-height:20px;margin-top:12px;background:transparent;cursor:pointer}
#wplr-header-mobile-menu button:hover {background:#f3f4f6}
#wplr-header-mobile-menu button.blue {background:#2463eb;color:#fff}
#wplr-header-mobile-menu button.blue:hover {background:#2463ebe6}

/* FOOTER */
#wplr-footer {background:#fff;padding:60px 30px;border-top:1px solid #e5e7eb}
#wplr-footer-wrapper {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:40px;width:100%;max-width:1140px;margin:auto}
#wplr-footer-logo {display:flex;text-decoration:none;gap:8px;align-items:center}
#wplr-footer-logo > div {display:flex;align-items:center;justify-content:center;background:#2463eb;color:#fff;border-radius:10px;width:28px;height:28px}
#wplr-footer-logo > div svg {width:16px;height:16px}
#wplr-footer-logo > span {color:#0f1729;font-weight:700}
#wplr-footer-wrapper p {color:#6b7280;line-height:24px}
#wplr-footer-wrapper h4 {color:#0f1729;margin-bottom:15px;font-weight:600}
#wplr-footer-wrapper ul {margin:0;padding:0;list-style-type:none}
#wplr-footer-wrapper ul > li {line-height:24px;margin-bottom:10px}
#wplr-footer-wrapper ul > li a {color:#6b7280;text-decoration:none} 
#wplr-footer-wrapper ul > li a:hover {color:#0f1729} 
#wplr-footer-copyright {border-top:1px solid #e5e7eb;margin-top:30px;padding-top:30px;text-align:center;color:#6b7280}

/* TABLEAU D'EXEMPLES */
.examples-wrapper {border-radius:12px;border:1px solid #e5e7eb;overflow:hidden;box-shadow:0 8px 30px -12px #0f17291a}
.examples-csv {display:flex;align-items:center;gap:8px;background:#f3f4f666;border-bottom:1px solid #e5e7eb;padding:10px 16px}
.examples-csv span {color:#6b7280;font-size:12px;font-weight:500;line-height:16px}
.examples-csv > div {display:flex;justify-content:space-between;gap:6px}
.examples-csv > div > div {background:#e5e7eb;width:10px;height:10px;border-radius:30px}
.examples {width:100%;border-collapse:collapse;}
thead tr {background:#f3f4f64d;border-bottom:1px solid #e5e7eb}
thead tr th {color:#6b7280;text-align:left;text-transform:uppercase;font-weight:500;font-size:12px;padding:12px}
thead tr th.text-primary {color:#2463eb}
tbody tr {background:#fff;border-bottom:1px solid #e5e7eb;transition: all .2s}
tbody tr:last-child {border-bottom:0}
tbody tr:hover {background:#f3f4f633}
tbody tr td {padding:12px;font-size:13px;color:#6b7280}
.examples-domain {color:#2463eb}
.examples code {background:#f3f4f6;color:#0f1729;border-radius:8px;padding:2px 8px;font-size:11px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}
.examples span {background:#f3f4f6;color:#6b7280;font-weight:600;font-size:11px;padding:4px 10px;border-radius:8px}
.examples span.warning {background:#f59f0a1a;color:#f59f0a}
.examples span.critical {background:#ef43431a;color:#ef4343}

.examples span.flex {display:flex;gap:6px;align-items:center;background:transparent;color:#0f1729;font-weight:400}
.examples .text-muted-foreground span.flex {color:#6b7280}
.examples span.flex svg {width:14px;height:14px}
.examples span.flex svg.text-destructive {stroke:#ef4343}
.examples span.flex svg.text-success {stroke:#21c45d}

.example-wrapper {padding:32px;border-radius:12px;border:1px solid #e5e7eb;box-shadow:0 8px 30px -12px #0f17291a;overflow-x:scroll}
.example-wrapper h2 {color:#0f1729;font-size:18px !important;line-height:28px !important;font-weight:600 !important;margin-bottom:20px}
.example-wrapper .grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.example-wrapper .grid > div {display:flex;justify-content:space-between;padding-bottom:12px;border-bottom:1px dashed #e5e7eb}
.example-wrapper .grid > div span:first-child {color:#6b7280}
.example-wrapper .grid > div span:last-child {color:#0f1729;font-weight:500;text-align:right}

/* PACKS */
.pack-tag span {background:#f3f4f6;color:#0f1729;border-radius:30px;padding:4px 10px;font-size:11px}
.pack-meta li {background:#f3f4f6;border-radius:8px;padding:4px 10px !important;}
.pack-meta li span:last-child {font-size:12px !important;margin-right:8px;color:#6b7280;}

@media all and (max-width:1024px){

	/* HEADER */
	#wplr-header-menu {display:none}
	#wplr-header-action {display:none}
	#wplr-header-burger {display:block}

}

@media all and (max-width:768px){	

	.h1big h1 {font-size:48px !important;line-height:1.15em !important}
	
	.example-wrapper .grid {grid-template-columns:repeat(1,minmax(0,1fr))}
	
	.process-badge.aligned {left:calc(50% + 10px)}
	
	/* FOOTER */
	#wplr-footer-wrapper {grid-template-columns:repeat(1,minmax(0,1fr))}
	
}