/*
Theme Name: Google Lite Theme
Theme URI: https://elysee.ninja/
Author: Elysee.ninja
Author URI: https://elysee.ninja/
Description: Thème ultra-simple inspiré de la page d'accueil Google : logo centré + barre de recherche. Personnalisation via le Customizer (logo, couleurs, police, largeur, textes).
Version: 1.0.7
Requires at least: 6.0
Tested up to: 6.4
Requires PHP: 7.4
License: GPLv2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: google-lite-theme
*/

:root{
  --glt-bg:#ffffff;
  --glt-text:#202124;
  --glt-muted:#5f6368;
  --glt-border:#dfe1e5;
  --glt-shadow: rgba(32,33,36,.28);
  --glt-btn-bg:#f8f9fa;
  --glt-btn-text:#3c4043;
  --glt-link:#1a73e8;
  --glt-maxw: 600px;
  --glt-radius: 999px;
}

*{box-sizing:border-box}
html,body{height:100%}
body{
  margin:0;
  background:var(--glt-bg);
  color:var(--glt-text);
  font-family: var(--glt-font, Arial, Helvetica, sans-serif);
}

a{color:var(--glt-link)}
img{max-width:100%; height:auto}
.wp-caption{max-width:100%}
.aligncenter{display:block; margin-left:auto; margin-right:auto}

.glt-wrap{
  min-height:100%;
  display:flex;
  flex-direction:column;
}

.glt-main{
  flex:1;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:32px 16px;
}

.glt-center{
  width:min(100%, var(--glt-maxw));
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:18px;
}

.glt-logo{display:flex; align-items:center; justify-content:center;}
.glt-logo img{max-width:min(280px, 70vw); height:auto;}
.glt-subtitle{color:var(--glt-muted); font-size:14px; text-align:center}

.glt-search{width:100%;}
.glt-search-row{display:flex; gap:10px; align-items:center; width:100%;}
.glt-search-row .glt-input{flex:1 1 auto;}
.glt-input{
  width:100%;
  border:1px solid var(--glt-border);
  border-radius:var(--glt-radius);
  padding:12px 18px;
  font-size:16px;
  outline:0;
  background:#fff;
  color:var(--glt-text);
}
.glt-input:focus{box-shadow:0 1px 6px var(--glt-shadow); border-color:transparent}

