/*   
Theme Name: ThreatToCreativity 2026V2
Theme URI: http://maxisnow.com/
Description: Version responsive 2026V2 optimisée pour un affichage moderne, large et parfaitement lisible sur tous les moniteurs et appareils actuels.
Version: 4.2
Author: Max is NOW!
Tags: custom-colors, two-columns, fixed-width, right-sidebar, responsive, fluid
*/

/* Augmentation de la taille de base (0.85em au lieu de 0.75em) pour un confort visuel optimal sur grands écrans actuels */
body { background: #dcdcdc; color: #111111; font-family: "Arial", sans-serif; font-size: 0.85em; line-height: 1.5; display: block; margin: 0; padding: 0; }
.contentpost p { text-align: left; clear: both; }
h2 { font-size: 1.3em; text-transform: uppercase; }
a { color: #000000; text-decoration: none; }
.entry a { color: #1d52d0; text-decoration: underline; }
.entry ul li { padding: 4px; }
.entry ul { list-style-position: inside; }
a:hover { color: #ff0000; }

blockquote {
    background: #e4e4e4;
    border-left: 8px solid #ff7e00;
    margin: 1.5em 10px;
    padding: 1em 10px 1em 20px;
    font-style: italic;
    position: relative;
    border-radius: 0 4px 4px 0;
}

#navlink { margin: 30px 0; }
#topbar { border-bottom: 1px solid #a9a9a9; padding: 30px 0 35px 0; max-width: 1250px; width: 100%; box-sizing: border-box; }
.blogtitle { color: #ff7e00; font-weight: bold; font-size: clamp(45px, 7vw, 95px); text-transform: uppercase; position: relative; line-height: 1.1; margin-top:35px; float: left; overflow: visible; }
.blogdescription { color: #ffffff; text-transform: uppercase; position: relative; max-width: 650px; width: 100%; margin: 0 0 0 6px; padding: 2px 0 0 5px; float: left; box-sizing: border-box; font-size: 1.1em; }

/* ==============================================================================
   NAVIGATION HIÉRARCHISÉE ET LOUPE DE RECHERCHE INTÉGRÉE
   ============================================================================== */
.main-navigation {
    background: #1c1c1c;
    width: 100%;
    clear: both;
    margin-top: 20px;
    box-shadow: 0 2px 5px rgba(0,0,0,0.2);
}
.nav-wrapper {
    max-width: 1250px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
}
.main-navigation ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
}
.main-navigation li {
    position: relative;
}
.main-navigation a {
    display: block;
    color: #ffffff;
    padding: 14px 22px;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 1.05em;
    transition: background 0.2s;
}
.main-navigation a:hover, .main-navigation a:focus {
    background: #ff7e00;
    color: #000000;
}

.main-navigation ul ul {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    background: #2b2b2b;
    min-width: 240px;
    box-shadow: 0 4px 8px rgba(0,0,0,0.4);
    flex-direction: column;
    z-index: 9999;
}
.main-navigation ul ul ul {
    top: 0;
    left: 100%;
    background: #383838;
}
.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
    display: flex;
}
.main-navigation ul ul a {
    padding: 12px 18px;
    font-size: 1em;
    border-bottom: 1px solid rgba(255,255,255,0.1);
    color: #dddddd;
}
.main-navigation ul ul a:hover {
    background: #ff7e00;
    color: #ffffff;
    padding-left: 22px;
}

.menu-search-icon-container {
    position: relative;
    padding-right: 15px;
}
#search-toggle-btn {
    background: transparent;
    border: none;
    color: #ffffff;
    font-size: 1.4em;
    cursor: pointer;
    padding: 10px 15px;
    transition: color 0.2s;
}
#search-toggle-btn:hover {
    color: #ff7e00;
}
#menu-search-dropdown {
    display: none;
    position: absolute;
    right: 0;
    top: 100%;
    background: #2b2b2b;
    padding: 15px;
    box-shadow: 0 5px 15px rgba(0,0,0,0.4);
    z-index: 10000;
    min-width: 280px;
    border-radius: 0 0 4px 4px;
}
#menu-search-dropdown.active {
    display: block;
}
#menu-search-dropdown .search-form {
    display: flex;
    gap: 5px;
}
#menu-search-dropdown .search-field {
    flex: 1;
    padding: 10px;
    background: #111;
    border: 1px solid #444;
    color: #fff;
    border-radius: 3px;
    font-size: 1em;
}
#menu-search-dropdown .search-submit {
    background: #ff7e00;
    color: #000;
    border: none;
    padding: 10px 15px;
    font-weight: bold;
    cursor: pointer;
    border-radius: 3px;
    text-transform: uppercase;
}
#menu-search-dropdown .search-submit:hover {
    background: #fff;
}

.menu-toggle {
    display: none;
    background: #ff7e00;
    color: #000;
    border: none;
    padding: 14px 20px;
    font-size: 1.2em;
    font-weight: bold;
    text-transform: uppercase;
    cursor: pointer;
    width: 100%;
    text-align: left;
}

/* ==============================================================================
   LARGEUR GLOBALE ÉLARGIE ET CADRES ASSOMBRIS OPTIMISÉS
   ============================================================================== */
#contentwrap { max-width: 1250px; width: 95%; margin: 30px auto; display: flex; justify-content: space-between; box-sizing: border-box; }
#content { width: 72%; box-sizing: border-box; }
#aligner { margin: 0; width: 100%; display: flex; flex-wrap: wrap; gap: 18px; justify-content: flex-start; }

#content2 { width: 100%; box-sizing: border-box; }
#contentpost { margin: 0 auto; width: 100%; background: #c8c8c8; padding: 30px; box-sizing: border-box; border-radius: 6px; box-shadow: inset 0 1px 3px rgba(0,0,0,0.1); font-size: 1.1em; }

#sidebar { width: 26%; box-sizing: border-box; margin-top: 0 !important; }
#sidebar .widget { background: #c8c8c8; padding: 20px; margin-bottom: 25px; border-radius: 6px; box-shadow: inset 0 1px 3px rgba(0,0,0,0.1); }
#sidebar h2 { color: #ffffff; font-weight: normal; text-transform: uppercase; font-size: 22px; }
#sidebar h2.small, #sidebar h2.widgettitle { color: #ffffff; font-size: 15px; font-weight: bold; margin: 0 0 12px 0; padding: 8px 14px; letter-spacing: -1px; text-transform: uppercase; text-align: right; border-radius: 4px; }
#sidebar ul { list-style: none; margin: 0; padding: 0; }
#sidebar ul li { background: #b0b0b0; margin: 6px 0; text-align: right; padding: 8px 12px; border-radius: 3px; font-size: 1.05em; }
#sidebar ul li a { display: block; color: #111; font-weight: bold; }
#sidebar ul li a:hover { color: #ff0000; }