.glt-btn{
  appearance:none;
  border:1px solid transparent;
  background:var(--glt-btn-bg);
  color:var(--glt-btn-text);
  padding:10px 16px;
  border-radius:10px;
  font-size:14px;
  cursor:pointer;
}
.glt-btn:hover{border-color:#dadce0; box-shadow:0 1px 1px rgba(0,0,0,.1);}
.glt-btn-primary{white-space:nowrap;}
.glt-buttons{margin-top:14px; display:flex; gap:10px; flex-wrap:wrap; justify-content:center}
.glt-btn-link{display:inline-flex; align-items:center; justify-content:center; text-decoration:none;}
.glt-hint{margin-top:12px; font-size:13px; color:var(--glt-muted);}
.glt-link{text-decoration:none}
.glt-link:hover{text-decoration:underline}

.glt-content{padding:32px 16px;}
.glt-content-inner{width:min(100%, 980px); margin:0 auto;}
.glt-content-header{display:flex; flex-wrap:wrap; gap:12px; align-items:end; justify-content:space-between; margin-bottom:18px;}
.glt-title{font-size:20px; margin:0}

.glt-results-brand{display:flex; justify-content:center; margin-bottom:18px;}
.glt-results-brand img{max-width:min(220px, 60vw); height:auto;}

.vswp-logo{display:none !important;}
body.search .vswp-logo{display:none !important;}

.glt-results-custom-html{width:100%; text-align:center; margin:0 0 8px;}
.glt-results-count{width:100%; text-align:center; color:var(--glt-muted);}
.glt-meta-inner{display:flex; flex-direction:column; align-items:center; gap:8px; width:100%;}
.glt-breadcrumb{
  display:flex;
  gap:8px;
  align-items:center;
  justify-content:center;
  flex-wrap:wrap;
  width:100%;
  margin:4px 0 0;
}
.glt-breadcrumb-bottom{margin:18px 0 0;}
.glt-page-link{
  text-decoration:none;
  padding:4px 8px;
  border-radius:8px;
  border:1px solid transparent;
}
.glt-page-link:hover{border-color:var(--glt-border)}
.glt-page-link.is-current{background:rgba(0,0,0,.06); font-weight:600; color:var(--glt-text);}
.glt-dots{color:var(--glt-muted)}

.glt-result{padding:14px 0; border-bottom:1px solid #eee;}
.glt-result-title{margin:0 0 6px 0; font-size:18px;}
.glt-result-title a{text-decoration:none}
.glt-result-title a:hover{text-decoration:underline}
.glt-result-meta{font-size:12px; color:var(--glt-muted); margin-bottom:8px;}
.glt-pagination{margin-top:18px;}

.glt-search-mini{display:flex; gap:8px; align-items:center;}
.glt-input-mini{border:1px solid var(--glt-border); border-radius:999px; padding:8px 12px; min-width:240px; outline:0;}
.glt-input-mini:focus{box-shadow:0 1px 6px var(--glt-shadow); border-color:transparent}
.glt-btn-mini{border:1px solid #dadce0; background:var(--glt-btn-bg); color:var(--glt-btn-text); padding:8px 12px; border-radius:999px; cursor:pointer;}
.glt-btn-mini:hover{box-shadow:0 1px 1px rgba(0,0,0,.1)}

.glt-readable{width:min(100%, 860px)}
.glt-article{padding:10px 0 30px}
.glt-article-header{margin-bottom:20px}
.glt-article-title{font-size:40px; line-height:1.1; margin:0 0 10px}
.glt-article-meta{font-size:13px; color:var(--glt-muted)}
.glt-article-tags{display:flex; gap:8px; flex-wrap:wrap; margin:0 0 12px}
.glt-tag-pill{
  display:inline-flex;
  align-items:center;
  padding:4px 10px;
  border-radius:999px;
  background:#f3f4f6;
  color:var(--glt-text);
  text-decoration:none;
  font-size:12px;
}
.glt-article-content{font-size:18px; line-height:1.75}
.glt-article-content h2,
.glt-article-content h3,
.glt-article-content h4{line-height:1.25; margin-top:1.7em; margin-bottom:.6em}
.glt-article-content p,
.glt-article-content ul,
.glt-article-content ol,
.glt-article-content blockquote{margin:0 0 1.1em}
.glt-article-content iframe{max-width:100%}
.glt-article-content table{width:100%; border-collapse:collapse; margin:1.2em 0}
.glt-article-content table td,
.glt-article-content table th{border:1px solid #e5e7eb; padding:8px}

.glt-footer{
  border-top:1px solid #eaeaea;
  padding:14px 16px;
  color:var(--glt-muted);
  font-size:13px;
}
.glt-footer .glt-footer-inner{
  width:min(100%, 1100px);
  margin:0 auto;
  display:flex;
  gap:14px;
  justify-content:center;
  flex-wrap:wrap;
  align-items:center;
  text-align:center;
}
.glt-footer .glt-footer-inner.is-centered{justify-content:center;}
.glt-footer-nav,
.glt-footer-links,
.glt-footer-html,
.glt-footer-posts,
.glt-footer-text,
.glt-footer-copyright{width:100%;}
.glt-footer-links{display:flex; gap:12px; flex-wrap:wrap; justify-content:center;}
.glt-footer-html{display:flex; justify-content:center;}
.glt-footer-menu{list-style:none; display:flex; gap:14px; flex-wrap:wrap; justify-content:center; padding:0; margin:0;}
.glt-footer-posts{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
  gap:10px;
  margin-top:4px;
}
.glt-footer-post{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:6px;
  text-decoration:none;
  padding:12px;
  border:1px solid #ececec;
  border-radius:14px;
  color:var(--glt-text);
  background:#fff;
  text-align:left;
}
.glt-footer-post-tag{
  font-size:11px;
  line-height:1;
  padding:4px 8px;
  border-radius:999px;
  background:#f3f4f6;
  color:var(--glt-muted);
}
.glt-footer-post-title{font-size:14px; line-height:1.35}
.glt-footer a{text-decoration:none}
.glt-footer a:hover{text-decoration:underline}
.glt-footer-post:hover{text-decoration:none; box-shadow:0 2px 10px rgba(0,0,0,.05)}

.admin-bar .glt-main{padding-top:calc(32px + 32px)}

@media (max-width: 782px){
  .glt-search-row{flex-direction:column;}
  .glt-search-row .glt-btn-primary{width:100%;}
  .glt-article-title{font-size:30px}
  .glt-article-content{font-size:17px}
}


.glt-content-header-no-title{justify-content:flex-end;}
.glt-content-header-no-title .glt-search-mini{margin-left:auto;}
.glt-hint{display:none;}