.post { position: relative; width: calc(33.33% - 12px); min-width: 230px; padding: 18px; height: 195px; overflow: hidden; box-sizing: border-box; border-radius: 4px; box-shadow: 0 2px 6px rgba(0,0,0,0.15); }
.post_single { width: 100%; margin: 0; box-sizing: border-box; }
.entry p img { border: 0px; margin: 4px; max-width: 100%; height: auto; }
.postdate { color: #000000; font-size: 14px; font-weight: bold; text-transform: uppercase; }
.postdate_single { color: #000000; font-size: 24px; font-weight: bold; text-transform: uppercase; margin-bottom: 10px; }
.posttitle { font-size: 18px; font-weight: bold; text-transform: uppercase; line-height: 1.25; margin: 8px 0; }
.posttitle_single { font-size: 28px; font-weight: bold; text-transform: uppercase; line-height: 1.2; margin-bottom: 15px; }
.posttitle a { color: #ffffff; }
.posttitle a:hover { color: #000000; }
.postmetadatabottom { background: #a9a9a9; margin: 15px 0; padding: 5px; text-transform: uppercase; width: 120px; font-weight: bold; }
.postmetadatabottom a { color: #000000; }
.postmetadatabottom a:hover { color: #ffffff; }
.entry { padding-bottom: 10px; font-size: 1.05em; }

#search { border: solid 1px #ffffff; color: #ffffff; text-transform: uppercase; font-size:11px; font-weight:bold; background: transparent; padding-left: 20px; }
.searchform { color: #ffffff; text-transform: uppercase; font-size:11px; font-weight:bold; padding: 5px 0 0 5px; height: 25px; position: relative; }
.searchform::before { content: "\1F50D"; position: absolute; left: 10px; font-size: 14px; top: 8px; }

#footer { clear: both; color: #555555; padding: 30px 0; text-align: center; background: #c8c8c8; margin-top: 50px; border-top: 1px solid #b0b0b0; font-size: 1.1em; }
#footer a { color: #000000; font-weight: bold; }
#header-container { max-width: 1250px; width: 95%; margin: 0 auto; box-sizing: border-box; }
#header_left { width: 100%; padding-bottom: 15px; overflow: hidden; }
.bg { height: 195px; overflow: hidden; }
.post:hover { background: white !important; }
.post:hover .posttitle a { color: black !important; }

/* ==============================================================================
   STYLE MODERNE DES COMMENTAIRES (LISIBILITÉ MAXIMALE)
   ============================================================================== */
.comments-area { background: #c8c8c8; padding: 35px; margin: 40px 0 20px 0; border-radius: 8px; box-shadow: inset 0 1px 3px rgba(0,0,0,0.1); font-size: 1.05em; }
.comments-title { margin-top: 0; border-bottom: 2px solid #b0b0b0; padding-bottom: 12px; margin-bottom: 30px; font-size: 1.5em; text-transform: uppercase; font-weight: bold; color: #111; }

.comment-list { list-style: none; padding: 0; margin: 0; }
.comment-list li.comment { background: #dcdcdc; padding: 22px; margin-bottom: 25px; border-radius: 6px; border-left: 6px solid #666; position: relative; }
.comment-list li.bypostauthor { border-left-color: #ff7e00; background: #ebd8c8; }

.comment-meta { font-size: 0.95em; color: #444; margin-bottom: 15px; border-bottom: 1px dashed #b0b0b0; padding-bottom: 10px; display: flex; align-items: center; }
.comment-author .avatar { float: left; margin-right: 18px; border-radius: 50%; border: 3px solid #fff; box-shadow: c0 2px 4px rgba(0,0,0,0.15); }
.comment-author cite { font-weight: bold; font-style: normal; font-size: 1.15em; color: #111; }
.comment-meta a { color: #444; text-decoration: none; }
.comment-meta a:hover { color: #ff7e00; }

.comment-content p { margin: 12px 0; line-height: 1.6; color: #222; font-size: 1.05em; }
.reply { text-align: right; margin-top: 15px; }
.reply a { background: #444; color: #fff !important; padding: 8px 14px; border-radius: 4px; text-decoration: none; display: inline-block; font-weight: bold; font-size: 0.95em; text-transform: uppercase; }
.reply a:hover { background: #ff7e00; color: #000 !important; }
.comment-list .children { margin-left: 40px; border-left: 2px solid #b0b0b0; padding-left: 20px; margin-top: 20px; }

.comment-respond { background: #b8b8b8; padding: 30px; border-radius: 8px; margin-top: 40px; border-top: 4px solid #ff7e00; }
.comment-respond h3#reply-title { margin-top: 0; font-size: 1.4em; text-transform: uppercase; font-weight: bold; color: #111; margin-bottom: 20px; }
.comment-form-author, .comment-form-email, .comment-form-url, .comment-form-comment { margin-bottom: 15px; }
.comment-respond label { display: block; font-weight: bold; margin-bottom: 6px; color: #222; font-size: 1.05em; }
.comment-respond input[type="text"], .comment-respond input[type="email"], .comment-respond input[type="url"], .comment-respond textarea { width: 100%; padding: 12px; border: 1px solid #888; border-radius: 4px; box-sizing: border-box; font-family: inherit; background: #eee; font-size: 1.05em; }
.comment-respond input[type="text"]:focus, .comment-respond textarea:focus { border-color: #ff7e00; outline: none; background: #fff; }
.comment-respond input[type="submit"] { background: #111; color: white; border: none; padding: 12px 25px; cursor: pointer; border-radius: 4px; font-weight: bold; text-transform: uppercase; margin-top: 10px; transition: background 0.2s; font-size: 1em; }
.comment-respond input[type="submit"]:hover { background: #ff7e00; color: #000; }

/* ==============================================================================
   RESPONSIVE FLUIDE OPTIMISÉ POUR TOUS LES ÉCRANS
   ============================================================================== */
@media screen and (max-width: 1000px) {
    #contentwrap {
        flex-direction: column;
        width: 100% !important;
        padding: 0 15px;
    }
    #content {
        width: 100% !important;
    }
    #aligner {
        justify-content: center;
    }
    .post {
        width: calc(50% - 10px) !important;
        max-width: none;
    }
    #sidebar {
        width: 100% !important;
        float: none;
        margin-top: 30px !important;
    }
    .nav-wrapper {
        flex-direction: column;
        align-items: flex-start;
    }
    .menu-search-icon-container {
        width: 100%;
        padding: 10px 20px;
        box-sizing: border-box;
    }
    #menu-search-dropdown {
        left: 15px;
        right: 15px;
        width: auto;
    }
}

@media screen and (max-width: 650px) {
    .post {
        width: 100% !important;
    }
    .menu-toggle {
        display: block;
    }
    .main-navigation .nav-wrapper > div:not(.menu-search-icon-container) {
        display: none;
        width: 100%;
    }
    .main-navigation.toggled .nav-wrapper > div:not(.menu-search-icon-container) {
        display: block;
    }
    .main-navigation ul {
        flex-direction: column;
        width: 100%;
    }
    .main-navigation ul ul {
        position: relative;
        left: 0;
        top: 0;
        box-shadow: none;
        width: 100%;
    }
    .main-navigation ul ul a {
        padding-left: 25px;
    }
}