/**
 * 2008 - 2026 (c) Prestablog
 *
 * MODULE PrestaBlog
 *
 * @author    Prestablog
 * @copyright Copyright (c) permanent, Prestablog
 * @license   Commercial
 */

div#configuration_blog div#image canvas {
	border: 1px solid #ccc;
}
div#configuration_blog svg#svg-for-element polygon.polygonhover {
	fill:red;
}
div#configuration_blog svg#svg-for-element polygon {
	fill:green;
	opacity: 0.5;
	stroke:purple;
	stroke-width:1;
}
div#configuration_blog .imageResize {
	float: left;
}
div#configuration_blog #imagePreview {
	border: 1px #ccc solid;
	text-align:center;
	padding:5px;
	margin:5px;
	display: block;
}
div#configuration_blog .layout_preview {
	border: 1px #ccc solid;
	text-align:center;
	padding:5px;
	margin:5px;
	float: left;
	position: relative;
}

#contenu_config_prestablog img.thumb {
	float: left;
	margin: 10px;
}
div#configuration_blog .layout_preview img.layout_select {
	position: absolute;
	top:25px;
	left:25px;
	width: 40px;
}
#contenu_config_prestablog [id*="cpara"] {border: 1px solid #E6E6E6;}

div#configuration_blog .layout_preview a img:hover {
	opacity: 0.6;
	filter:alpha(opacity=60);
}
div#configuration_blog .blocmodule #bloccolor .bloccolor {
		background: #fff;
	background: linear-gradient(top, #fff 0%, #fff 100%);
	background: -moz-linear-gradient(top, #fff 0%, #fff 100%);
	background: -webkit-linear-gradient(top, #fff 0%,#fff 100%);
	box-shadow: 0px 0px 9px rgba(0,0,0,0.01);
	padding: 10px 0 0 10px;
	margin : 0 0 10px 0;
	border: 1px solid #D9D9D9;
margin-right: 5px;
padding-bottom: 10px ;
padding-right: 10px ;
}
div#configuration_blog .blocmodule {
	background: #fff;
	background: linear-gradient(top, #fff 0%, #fff 100%);
	background: -moz-linear-gradient(top, #fff 0%, #fff 100%);
	background: -webkit-linear-gradient(top, #fff 0%,#fff 100%);
	box-shadow: 0px 0px 9px rgba(0,0,0,0.01);
	padding: 10px 0 0 10px;
	margin : 0 0 10px 0;
	border: 1px solid #D9D9D9;
margin-right: 5px;
padding-bottom: 10px ;
padding-right: 10px ;
}
div#configuration_blog .blocmodule p.title {
	font-weight: bold;
	margin-bottom: 0px;
}
div#configuration_blog .blocmodule fieldset {
	padding: 0px 10px 10px 0px;
}
div#configuration_blog a:hover {
	text-decoration: none;
}
/** order tree cat **/
div#configuration_blog .treeordercat ol li div img.thumb {
        margin-right: 10px;
        margin-left: 10px;
    }
div#configuration_blog .treeordercat .placeholder {
        outline: 1px dashed #4183C4;
        width: 300px;
    }
div#configuration_blog .treeordercat .mjs-nestedSortable-error {
        background: #fbe3e4;
        border-color: transparent;
    }
div#configuration_blog .treeordercat ol {
        margin: 0;
        padding: 0;
        padding-left: 30px;
    }
div#configuration_blog .treeordercat ol.sortable, ol.sortable ol {
        margin: 0 0 0 0;
        padding: 0;
        list-style-type: none;
    }
div#configuration_blog .treeordercat ol.sortable {
        margin: 0 0;
    }
div#configuration_blog .treeordercat .sortable li {
        margin: 5px 0 0 0;
        padding: 0;
    }
div#configuration_blog .treeordercat .sortable li div  {
      font-size: 13px;
      width: 300px;
      font-weight: bold;
      border: 1px solid #d4d4d4;
      -webkit-border-radius: 3px;
      -moz-border-radius: 3px;
      border-radius: 3px;
      border-color: #D4D4D4 #D4D4D4 #BCBCBC;
      padding: 15px;
      margin: 0;
      cursor: move;
      background: #f6f6f6;
    }
div#configuration_blog .treeordercat li.mjs-nestedSortable-collapsed.mjs-nestedSortable-hovering div {
    border-color: #999;
    background: #fafafa;
    }
div#configuration_blog .treeordercat .disclose {
    cursor: pointer;
    display: none;
    margin-right:5px;
    margin-top: -8px;
    }
div#configuration_blog .treeordercat .sortable li.mjs-nestedSortable-collapsed > ol {
        display: none;
    }
div#configuration_blog .treeordercat .sortable li.mjs-nestedSortable-branch > div > .disclose {
        display: inline-block;
    }
div#configuration_blog .treeordercat .sortable li.mjs-nestedSortable-collapsed > div > .disclose > span:before {
    content: '+ ';
    font-weight: bold;
    font-size: 20px;
    font-family: material icons;
}
div#configuration_blog .treeordercat .sortable li.mjs-nestedSortable-expanded > div > .disclose > span:before {
    content: '- ';
    font-weight: bold;
    font-size: 20px;
    font-family: material icons;
    }
div#configuration_blog div.dashblock img.lang,
div#configuration_blog div.dashblock img.item,
div#configuration_blog div.dashblock div.item {
	margin: 2px;
}
.fixBloc15 {
	width:330px;
}
.form-ligne .fixBloc15 {
	width:220px;
}
.fixInput15 {
	width: 450px;
}
.form-ligne {
	padding-top: 10px;
}
div#configuration_blog .language_flags {
	display: none;
	background: #FFF;
	margin: 4px;
	padding: 8px;
	width: 80px;
	border: 1px solid #555;
	position: absolute;
	left: 25px;
    z-index: 1;
}
div#configuration_blog .pointer {
	cursor: pointer;
	vertical-align: baseline;
}
div#configuration_blog hr {
    border: medium none;
    margin-bottom: 10px;
    margin-top: 10px;
    padding: 0;
}
#configuration_blog .pb-add-category-link .material-icons {
	margin-right: 0px;
}
#configuration_blog .material-icons {
	font-size: 18px;
	margin-right: 4px;
    vertical-align: bottom;
}
#configuration_blog .material-icons.no-margin-right {
    margin-right: 0;
}
div#configuration_blog {
	display: inline-block;
	margin: auto;
	width: 100%;
}
div#configuration_blog .margin-form {
	text-align: left;
	margin-bottom:10px;
    padding: 0 0 0 0;
}
div#configuration_blog div.demi {
	width:48%;
	float:left;
	padding-right:2%;
}
div#configuration_blog nav li.nav-extra-link {
	float:right;
}
div#configuration_blog nav #nav-version {
	float:right;
	padding: 10px 0px;
	padding-left: 5px;
}
div#configuration_blog nav #nav-version:hover {
	background:none;
}
div#configuration_blog nav {
	margin-bottom:10px;
}

#prestablog_control {
	font-size: 90%;
    color: #888;
}

div#configuration_blog nav ul ul {
	opacity: 0;
	visibility: hidden;
	transform: translateY(5px);
	transition:
		opacity 0.2s ease-out,
		transform 0.2s ease-out,
		visibility 0.2s ease-out;
}

div#configuration_blog nav ul li:hover > ul {
		opacity: 1;
		visibility: visible;
		transform: translateY(0);
}
div#configuration_blog nav ul {
	background: #fff;
	padding: 10px 20px;
	border-radius: 1px;
	list-style: none;
	position: relative;
	border: 1px solid #D2D2D2;
}
div#configuration_blog nav ul:after {
	content: ""; clear: both; display: block;
}
div#configuration_blog nav ul li {
	float: left;
	transition: background 0.3s ease-out;
}
div#configuration_blog nav ul li:hover {
	background: #4b545f;
	background: linear-gradient(top, #4f5964 0%, #5f6975 40%);
	background: -moz-linear-gradient(top, #4f5964 0%, #5f6975 40%);
	background: -webkit-linear-gradient(top, #4f5964 0%,#5f6975 40%);
}
div#configuration_blog nav ul li:hover a {
	color: #fff;
	border-top: 1px solid #000000c5;
}
div#configuration_blog nav ul li:hover li a {
	border-top: 0;
}

div#configuration_blog nav ul li a {
	display: flex; 
	padding: 10px 10px;
	color: #757575; 
	text-decoration: none!important;
	font-size: 13px;
	line-height: 18px;
	text-underline-offset: 0px!important;
	transition: color 0.3s ease-out;
	border-top: 1px solid transparent;
}
div#configuration_blog a {
	text-decoration: none!important;
}
div#configuration_blog nav ul ul {
	background: #5f6975; border-radius: 0px; padding: 0;
	position: absolute;
	width:200px;
	z-index: 100;
}
div#configuration_blog nav ul ul li {
	float: none;
	border-top: 1px solid #6b727c;
	border-bottom: 1px solid #575f6a;
	position: relative;
}
div#configuration_blog nav ul ul li a {
	padding: 10px 10px;
	color: #fff;
}
div#configuration_blog nav ul ul li a:hover {
	background: #4b545f;
}

div#configuration_blog nav ul ul li a img {
	padding-right:5px;
	float: left;
}
div#configuration_blog nav ul ul ul {
	position: absolute; left: 100%; top:0;
}
div#configuration_blog ul#listeBackup {
	font-size:0.9em;
}
div#configuration_blog ul#listeBackup li div.actionRestore a img:hover {
	opacity: 0.8;
	filter:alpha(opacity=80);
}
div#configuration_blog ul#listeBackup li div.actionRestore {
	float:right;
}
div#configuration_blog ul#listeBackup li {
	padding:10px;
	margin:5px;
	border:1px solid #7F7F7F;
	background: #E5E5E5;
}
div#configuration_blog ul#listeBackup li a:hover {
    text-decoration: none;
}
div#configuration_blog ul#listeBackup li a {
    color: #268CCD;
    font-weight: bold;
    text-decoration: underline;
}
div.prestablog_pagination {
	margin-top:15px;
	margin-bottom:15px;
    text-align: center;
}
div.prestablog_pagination a {
	padding: 2px 8px 2px 8px;	
    margin-right: 2px;
	border: 1px solid #B5B5B5;
	text-decoration: none;
	color: #717171;
}
div.prestablog_pagination a:hover, div.prestablog_pagination a:active {
	padding: 2px 8px 2px 8px;
	margin-right: 2px;
	border: 1px solid #a0a0a0;
	background-color: #C9C9C9;
}
div.prestablog_pagination span.current {
	padding: 2px 8px 2px 8px;	
    margin-right: 2px;
	border: 1px solid #929EA2;
	background-color: #DBDBDB;
	color: #4D4D4D;
}
div.prestablog_pagination span.disabled {
	padding: 2px 5px 2px 5px;
	margin-right: 2px;
	border: 1px solid #f3f3f3;
	color: #ccc;
}
div.prestablog_pagination span.more {
	padding: 2px 5px 2px 5px;
	margin-right: 2px;
	border: 1px solid #DFD5C3;
	color: #aaa;
}
/* Search filter */
#prestablog_newsFilterForm .input-group {float: right;}
@media (max-width: 1480px) {
    #prestablog_newsFilterForm input, 
    #prestablog_newsFilterForm select {
        margin-bottom: 10px;
        height: 30px;  
        padding: 3px 8px;
    }
    #prestablog_newsFilterForm label {margin-bottom: 10px!important;}
    #prestablog_newsFilterForm a {
        margin-bottom: 10px;
        padding: 3px 8px;}
    #prestablog_newsFilterForm .input-group {float: inherit;}
}

/* liste search autocomplete */
tbody#productLinkTable tr,
tbody#articleLinkTable tr,
tbody#lookbookLinkTable tr {
	height: 50px;
}
tbody#productLinkTable tr td.noactif,
tbody#productLinked tr td.noactif,
tbody#productLinkResult tr td.noactif,
tbody#articleLinkTable tr td.noactif,
tbody#articleLinked tr td.noactif,
tbody#articleLinkResult tr td.noactif,
tbody#lookbookLinkTable tr td.noactif,
tbody#lookbookLinked tr td.noactif,
tbody#lookbookLinkResult tr td.noactif
{
	background-color: #E5E5E5;
	color:#BFBFBF;
}

tbody#productLinkTable tr td.center,
tbody#productLinked tr td.center,
tbody#productLinkResult tr td.center,
tbody#articleLinkTable tr td.center,
tbody#articleLinked tr td.center,
tbody#articleLinkResult tr td.center,
tbody#lookbookLinkTable tr td.center,
tbody#lookbookLinked tr td.center,
tbody#lookbookLinkResult tr td.center
{
	text-align: center;
}

#productLinkResult img.linked,
#productLinked img.delinked,
#articleLinkResult img.linked,
#articleLinked img.delinked,
#lookbookLinkResult img.linked,
#lookbookLinked img.delinked {
	cursor: pointer;
	opacity: 0.6;
	filter:alpha(opacity=60);
}

#productLinkResult img.linked:hover,
#productLinked img.delinked:hover,
#articleLinkResult img.linked:hover,
#articleLinked img.delinked:hover,
#lookbookLinkResult img.linked:hover,
#lookbookLinked img.delinked:hover {
	opacity: 1;
	filter:alpha(opacity=100);
}
/* /liste search autocomplete */

a, span.link {
	color: #3B3B3B;
	text-decoration:none;
}
a:hover, span.link:hover {
	color: #006500;
}
a.lien-admin-prestablog {
	color: #A020F0;
	text-decoration:underline;
	cursor:pointer;
}
a.lien-admin-prestablog:hover {
	color: #006500;
	text-decoration:none;
}
div#contenu-rewrite-prestablog {
	display: none;
	background-color:#fff;
	border:1px solid #999;
	padding: 10px;
	text-align:left;
}
#prestablog_fermer {
	color: #FFF;
	background: #000;
	padding: 10px;
	margin: 10px;
}
div#contenu-rewrite-prestablog p, div#contenu-rewrite-prestablog ul {
	margin-bottom: 8px;
}
div#comments div.blocs a:hover img {
	opacity: 0.8;
	filter:alpha(opacity=80);
}
div#comments div.blocs div.wrap div:hover {
	background-color:#F3F3F3;
}
div#comments div.blocs h2 {
	font-size: 90%;
	margin-top:0px;
	margin-bottom:2px;
}
div#comments div.blocs h2 a {
	color: #268CCD;
}
div#comments div.blocs h2 a:hover {
	color: #006500;
}
div#comments div.blocs h3 {
	font-size: 90%;
	color: #7F7F7F;
	border-bottom:1px #ccc solid;
}
div#comments div.blocs div h4 {
	font-size: 90%;
	color: #4D4D4D;
	margin:0px;
}
div#comments div.blocs div h5 {
	font-size: 90%;
	color: #BFBFBF;
	margin:0px;
}
div#comments div.blocs div img {
	margin-right:5px;
}
div#comments div.blocs div img.thumb {
	margin-right:5px;
	float:left;
}
div#comments div.blocs div p {
	font-size: 90%;
	color: #7F7F7F;
	margin:0px;
}
div#comments .icons-edit-comments {
	margin-top:10px;
	margin-bottom:10px;
	border-bottom: 1px solid #f0f0f0;
	padding-bottom: 10px;
}
div#comments div.blocs div.blocmodule {
	border-bottom:1px #E5E5E5 solid;
	padding-top:10px;
	padding-bottom:10px;
}
div#comments div.blocs {
	background-color: #FFF;
	margin:5px;
	padding:20px;
	border:1px #ccc solid;
	float:left;
	border-radius: 3px;
}
div#comments div.blocs-article {
	width:278px;
}
div#comments img {
	margin-right:5px;
}
.hrefComment {
	margin-right:5px;
}
#table_comment {
    font-size: .9rem;
    box-shadow: 0px 0px 9px rgba(0,0,0,0.01);
    border: 1px solid #D9D9D9;
}
#table_comment th {  
    padding-top: .625rem;
    padding-bottom: .625rem;
    padding-left: .625rem;
    background-color: white;
}
#table_comment thead th {
  border-bottom: 2px solid #25b9d7;
  border-bottom: .125rem solid #25b9d7;
  border-top: none;
}
#table_comment tr:nth-child(odd) {
    background-color: #f9f9f9;
}

#table_comment tr:nth-child(even) {
    background-color: #e9f1f5;
}

#table_comment tr:hover {
    background-color: #d0e6f0;
}

#table_comment tr.reply {
    background-color: inherit;
    padding-left: 20px;
}

#table_comment td {
    border-bottom: 1px solid #ccc;
    padding: 10px;
}
#table_comment tfooter  {background-color: #FFFFFF}
table a img {
	opacity: 0.8;
	filter:alpha(opacity=80);
}

table a:hover img {
	opacity: 1;
	filter:alpha(opacity=100);
}

span.prestablog-search img {
	padding: 0 4px 2px 4px;
	vertical-align: middle;
}
span.prestablog-search {
	float:right;
	margin-right:20px;
	cursor:pointer;
}
span.prestablog-search:hover {
	text-decoration:underline;
}

#productLinkTable tr.prestablog-footer-search {
	height:15px;
}

#sortblocLeft, #sortblocRight { list-style-type: none; margin: 0; padding: 0 0 2.5em; float: left; margin-right: 10px; }
#sortblocLeft li, #sortblocRight li {
	font-size: 1.2em;
	margin: 0 5px 10px;
	padding: 5px;
	width: 193px;
	opacity:1;
	filter:alpha(opacity=100);
	-moz-opacity:1;
}
.ui-move {
	cursor:move;
}
.ui-state-highlight { height: 1.5em; line-height: 1.2em; }
div#configuration_blog img.expand-cat {
	vertical-align:middle;
	cursor: pointer;
}
div#configuration_blog tr.childs {
	display: none;
}
div#configuration_blog select option:disabled {
	color:#999;
}
div#configuration_blog .indent-right {
	margin-right: 10px;
}
.popup .list-strong {
	font-weight: bold;
}
.bootstrap input[type="text"].text-strong {
	font-weight: bold;
}

#popup_form div.mce-tinymce {border: 1px solid #E6E6E6 !important;}
.table_news thead th {
    border-bottom: 2px solid #25b9d7;
    border-bottom: .125rem solid #25b9d7;
    border-top: none;
}
table.table_news thead th {font-weight: 700!important;}
.bootstrap #contenu_config_prestablog .table_news tbody > tr > td {
	font-family: "Open Sans",helvetica,arial,sans-serif!important;
    font-size: 13px!important;
}
.table_news { border-bottom: 1px solid #bbcdd2; }

/* --- PrestaBlog: Compact group for multilingual titles (admin list) --- */
.table_news td.news-title-cell {
    text-align: left;
    white-space: normal;
    overflow: hidden;
}
.table_news td.news-title-cell .news-title-stack {
    max-height: 1.7em;
    overflow: hidden;
    opacity: 0.98;
    transition: max-height .25s ease, opacity .2s ease;
}
.table_news td.news-title-cell .news-title-lang {
    display: flex;
    align-items: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
    min-width: 0;
}
.table_news td.news-title-cell .news-title-lang .prestablogflag,
.table_news td.news-title-cell .news-title-lang a {
    vertical-align: middle;
}
.table_news td.news-title-cell a.news-title-text {
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    min-width: 0;
    flex: 1 1 auto;
    width: 0;
    max-width: none;
}
.table_news td.news-title-cell:hover .news-title-stack {
    max-height: 100vh;
    opacity: 1;
}
.table_news td.news-title-cell .news-title-stack.multi .news-title-lang:first-child .news-title-text::after {
    content: " \25BE";
    color: #6c868e;
    opacity: .6;
    margin-left: .25rem;
}
.table_news td.news-title-cell:hover .news-title-stack.multi .news-title-lang:first-child .news-title-text::after {
    content: " \25B4"; 
}
.table_news td.news-title-cell:hover {
    background: rgba(37, 185, 215, 0.06);
}
.table_news {
    width: 100%;
    max-width: 100%;
    margin-bottom: 1.875rem;
    background-color: white;
    box-shadow: 0px 0px 9px rgba(0,0,0,0.01);
    border: 1px solid #D9D9D9;
    font-family: Open Sans,Helvetica,Arial,sans-serif;
}
.table_news td {
background-color: white;
    vertical-align: middle;
    text-align: middle;
    padding: .7rem;
    border-top: 1px solid #bbcdd2;

}
.table_news th, .table_news thead td {font-weight: 600; font-size: 12px;}
.table_news th, .table_news td {
    padding: .75rem 0.9rem!important;
    font-weight: 400;
    border-bottom: 2px solid #dee2e6;
    white-space: nowrap;
}
#contenu_config_prestablog table {
    border-collapse: collapse;
}
.colorpicker .material-icons {vertical-align: bottom;}
.prestablog-no-margin {
	margin-bottom:2px!important;
}
#nav-sidebar ul.menu #subtab-AdminPrestaBlog .material-icons {color: #91bc05 !important}

[id*="pop_colorpicker_"] {
	 width: 200px!important;
	 max-width: 100%;
	 display: inline-block!important;
}
input[type="text"].mColorPicker
{
	width: 190px!important;
	 max-width: calc(100% - 50px);
	 display: inline-block!important;
	 vertical-align: middle;
}
[id*="icp_"] {
	padding: 10px 9px!important;
	width: 40px!important;
	display: inline-block!important;
	height: 39px;
	margin-left: 2px;
	border-left: 1px solid #C7D6DB!important;
	border-radius: 3px!important;
	vertical-align: middle;
}
#pbl-accordion .colorpicker .form-group { display: flex !important; flex-wrap: nowrap !important; align-items: center; }
#pbl-accordion .colorpicker .form-group > label { flex: 0 0 45%; margin-right: 8px; margin-bottom: 0; }
#pbl-accordion .colorpicker .form-group > input.mColorPicker { flex: 1 1 auto; min-width: 60px !important; width: auto !important; max-width: none !important; }
#pbl-accordion .colorpicker .form-group > [id*="icp_"] { flex: 0 0 40px; }
#pbl-accordion .colorpicker .pbl-color-help { margin: -10px 0 15px calc(45% + 8px); }
[id*="pop_opacity_"] {width: 90px!important;}
div#configuration_blog .blocmodule #bloccolor .bloccolor {
	background: #fff;
	background: linear-gradient(top, #fff 0%, #fff 100%);
	background: -moz-linear-gradient(top, #fff 0%, #fff 100%);
	background: -webkit-linear-gradient(top, #fff 0%,#fff 100%);
	box-shadow: 0px 0px 9px rgba(0,0,0,0.01);
	padding: 10px 0 0 10px;
	margin : 0 0 10px 0;
	border: 1px solid #D9D9D9;
	margin-right: 5px;
	padding-bottom: 10px;
	padding-right: 10px;
}

/* Custom display settings section styling */
#custom-settings-options {
	border: 1px solid #ddd;
	border-radius: 4px;
	padding: 15px;
	margin: 15px 0;
	background-color: #fafafa;
}
#configuration_blog img.prestablogflag, #configuration_blog .displayed_flag img.pointer, #configuration_blog .language_flags img.pointer {width: 16px; height: auto;}
#configuration_blog .material-icons.roundcomment {
	border-radius: 99px;
	margin-top: 2px;
	margin-left: 2px;
	vertical-align: middle!important;
}
#configuration_blog div#comments div.blocs h3 {
	border: 0px; 
}
/* ChatGPT Styles */
#configuration_blog #gptGroup {border-bottom:1px solid #ccc; margin-bottom:15px;}
#configuration_blog #gptMessages {
    border: 1px solid #ddd; 
    padding: 10px; 
    overflow-y:scroll; 
    margin-bottom: 10px;
    min-height: 150px;
    max-height: 500px;
    transition: height 0.3s ease-in-out;
}
#configuration_blog #gptMessages table {
    width: 100%;
    border-collapse: collapse;
    margin-top: 10px;
    font-family: Arial, sans-serif;
}

#configuration_blog #gptMessages th, #configuration_blog #gptMessages td {
    border: 1px solid #ddd;
    padding: 8px;
    text-align: left;
}

#configuration_blog #gptMessages th {
    background-color: #f2f2f2;
    font-weight: bold;
    text-transform: uppercase;
}

#configuration_blog #gptMessages tr:nth-child(even) {
    background-color: #f9f9f9;
}

#configuration_blog #gptMessages tr:hover {
    background-color: #f1f1f1;
}

#configuration_blog #gptMessages th, #configuration_blog #gptMessages td {
    border-bottom: 1px solid #ddd;
    padding: 12px 15px;
}

#configuration_blog #gptMessages tr:last-child td {
    border-bottom: 2px solid #C4C4C4; 
}

#configuration_blog #gptMessages th {
    color: #333;
    background-color: #C4C4C4; 
}
#configuration_blog #gptMessages .user-message {
    font-weight: bold;
    margin-bottom: 10px;
    margin-top: 10px;
    background-color: #f2f2f2;
    padding: 10px;
    clear:both;
}
#configuration_blog #gptMessages .gpt-message {
    margin-bottom: 10px;  
    width: 100%;
    clear: both;
}
#configuration_blog #gptMessages .loading-message, #configuration_blog #gptMessages .success-message {
    margin-bottom: 10px;
    color: #374136;
    padding: 10px;
    clear:both;
}
#configuration_blog #gptMessages .success-message {
    border: solid 1px #69B87C;
    background-color: #B8D9A5;
}
#configuration_blog #gptMessages .loading-message {  
    border: solid 1px #B8B369;
    background-color: #F7D46B;
}
#configuration_blog #gptGroup .error-message, #configuration_blog #gptGroup #gptError {
    margin-bottom: 10px;
    border: solid 1px #f44336;
    background-color: #fbc6c3;
    color: #363a41;
    padding: 10px;
}
#configuration_blog #gptMessages .action-button {float: left; margin-bottom:10px;}
#configuration_blog #gptGroup #actionButtons {
    display:none; 
    margin-top:10px; 
    margin-bottom:0px;
}
#configuration_blog #gptMessages #actionSelect, #configuration_blog #gptMessages #languageSelect {height:35px}
#configuration_blog #content.bootstrap #gptMessages h2, #configuration_blog #content.bootstrap #gptMessages h3,#configuration_blog #content.bootstrap #gptMessages h4,#configuration_blog #content.bootstrap #gptMessages h5,#configuration_blog #content.bootstrap #gptMessages h6, #configuration_blog #content.bootstrap #gptMessages p, #configuration_blog #content.bootstrap #gptMessages li {
    background-color:inherit;
    margin: 15px 10px 15px 10px;
    border: inherit;    
}
#configuration_blog #slides [id*="slides_"] {  
    width: 100%;
    display: inline-block;
    height: auto;
    margin: 7px;
    border: 1px solid #eaeaea;
    padding: 5px;
}
#configuration_blog #slides [id*="slides_"] h4 { height: 33px;} 
#configuration_blog #slides .flags_gauche {
    float:left;
    width: 22px;
    line-height: 24px;
}
#configuration_blog #slides .dropdown {
    display: inline-block;
}
/* Force flex layout so uneven slide heights (e.g. a title on two lines) don't break the grid */
#configuration_blog #slides .row {
    display: flex;
    flex-wrap: wrap;
}
#configuration_blog #slides .row > .col-md-6 {
    float: none;
    display: flex;
}
/* Import Wizard */
#configuration_blog .wizard-progress {
    margin-bottom: 20px;
}
#configuration_blog .wizard-steps {
    display: flex;
    justify-content: space-between;
}
#configuration_blog .wizard-step {
    text-align: center;
    flex: 1;
    position: relative;
    padding: 10px;
    border-bottom: 3px solid #ddd;
}
#configuration_blog .wizard-step.active {
    border-bottom-color: #00aff0;
}
#configuration_blog .wizard-step.completed {
    border-bottom-color: #72c279;
}
#configuration_blog .wizard-steps .step-number {
    display: inline-block;
    width: 30px;
    height: 30px;
    line-height: 30px;
    border-radius: 50%;
    background-color: #ddd;
    color: #fff;
    margin-bottom: 5px;
}
#configuration_blog .wizard-step.active .step-number {
    background-color: #00aff0;
}
#configuration_blog .wizard-step.completed .step-number {
    background-color: #72c279;
}
#configuration_blog .wizard-steps .step-title {
    display: block;
    font-size: 12px;
}
#configuration_blog .wizard-content {
    padding: 20px;
    background-color: #fff;
    border-top: 1px solid #ddd;
}
#configuration_blog .wizard-content .category-square {
	display: inline-block;
	width: 16px;
	height: 16px;
	border-radius: 3px;
	margin-right: 4px;
	vertical-align: middle;
}
#configuration_blog .wizard-content .category-square.green {
	background: #72c279;
	border-color: #52a258;
}
#configuration_blog .wizard-content .category-square.red {
	background: #f83939;
	border-color: #d06363;
}

#configuration_blog .import-field-ignored {
	background-color: #f8f9fa !important;
}

#configuration_blog .import-field-mapped {
	background-color: #d4edda !important;
}

#configuration_blog .import-field-duplicate {
	background-color: #ffeeba !important;
}

/* Step5 */
#configuration_blog .import-item {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 10px 15px;
}

#configuration_blog .import-item-name {
	display: flex;
	align-items: center;
}

#configuration_blog .import-item-name i {
	margin-right: 10px;
	color: #6c868e;
}

#configuration_blog .import-item-name span {
	font-weight: 600;
	color: #363a41;
}

#configuration_blog .import-badge {
	display: block;
	border-radius: 3px;
	padding: 4px 8px;
	font-size: 12px;
	color: white;
	float: right;
}
#configuration_blog .import-cat-badge {
	display: block;
	border-radius: 3px;
	padding: 4px 8px;
	margin:5px;
	font-size: 12px;
	color: white;
	float: left;
}
#configuration_blog .import-badge-success {
	background-color: #78d07d;
}

#configuration_blog .import-badge-primary {
	background-color: #00aff0;
}

#configuration_blog .import-badge-info {
	background-color: #5bc0de;
}

#configuration_blog .import-badge-warning {
	background-color: #ffc107;
}
#configuration_blog .margin-bottom-10 { margin-bottom: 10px; }
#configuration_blog .margin-top-15 { margin-top: 15px; }
#configuration_blog .article-content { max-height: 300px; overflow-y: auto; }
#configuration_blog #prestablog-loading {
    margin: 20px 0;
}
#configuration_blog #prestablog-loading .spinner {
    border: 4px solid rgba(0, 0, 0, 0.1);
    border-radius: 50%;
    border-top: 4px solid #25b9d7;
    width: 40px;
    height: 40px;
    animation: prestablog-spin 1s linear infinite;
    margin: 0 auto 10px;
}
@keyframes prestablog-spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

/* Force display of icons in panel headings for PrestaBlog */
#configuration_blog .panel-heading > i {
    display: inline-block !important;
}

/* ============================================================
   Product Linker widget (EditNews – Related products)
   ============================================================ */
#configuration_blog .prestablog-product-linker .pb-product-search-panel,
#configuration_blog .prestablog-article-linker .pb-product-search-panel {
    padding: 20px;
    background: #fafafa;
    border: 1px solid #e0e0e0;
	border-bottom: 0;
    border-radius: 4px 4px 0px 0px;
}

#configuration_blog .pb-associations-panel h4 {
    margin-top: 0;
    margin-bottom: 10px;
}

/* ============================================================
   Associations toggle label + stats bar
   ============================================================ */
#configuration_blog .pb-assoc-toggle-label {
    display: flex;
    align-items: center;
    gap: 4px;
    cursor: pointer;
    color: #25b9d7;
    font-weight: 600;
    line-height: 35px;
}
#configuration_blog .pb-assoc-toggle-label .material-icons {
    font-size: 18px;
    vertical-align: middle;
}
#configuration_blog .pb-assoc-toggle-label:hover {
    color: #1a90aa;
}
#configuration_blog .pb-assoc-click-hint {
    font-size: 13px;
    line-height: 35px;
}
#configuration_blog .pb-assoc-stats {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    line-height: 1;
    vertical-align: middle;
}
#configuration_blog .pb-assoc-badge {
    display: inline-flex;
    align-items: center;
    gap: 3px;
    font-size: 12px;
    font-weight: 600;
    border-radius: 3px;
    padding: 2px 8px;
    line-height: 1.4;
}
#configuration_blog .pb-assoc-badge-cat {
    background: #f5fbe8;
    color: #40aa1a;
    border: 1px solid #bcf0b8;
}
#configuration_blog .pb-assoc-badge-prod {
    background: #eaf7ea;
    color: #3a7d44;
    border: 1px solid #b5ddb8;
}
#configuration_blog .pb-assoc-badge-cat-art {
	background: #e8f7fb;
	color: #1a88aa;
	border: 1px solid #b8f0e8;
}	
#configuration_blog .pb-assoc-badge-art {
	background: #cfe8fd;
	color: #0082b5;
	border: 1px solid #a0cef0;
}
#configuration_blog .pb-assoc-badge .material-icons {
    font-size: 13px;
}
#configuration_blog .pb-assoc-badge-sep {
    color: #ccc;
    font-size: 12px;
}
#configuration_blog #pb-associations-panel {
    margin-top: 4px;
}
#configuration_blog #pb-associations-panel > .col-lg-12 > .panel {
    border-top: 3px solid #25b9d7;
}
#configuration_blog .prestablog-product-linker .pb-search-row,
#configuration_blog .prestablog-article-linker .pb-search-row {
    display: flex;
    align-items: center;
    margin-bottom: 8px;
}
#configuration_blog .prestablog-product-linker .pb-search-label,
#configuration_blog .prestablog-article-linker .pb-search-label {
    min-width: 80px;
    font-weight: 600;
    margin-right: 8px;
    margin-bottom: 0;
}
#configuration_blog .prestablog-product-linker .pb-search-controls,
#configuration_blog .prestablog-article-linker .pb-search-controls {
    display: flex;
    flex: 1;
    gap: 6px;
}
#configuration_blog .prestablog-product-linker .pb-search-controls .form-control,
#configuration_blog .prestablog-article-linker .pb-search-controls .form-control {
    flex: 1;
}
#configuration_blog .prestablog-product-linker .pb-add-category-btn,
#configuration_blog .prestablog-article-linker .pb-add-category-btn {
    white-space: nowrap;
}
#configuration_blog .prestablog-product-linker .pb-linked-products-table,
#configuration_blog .prestablog-product-linker .pb-search-products-table,
#configuration_blog .prestablog-article-linker .pb-linked-products-table,
#configuration_blog .prestablog-article-linker .pb-search-products-table {
    margin-bottom: 6px;
    font-size: 12px;
	box-shadow: 0px 0px 9px rgba(0,0,0,0.01);
	border: 1px solid #D9D9D9;
}
#configuration_blog .prestablog-product-linker .pb-linked-products-table tr.noactif td,
#configuration_blog .prestablog-product-linker .pb-search-products-table tr.noactif td,
#configuration_blog .prestablog-article-linker .pb-linked-products-table tr.noactif td,
#configuration_blog .prestablog-article-linker .pb-search-products-table tr.noactif td {
    background-color: #f0f0f0;
    color: #bbb;
}
#configuration_blog .prestablog-product-linker .pb-linked-products-table tr th,
#configuration_blog .prestablog-product-linker .pb-search-products-table tr th,
#configuration_blog .prestablog-product-linker .pb-linked-products-table tr td,
#configuration_blog .prestablog-product-linker .pb-search-products-table tr td,
#configuration_blog .prestablog-article-linker .pb-linked-products-table tr th,
#configuration_blog .prestablog-article-linker .pb-search-products-table tr th,
#configuration_blog .prestablog-article-linker .pb-linked-products-table tr td,
#configuration_blog .prestablog-article-linker .pb-search-products-table tr td {
	padding: 10px!important;
}
#configuration_blog .prestablog-product-linker .btn-link.pb-link-btn,
#configuration_blog .prestablog-product-linker .btn-link.pb-unlink-btn,
#configuration_blog .prestablog-article-linker .btn-link.pb-link-btn,
#configuration_blog .prestablog-article-linker .btn-link.pb-unlink-btn {
    padding: 0;
    border: none;
    background: none;
    line-height: 1;
}
#configuration_blog .bootstrap .prestablog-product-linker .btn-link:hover,
#configuration_blog .bootstrap .prestablog-article-linker .btn-link:hover {
    text-decoration: none;
}
#configuration_blog .prestablog-product-linker .btn-link.pb-link-btn i,
#configuration_blog .prestablog-article-linker .btn-link.pb-link-btn i {
	color: #1a7;
}
#configuration_blog .prestablog-product-linker .btn-link.pb-link-btn:hover i,
#configuration_blog .prestablog-article-linker .btn-link.pb-link-btn:hover i {
    color: #028d47 !important;
	text-decoration: none;
}
#configuration_blog .prestablog-product-linker .btn-link.pb-unlink-btn i,
#configuration_blog .prestablog-article-linker .btn-link.pb-unlink-btn i {
    color: #f83939;
}
#configuration_blog .prestablog-product-linker .btn-link.pb-unlink-btn:hover i,
#configuration_blog .prestablog-article-linker .btn-link.pb-unlink-btn:hover i {
    color: #b80e0e !important;
	text-decoration: none;
}
#configuration_blog .prestablog-product-linker .pb-pagination,
#configuration_blog .prestablog-article-linker .pb-pagination {
    display: flex;
    align-items: center;
    gap: 8px;
    justify-content: center;
    padding: 10px 0;
    font-size: 12px;
}
/* Rotation animation for loading spinner (material icons) */
@keyframes pb-rotate {
    from { transform: rotate(0deg); }
    to   { transform: rotate(360deg); }
}
#configuration_blog .material-icons.rotating {
    display: inline-block;
    animation: pb-rotate 1s linear infinite;
}

/* ========================================================================
   Category Auto-link UI
   ======================================================================== */
#configuration_blog .prestablog-category-autolink .panel {
    margin-bottom: 20px;
}

#configuration_blog .prestablog-category-autolink .panel-heading {
    background-color: #f8f9fa;
    border-bottom: 1px solid #ddd;
    padding: 10px 15px;
    font-weight: 600;
}

#configuration_blog .prestablog-category-autolink .panel-heading .material-icons {
    font-size: 18px;
    vertical-align: middle;
    margin-right: 5px;
}

#configuration_blog .pb-category-link-section {
    margin-bottom: 20px;
}

#configuration_blog .pb-category-link-section h4 {
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 15px;
    color: #333;
}

#configuration_blog h4 .material-icons {
    color: #00aff0;
}

#configuration_blog .pb-linked-categories {
    min-height: 40px;
    padding: 10px;
    background-color: #f8f9fa;
    border-radius: 4px;
    margin-top: 10px;
}

#configuration_blog .pb-category-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}
#configuration_blog .pb-category-tags .material-icons {margin-right: 0px}
.bootstrap #configuration_blog .label.pb-category-tag {
    display: inline-flex;
    align-items: center;
    padding: 6px 8px;
    font-size: 13px;
    border-radius: 3px;
    background-color: #00aff0;
    color: #fff;
    margin-right: 5px;
    margin-bottom: 5px;
}

#configuration_blog .pb-category-tag .material-icons.pb-remove-category {
    margin-left: 8px;
    opacity: 0.8;
    transition: opacity 0.2s;
}

#configuration_blog .pb-category-tag .material-icons.pb-remove-category:hover {
    opacity: 1;
}
#configuration_blog .pb-category-tag .pb-cat-count {
    opacity: 0.75;
    font-size: 11px;
    margin-left: 3px;
}

/* Category-page feature: dots indicator on tags */
#configuration_blog .pb-cat-dots {
    display: inline-flex;
    gap: 3px;
    vertical-align: middle;
    margin-left: 4px;
}
#configuration_blog .pb-cat-dot {
    display: inline-block;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    border: 1.5px solid rgba(255,255,255,0.85);
    background: transparent;
    transition: background 0.15s;
}
#configuration_blog .pb-cat-dot.pb-dot-on {
    background: rgba(255,255,255,0.9);
}
#configuration_blog .pb-tag-clickable {
    cursor: pointer;
}

/* Category-page feature: popover */
@keyframes pb-pop-in {
    from { opacity: 0; transform: translateY(8px); }
    to   { opacity: 1; transform: translateY(0); }
}
#pb-cat-popover {
    background: #fff;
    border: 1px solid #c8c8c8;
    border-radius: 5px;
    box-shadow: 0 6px 22px rgba(0,0,0,0.16);
    min-width: 270px;
    max-width: 340px;
    font-size: 13px;
    z-index: 9999;
    animation: pb-pop-in 0.17s ease-out;
}
/* Arrow pointing down toward the anchor button */
.pb-pop-arrow {
    position: absolute;
    bottom: -9px;
    width: 0;
    height: 0;
    border-left: 9px solid transparent;
    border-right: 9px solid transparent;
    border-top: 9px solid #c8c8c8;
}
.pb-pop-arrow::after {
    content: '';
    position: absolute;
    top: -10px;
    left: -8px;
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 8px solid #fff;
}
.pb-cat-pop-title {
    padding: 10px 14px;
    font-weight: 700;
    border-bottom: none;
    background: #2b2b2b;
    border-radius: 5px 5px 0 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #fff;
}
.pb-cat-pop-body {
    padding: 14px 16px 16px;
}
.pb-cat-pop-label {
    margin: 0 0 10px;
    font-weight: 600;
    color: #444;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 0.3px;
}
.pb-cat-pop-check {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 7px;
    cursor: pointer;
    font-weight: normal;
    padding: 5px 7px;
    border-radius: 3px;
    transition: background 0.1s;
}
.pb-cat-pop-check:hover {
    background: #f0f4ff;
}
.pb-cat-pop-check input {
    margin: 0;
    flex-shrink: 0;
}
.pb-cat-pop-warning {
    margin-top: 8px;
    padding: 6px 10px;
    background: #fff3cd;
    border: 1px solid #ffc107;
    border-radius: 3px;
    color: #856404;
    font-size: 12px;
}
.pb-cat-pop-sep {
    margin: 12px 0 10px;
    border-color: #eee;
}
.pb-cat-pop-actions {
    display: flex;
    align-items: center;
    gap: 8px;
}
.pb-cat-pop-actions .btn-danger {
    margin-left: auto;
}

#configuration_blog .prestablog-category-autolink .alert-info .material-icons {
    margin-right: 5px;
}
@media (max-width: 1480px) {
.bootstrap #contenu_config_prestablog .btn {padding: 3px 8px;}
}

/* Content Blocks preview in TinyMCE editor */
.prestablog-block {
    border: 2px dashed #ccc;
    padding: 10px;
    margin: 10px 0;
    position: relative;
}
.prestablog-block::before {
    content: attr(data-block-type);
    position: absolute;
    top: -12px;
    left: 10px;
    background: #fff;
    padding: 0 5px;
    font-size: 11px;
    color: #999;
    text-transform: uppercase;
}
.prestablog-block[data-block-type="gallery"] .prestablog-gallery-item {
    display: inline-block;
    width: 80px;
    height: 80px;
    overflow: hidden;
    margin: 4px;
}
.prestablog-block[data-block-type="gallery"] .prestablog-gallery-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* Gallery overlay modal */
.prestablog-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: 65000;
    display: flex;
    align-items: center;
    justify-content: center;
}
.prestablog-overlay-modal {
    background: #fff;
    border-radius: 6px;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3);
    width: 560px;
    max-width: 90vw;
    max-height: 85vh;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}
.prestablog-overlay-header {
    padding: 12px 16px;
    background: #f5f5f5;
    border-bottom: 1px solid #ddd;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-shrink: 0;
}
.prestablog-overlay-header strong {
    font-size: 14px;
}
.prestablog-overlay-close {
    font-size: 22px;
    cursor: pointer;
    color: #666;
    line-height: 1;
}
.prestablog-overlay-close:hover {
    color: #333;
}
.prestablog-overlay-body {
    padding: 16px;
    overflow-y: auto;
    flex: 1;
}
.prestablog-overlay-footer {
    padding: 10px 16px;
    border-top: 1px solid #ddd;
    text-align: right;
    flex-shrink: 0;
}
.prestablog-overlay-footer button {
    padding: 6px 18px;
    margin-left: 8px;
    cursor: pointer;
    border: 1px solid #ccc;
    border-radius: 3px;
    font-size: 13px;
    background: #fff;
}
.prestablog-overlay-footer button.btn-primary {
    background: #25b9d7;
    color: #fff;
    border-color: #25b9d7;
}
.prestablog-overlay-footer button.btn-primary:hover {
    background: #1fa8c4;
}
.prestablog-overlay-footer button.btn-danger {
    color: #dc3545;
    border-color: #dc3545;
}
.prestablog-overlay-footer button.btn-danger:hover {
    background: #dc3545;
    color: #fff;
}

/* Gallery modal form elements */
.prestablog-overlay-body .prestablog-form-group {
    margin-bottom: 12px;
}
.prestablog-overlay-body .prestablog-form-group label {
    display: block;
    margin-bottom: 4px;
    font-weight: bold;
}
.prestablog-overlay-body .prestablog-form-group select {
    width: 100%;
    padding: 5px;
    border: 1px solid #ccc;
    border-radius: 3px;
}
.prestablog-overlay-body .prestablog-btn-action {
    padding: 7px 16px;
    cursor: pointer;
    border: 1px solid #ccc;
    border-radius: 3px;
    background: #f8f8f8;
}
.prestablog-overlay-body .prestablog-btn-action:hover {
    background: #eee;
}
.prestablog-overlay-body .prestablog-btn-delete {
    padding: 7px 16px;
    cursor: pointer;
    border: 1px solid #dc3545;
    border-radius: 3px;
    background: #fff;
    color: #dc3545;
    margin-left: 8px;
}
.prestablog-overlay-body .prestablog-btn-delete:hover {
    background: #dc3545;
    color: #fff;
}
.prestablog-gallery-preview {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    min-height: 60px;
    border: 1px dashed #ccc;
    padding: 10px;
    border-radius: 4px;
}
.prestablog-gallery-preview .prestablog-gallery-thumb {
    position: relative;
    width: 80px;
    height: 80px;
    overflow: hidden;
    border: 1px solid #ddd;
    border-radius: 3px;
}
.prestablog-gallery-preview .prestablog-gallery-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
.prestablog-gallery-preview .prestablog-gallery-remove {
    position: absolute;
    top: 2px;
    right: 2px;
    background: rgba(220, 53, 69, 0.9);
    color: #fff;
    width: 18px;
    height: 18px;
    text-align: center;
    line-height: 18px;
    font-size: 12px;
    border-radius: 50%;
    cursor: pointer;
}
.prestablog-gallery-preview .prestablog-gallery-remove:hover {
    background: #dc3545;
}
.prestablog-gallery-preview .prestablog-empty-msg {
    color: #999;
    font-style: italic;
}
/* Fix Prestashop issue with tinymce editor for module integration */
.mce-window.mce-in .mce-checkbox.mce-checked i::before  {
    font-family: "Material Symbols Outlined","Material Icons",sans-serif!important;
    content: "check_box" !important;
    position: absolute;
    left: 30px;
}
.mce-window.mce-in .mce-checkbox:not(.mce-checked) i::before {
    font-family: "Material Symbols Outlined","Material Icons",sans-serif!important;
    content: "check_box_outline_blank" !important;
    position: absolute;
    left: 30px;
}
.mce-window.mce-in .mce-checkbox i {
    margin-right: 15px;
}
/* Content Tools bar */
.prestablog-content-tools {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 6px 10px;
    margin-bottom: 6px;
    background: #f5f5f5;
    border: 1px solid #ddd;
    border-radius: 3px;
}
.prestablog-content-tools .prestablog-tools-label {
    font-size: 12px;
    font-weight: 600;
    color: #666;
    margin-right: 6px;
    white-space: nowrap;
}
.prestablog-content-tools .prestablog-tools-label .material-icons {
    font-size: 15px;
    vertical-align: middle;
    margin-right: 2px;
}
.prestablog-content-tools .btn .material-icons {
    font-size: 15px;
    vertical-align: middle;
    margin-right: 3px;
}

/* Layout templates modal */
.prestablog-template-section {
    margin-bottom: 18px;
}
.prestablog-template-section h4 {
    font-size: 13px;
    font-weight: 600;
    margin: 0 0 8px;
    color: #333;
}
.prestablog-template-save-row {
    display: flex;
    gap: 8px;
    align-items: center;
}
.prestablog-template-input {
    flex: 1;
    padding: 6px 10px;
    border: 1px solid #ccc;
    border-radius: 3px;
    font-size: 13px;
}
.prestablog-template-input:focus {
    border-color: #25b9d7;
    outline: none;
}
.prestablog-template-msg {
    font-size: 12px;
    margin-top: 6px;
    min-height: 18px;
}
.prestablog-template-msg-ok {
    color: #28a745;
}
.prestablog-template-msg-err {
    color: #dc3545;
}
.prestablog-template-list {
    border: 1px solid #eee;
    border-radius: 4px;
    max-height: 260px;
    overflow-y: auto;
}
.prestablog-template-row {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 8px 12px;
    border-bottom: 1px solid #f0f0f0;
}
.prestablog-template-row:last-child {
    border-bottom: none;
}
.prestablog-template-row:hover {
    background: #f9f9f9;
}
.prestablog-template-name {
    flex: 1;
    font-weight: 500;
    font-size: 13px;
    color: #333;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.prestablog-template-date {
    font-size: 11px;
    color: #999;
    white-space: nowrap;
}
.prestablog-template-load-btn,
.prestablog-template-delete-btn {
    padding: 4px 12px;
    font-size: 12px;
    cursor: pointer;
    border-radius: 3px;
    white-space: nowrap;
}
.prestablog-template-loading {
    display: flex;
    justify-content: center;
    padding: 20px;
}
.prestablog-template-loading .spinner {
    border: 4px solid rgba(0, 0, 0, 0.1);
    border-radius: 50%;
    border-top: 4px solid #25b9d7;
    width: 30px;
    height: 30px;
    animation: prestablog-spin 1s linear infinite;
}

.prestablog-hidden {
	display: none;
}

.prestablog-api-alert {
	margin: 0 15px;
}

.prestablog-api-mt10 {
	margin-top: 10px;
}

.prestablog-api-input-group {
	max-width: 100%;
}

.prestablog-api-addon {
	padding: 0;
	border: 0;
	background: transparent;
}

.prestablog-api-code {
	font-size: 14px;
	padding: 8px;
	background: #f8f9fa;
	border: 1px solid #dee2e6;
	border-radius: 4px;
	display: inline-block;
	user-select: all;
}

.prestablog-copy-btn,
.prestablog-copy-btn:hover,
.prestablog-copy-btn:focus,
.prestablog-copy-btn:active {
	padding: 4px 6px;
	outline: none !important;
	box-shadow: none !important;
	border: none !important;
	text-decoration: none !important;
}

.prestablog-copy-btn:hover {
	color: #363a41;
}

.prestablog-copy-icon {
	font-size: 18px;
	vertical-align: middle;
}

/* FAQ modal form */
.prestablog-faq-row {
    background: #fafafa;
    border: 1px solid #e8e8e8;
    border-radius: 4px;
    padding: 12px;
    margin-bottom: 10px;
}
.prestablog-faq-row-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 8px;
}
.prestablog-faq-row-num {
    font-weight: 600;
    font-size: 12px;
    color: #555;
}
.prestablog-faq-remove-btn {
    cursor: pointer;
    color: #bbb;
    font-size: 20px;
    line-height: 1;
    padding: 0 4px;
}
.prestablog-faq-remove-btn:hover {
    color: #dc3545;
}
.prestablog-faq-q-input {
    width: 100%;
    padding: 6px 10px;
    border: 1px solid #ccc;
    border-radius: 3px;
    font-size: 13px;
    margin-bottom: 8px;
    box-sizing: border-box;
}
.prestablog-faq-q-input:focus {
    border-color: #25b9d7;
    outline: none;
}
.prestablog-faq-a-input {
    width: 100%;
    padding: 6px 10px;
    border: 1px solid #ccc;
    border-radius: 3px;
    font-size: 13px;
    min-height: 80px;
    resize: vertical;
    box-sizing: border-box;
}
.prestablog-faq-a-input:focus {
    border-color: #25b9d7;
    outline: none;
}
.prestablog-faq-add-btn {
    margin-top: 4px !important;
}

/* ============================================================
   Design page – Accordion
   ============================================================ */
#pbl-accordion .pbl-acc-panel { border-radius: 0; margin-bottom: 0; border-bottom: 1px solid #ddd; }
#pbl-accordion .pbl-acc-panel:first-child { border-radius: 4px 4px 0 0; }
#pbl-accordion .pbl-acc-panel:last-child { border-radius: 0 0 4px 4px; }
#pbl-accordion .pbl-acc-heading { cursor: pointer; transition: background-color 0.2s; padding: 12px 15px; }
#pbl-accordion .pbl-acc-heading:hover { background-color: #f0f0f0; }
#pbl-accordion .accordion-toggle-icon { float: right; transition: transform 0.3s; }
#pbl-accordion .pbl-acc-heading[aria-expanded="true"] .accordion-toggle-icon,
#pbl-accordion .pbl-acc-heading.active .accordion-toggle-icon { transform: rotate(180deg); }

/* ============================================================
   Design page – Live preview (shared)
   ============================================================ */
.pbl-preview {
    border: 1px solid #e0e0e0; border-radius: 6px; overflow: hidden;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    font-size: 13px; line-height: 1.4; background: #f9f9f9;
}
/* Preview stays visible while scrolling the fields of its section */
@media (min-width: 992px) {
    #pbl-accordion .panel-body > .row { display: flex; }
    #pbl-accordion .panel-body > .row::before,
    #pbl-accordion .panel-body > .row::after { display: none; }
    #pbl-accordion .panel-body > .row > [class*="col-md-"] { float: none; }
    #pbl-accordion .pbl-preview { position: sticky; top: var(--pbl-sticky-top, 120px); }
}

/* ── Menu preview ── */
.pbl-pv-menu-bar { display: flex; align-items: center; padding: 0px 12px; background-color: #333; }
.pbl-pv-menu-hamburger { display: flex; align-items: center; padding: 4px 8px 4px 4px; color: #fff; }
.pbl-pv-menu-hamburger .material-icons { font-size: 20px; }
.pbl-pv-menu-items { display: flex; list-style: none; margin: 0; padding: 0; flex: 1; }
#pbl-preview-menu ul.pbl-pv-menu-items  {margin-bottom: 0;}
.pbl-pv-menu-items li a { display: block;   padding: 13px 14px 13px; text-decoration: none; font-size: 13px; transition: background-color 0.2s; color: #fff; }
.pbl-pv-menu-search { margin-left: auto; display: flex; align-items: center; padding: 4px; color: #fff; }
.pbl-pv-menu-search .material-icons { font-size: 18px; }

/* ── Pagination preview ── */
.pbl-pv-pagination { padding: 15px; display: flex; justify-content: center; gap: 4px; align-items: center; }
.pbl-pv-pagination a { display: inline-block; padding: 5px 10px; text-decoration: none; font-size: 13px; border-radius: 3px; color: #666; }
.pbl-pv-pagination a:hover { background: #eee; }
.pbl-pv-page-current { display: inline-block; padding: 5px 10px; font-size: 13px; border-radius: 3px; font-weight: 600; border: 1px solid #ddd;}
.pbl-pv-page-disabled { display: inline-block; padding: 5px 10px; font-size: 13px; border-radius: 3px; color: #ccc; opacity: 0.4; }
.pbl-pv-page-dots { padding: 5px 4px; color: #aaa; }

/* ── Listing preview (article card) ── */
#pbl-preview-listing { padding: 15px; }
.pbl-pv-card { border-radius: 4px; overflow: hidden; transition: background-color 0.3s; }
.pbl-pv-card-img {
    width: 100%; height: 90px;
    background: linear-gradient(135deg, #ddd 0%, #bbb 100%);
    display: flex; align-items: center; justify-content: center;
}
.pbl-pv-card-img .material-icons { font-size: 32px; color: #aaa; }
.pbl-pv-card-body { padding: 10px 12px; }
.pbl-pv-card-title { font-size: 14px; font-weight: 600; margin: 0 0 4px; }
.pbl-pv-card-title a { text-decoration: none; }
.pbl-pv-card-meta { font-size: 11px; display: block; margin-bottom: 6px; }
.pbl-pv-card-excerpt { font-size: 12px; margin: 0; }
.pbl-pv-card-readmore { display: flex; align-items: center; padding: 6px 12px; gap: 12px; font-size: 12px; }
.pbl-pv-card-readmore a, .pbl-pv-card-readmore > span { display: inline-flex; align-items: center; gap: 3px; text-decoration: none; padding: 3px 6px; border-radius: 3px; transition: background-color 0.2s, color 0.2s; }
.pbl-pv-card-readmore .material-icons { font-size: 14px; }
.pbl-pv-readmore-stats { margin-left: auto; display: inline-flex; align-items: center; gap: 8px; }
.pbl-pv-readmore-stats span, .pbl-pv-readmore-stats a { display: inline-flex; align-items: center; gap: 3px; text-decoration: none; padding: 3px 6px; border-radius: 3px; transition: background-color 0.2s, color 0.2s; }

/* ── Article content preview ── */
#pbl-preview-article { overflow: hidden; }
.pbl-pv-article { padding: 0; background-color: #fff; }
.pbl-pv-article-date { padding: 8px 15px 0;  text-align:center}
.pbl-pv-article-date small { padding: 2px 8px; border-radius: 3px; display: inline-block; }
.pbl-pv-article-title { font-size: 16px; font-weight: 700; margin: 6px 15px 4px!important; text-align: center;}
.pbl-pv-article-meta { padding: 0 15px 6px; text-align:center}
.pbl-pv-article-meta small { padding: 2px 8px; border-radius: 3px; display: inline-block; }
.pbl-pv-article-content { padding: 6px 15px; }
.pbl-pv-article-content h2 { font-size: 14px; font-weight: 600; margin: 0 0 6px; }
.pbl-pv-article-content p { font-size: 12px; margin: 0 0 8px; }
.pbl-pv-article-content ul { font-size: 12px; margin: 0 0 8px; padding-left: 18px; }
.pbl-pv-article-sharing { padding: 8px 15px; display: flex; align-items: center; gap: 6px; }
.pbl-pv-sharing-label { font-size: 11px; color: #666; margin-right: 4px; }
.pbl-pv-sharing-icon {
    width: 28px; height: 28px; 
    display: inline-flex; align-items: center; justify-content: center;
    background-color: #383838;
}
.pbl-pv-sharing-icon .material-icons { font-size: 14px; color: #fff; }
.pbl-pv-article-nav { display: flex; gap: 10px; padding: 10px 15px 15px; }
.pbl-pv-nav-card {
    flex: 1; padding: 10px 12px; border-radius: 6px; text-decoration: none;
    position: relative; overflow: hidden; transition: color 0.2s; display: block;
}
.pbl-pv-nav-card::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 3px; }
.pbl-pv-nav-direction { font-size: 11px; display: flex; align-items: center; gap: 2px; margin-bottom: 2px; }
.pbl-pv-nav-direction .material-icons { font-size: 14px; }
.pbl-pv-nav-title { font-size: 12px; font-weight: 600; }
.pbl-pv-nav-card--next { text-align: right; }
.pbl-pv-nav-card--next .pbl-pv-nav-direction { justify-content: flex-end; }

/* ── Blocks preview (sidebar) ── */
#pbl-preview-blocks { padding: 15px; }
.pbl-pv-block { border-radius: 4px; overflow: hidden; padding: 12px; }
.pbl-pv-block-title { font-size: 14px; font-weight: 600; margin: 0 0 10px; padding-bottom: 6px; border-bottom: 1px solid rgba(0,0,0,0.08); }
.pbl-pv-block-list { list-style: none; margin: 0 0 10px; padding: 0; }
.pbl-pv-block-list li { padding: 4px 0; }
.pbl-pv-block-list li a { text-decoration: none; font-size: 12px; display: flex; align-items: center; gap: 6px; }
.pbl-pv-block-list li a .material-icons { font-size: 16px; }
.pbl-pv-block-btn {
    display: inline-block; padding: 5px 14px; border-radius: 3px;
    font-size: 12px; text-decoration: none; color: #fff; border: none;
    cursor: default; transition: background-color 0.2s;
}

/* ── Cards preview (overlay card) ── */
#pbl-preview-cards { padding: 15px; }
.pbl-pv-card2 {
    position: relative; height: 220px; border-radius: 6px; overflow: hidden;
    background: linear-gradient(135deg, #4a4a4a 0%, #222 100%);
}
.pbl-pv-card2-img {
    position: absolute; inset: 0; display: flex; align-items: center; justify-content: center;
    background: linear-gradient(135deg, #6a6a6a 0%, #333 100%);
}
.pbl-pv-card2-img .material-icons { font-size: 42px; color: rgba(255,255,255,0.25); }
.pbl-pv-card2-overlay {
    position: absolute; inset: 0;
    background: linear-gradient(to top, rgba(0,0,0,0.75) 0%, rgba(0,0,0,0.2) 60%, transparent 100%);
}
.pbl-pv-card2-top { position: absolute; top: 0; left: 0; right: 0; z-index: 2; padding: 10px; }
.pbl-pv-card2-meta {
    display: inline-block; padding: 4px 10px; border-radius: 5px;
    background: rgba(245,245,245,0.75); color: #333; font-size: 11px; font-weight: 600;
    box-shadow: 0 1px 3px rgba(0,0,0,0.12);
}
.pbl-pv-card2-meta a { color: #333; text-decoration: none; }
.pbl-pv-card2-sep { margin: 0 3px; opacity: 0.6; }
.pbl-pv-card2-content { position: absolute; bottom: 0; left: 0; right: 0; z-index: 2; padding: 14px; color: #fff; }
.pbl-pv-card2-title { margin: 0 0 6px; font-size: 15px; font-weight: 600; line-height: 1.3; }
.pbl-pv-card2-title a { color: #fff; text-decoration: none; }
.pbl-pv-card2-stars { margin-bottom: 8px; }
.pbl-pv-card2-stars .material-icons { font-size: 16px; color: rgba(255,255,255,0.5); }
.pbl-pv-card2-stars .material-icons.checked { color: #f5a623; }
.pbl-pv-card2-footer { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.pbl-pv-card2-btn {
    display: inline-flex; align-items: center; gap: 5px; padding: 6px 12px; border-radius: 5px;
    background: #fff; color: #222; font-size: 12px; font-weight: 600; text-decoration: none;
    box-shadow: 0 2px 6px rgba(0,0,0,0.18); transition: filter 0.2s ease;
}
.pbl-pv-card2:hover .pbl-pv-card2-btn { filter: brightness(0.92); }
.pbl-pv-card2-badge {
    display: inline-flex; align-items: center; margin-left: auto; overflow: hidden; border-radius: 5px;
    background: rgba(255,255,255,0.2); font-size: 12px; font-weight: 600;
}
.pbl-pv-card2-stat { display: inline-flex; align-items: center; gap: 4px; padding: 6px 9px; color: #fff!important; text-decoration: none; }
.pbl-pv-card2-stat + .pbl-pv-card2-stat { border-left: 1px solid rgba(255,255,255,0.35); }
a.pbl-pv-card2-stat:hover { background: rgba(255,255,255,0.15); text-decoration: none; }
.pbl-pv-card2-btn .material-icons, .pbl-pv-card2-stat .material-icons { font-size: 15px; }

/* Article header preview (rules from the front office theme CSS) */
.pb-ah-preview #prestablogfront {
    display: block;
    padding: 25px;
    border: 1px solid #dadada;
    background-color: #fff;
    font-size: 14px;
}
.pb-ah-preview #prestablogfront h1 {
    color: #424242;
    text-align: center;
}
.pb-ah-preview #prestablogfront a {
    color: #3c3c3c;
}
.pb-ah-preview time.date,
.pb-ah-preview .info_blog {
    position: relative;
    z-index: 1;
    display: block;
    overflow: hidden;
    margin: 0 20px;
    color: #7f7f7f;
    font-size: 12px;
    line-height: 24px;
    text-align: center;
}
.pb-ah-preview time.date:before,
.pb-ah-preview .info_blog:before {
    content: "";
    position: absolute;
    top: 12px;
    left: 0;
    z-index: -1;
    width: 100%;
    border-top: 1px solid #bfbfbf;
}
.pb-ah-preview time.date > span,
.pb-ah-preview .info_blog > span {
    padding: 0 10px;
    background: #fff;
}
.pb-ah-preview #prestablogfront .star_content .material-icons {
    font-size: 14px;
    color: #ccc;
}
.pb-ah-preview #prestablogfront .star_content .material-icons.checked {
    color: orange;
}
.pb-ah-preview #prestablogfront sup img {
    vertical-align: baseline;
}

/* Article header: layout */
.pb-ah-preview #prestablogfront .prestablog-article-header {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 24px;
    align-items: center;
    margin-bottom: 30px;
}
.pb-ah-preview #prestablogfront .prestablog-article-header .pb-ah-media {
    overflow: hidden;
    border-radius: 4px;
}
.pb-ah-preview #prestablogfront .prestablog-article-header .pb-ah-media picture,
.pb-ah-preview #prestablogfront .prestablog-article-header .pb-ah-media img {
    display: block;
    width: 100%;
}
.pb-ah-preview #prestablogfront .prestablog-article-header .pb-ah-media img.news {
    float: none;
    height: auto;
    max-width: 100%;
    margin: 0;
    border-radius: 4px;
}
.pb-ah-preview #prestablogfront .prestablog-article-header .pb-ah-body {
    min-width: 0;
}
.pb-ah-preview #prestablogfront .pb-ah-img-bottom .pb-ah-media {
    order: 2;
}
.pb-ah-preview #prestablogfront .pb-ah-img-left:not(.pb-ah-noimg),
.pb-ah-preview #prestablogfront .pb-ah-img-right:not(.pb-ah-noimg) {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
}
.pb-ah-preview #prestablogfront .pb-ah-img-right .pb-ah-media {
    order: 2;
}

/* Title and meta */
.pb-ah-preview #prestablogfront .prestablog-article-header .pb-ah-title {
    margin: 0 0 12px;
    padding: 0;
    border: 0;
    font-size: 1.75rem;
    line-height: 1.25;
    text-align: center;
}
.pb-ah-preview #prestablogfront .prestablog-article-header .pb-ah-meta {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 6px 18px;
    font-size: 13px;
    color: #6f6f6f;
}
.pb-ah-preview #prestablogfront .prestablog-article-header .pb-ah-meta > * {
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 4px;
}
.pb-ah-preview #prestablogfront .prestablog-article-header .pb-ah-meta .material-icons {
    font-size: 16px;
    opacity: .7;
}
.pb-ah-preview #prestablogfront .prestablog-article-header .pb-ah-meta .star_content .material-icons {
    opacity: 1;
}
.pb-ah-preview #prestablogfront .prestablog-article-header .pb-ah-meta a {
    color: inherit;
    text-decoration: none;
}
.pb-ah-preview #prestablogfront .prestablog-article-header .pb-ah-meta a:hover {
    text-decoration: underline;
    text-underline-offset: 2px;
}
.pb-ah-preview #prestablogfront .prestablog-article-header .pb-ah-rating {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    color: inherit;
    text-decoration: none !important;
    line-height: 1;
    font-size: 12px;
    transition: opacity .15s ease;
}
.pb-ah-preview #prestablogfront .prestablog-article-header .pb-ah-rating:hover {
    opacity: .8;
}
.pb-ah-preview #prestablogfront .prestablog-article-header .pb-ah-rating .star_content {
    display: inline-flex;
    align-items: center;
    gap: 1px;
}
.pb-ah-preview #prestablogfront .prestablog-article-header .pb-ah-rating .star_content .material-icons {
    font-size: 14px;
    line-height: 1;
    opacity: 1;
}
.pb-ah-preview #prestablogfront .prestablog-article-header .pb-ah-rating-score {
    font-weight: 700;
    color: inherit;
    font-size: 12px;
}
.pb-ah-preview #prestablogfront .prestablog-article-header .pb-ah-rating-sep {
    opacity: .4;
    font-size: 11px;
}
.pb-ah-preview #prestablogfront .prestablog-article-header .pb-ah-rating-count {
    opacity: .8;
    font-size: 12px;
}
.pb-ah-preview #prestablogfront .prestablog-article-header .pb-ah-rating-first {
    font-size: 12px;
    font-weight: 500;
    text-decoration: underline;
    text-underline-offset: 2px;
    opacity: .85;
}
.pb-ah-preview #prestablogfront .prestablog-article-header .pb-ah-rating:hover .pb-ah-rating-first {
    opacity: 1;
}
.pb-ah-preview #prestablogfront .prestablog-article-header .pb-ah-kicker {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-bottom: 12px;
}
.pb-ah-preview #prestablogfront .prestablog-article-header .pb-ah-kicker-tag {
    display: inline-flex;
    overflow: hidden;
    border: 1px solid currentColor;
    border-radius: 999px;
    color: #424242;
    background: rgba(0, 0, 0, .05);
    font-size: 11px;
    font-weight: 600;
    letter-spacing: .06em;
    transition: background-color .15s ease, transform .15s ease, box-shadow .15s ease;
}
.pb-ah-preview #prestablogfront .prestablog-article-header .pb-ah-kicker-tag:hover {
    background: rgba(0, 0, 0, .1);
    transform: translateY(-2px);
    box-shadow: 0 3px 7px rgba(0, 0, 0, .12);
}
.pb-ah-preview #prestablogfront .prestablog-article-header .pb-ah-kicker a {
    display: inline-flex;
    align-items: center;
    padding: 2px 10px;
    background: transparent;
    color: inherit;
    text-decoration: none;
}
.pb-ah-preview #prestablogfront .prestablog-article-header .pb-ah-kicker .pb-ah-kicker-rss {
    padding: 2px 8px;
    border-left: 1px solid currentColor;
    transition: background-color .15s ease;
}
.pb-ah-preview #prestablogfront .prestablog-article-header .pb-ah-kicker .pb-ah-kicker-rss:hover {
    background: rgba(0, 0, 0, .1);
}
.pb-ah-preview #prestablogfront .prestablog-article-header .pb-ah-kicker-rss .material-icons {
    font-size: 13px;
    line-height: 1;
}

/* Modern style category tags (square-rounded badges) */
.pb-ah-preview #prestablogfront .prestablog-article-header .pb-ah-categories--modern {
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px;
}
.pb-ah-preview #prestablogfront .prestablog-article-header .pb-ah-tag {
    display: inline-flex;
    align-items: center;
    overflow: hidden;
    border: 1px solid currentColor;
    border-radius: 4px;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: .03em;
    line-height: 1;
    color: #424242;
    background: rgba(0, 0, 0, .05);
    transition: background-color .15s ease, transform .15s ease, box-shadow .15s ease, border-color .15s ease;
}
.pb-ah-preview #prestablogfront .prestablog-article-header .pb-ah-tag:hover {
    background: rgba(0, 0, 0, .1);
    transform: translateY(-2px);
    box-shadow: 0 3px 7px rgba(0, 0, 0, .12);
}
.pb-ah-preview #prestablogfront .prestablog-article-header .pb-ah-tag a {
    display: inline-flex;
    align-items: center;
    padding: 3px 8px;
    background: transparent;
    color: inherit;
    text-decoration: none;
}
.pb-ah-preview #prestablogfront .prestablog-article-header .pb-ah-tag .pb-ah-tag-rss {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 3px 6px;
    border-left: 1px solid currentColor;
    color: inherit;
    text-decoration: none;
    transition: background-color .15s ease;
}
.pb-ah-preview #prestablogfront .prestablog-article-header .pb-ah-tag .pb-ah-tag-rss:hover {
    background: rgba(0, 0, 0, .1);
}
.pb-ah-preview #prestablogfront .prestablog-article-header .pb-ah-tag .pb-ah-tag-rss .material-icons {
    font-size: 13px;
    line-height: 1;
}
.pb-ah-preview #prestablogfront .prestablog-article-header .pb-ah-meta .pb-ah-tag a,
.pb-ah-preview #prestablogfront .prestablog-article-header .pb-ah-meta .pb-ah-tag a:hover {
    text-decoration: none;
}

/* Style: original (historical layout) */
.pb-ah-preview #prestablogfront .pb-ah-style-original {
    gap: 10px;
}
.pb-ah-preview #prestablogfront .pb-ah-style-original .pb-ah-title {
    margin: 15px 0;
    font-size: 1.5rem;
    line-height: inherit;
}
.pb-ah-preview #prestablogfront .pb-ah-style-original .info_blog > span > .material-icons {
    display: none;
}
.pb-ah-preview #prestablogfront .pb-ah-style-original .info_blog {
    font-size: 0;
}
.pb-ah-preview #prestablogfront .pb-ah-style-original .info_blog > span {
    font-size: 12px;
}
.pb-ah-preview #prestablogfront .pb-ah-style-original .info_blog > span + span::before {
    content: "- ";
}
.pb-ah-preview #prestablogfront .pb-ah-style-original .info_blog .star_content {
    display: table;
    margin: 0 auto;
    padding: 0 10px;
    background: #fff;
}
.pb-ah-preview #prestablogfront .pb-ah-style-original .info_blog > span[style*="none"] + span::before {
    content: none;
}

/* Style: modern */
.pb-ah-preview #prestablogfront .pb-ah-style-modern .pb-ah-title {
    position: relative;
    padding-top: 18px;
    font-size: 2.1rem;
    font-weight: 700;
    text-align: left;
}
.pb-ah-preview #prestablogfront .pb-ah-style-modern .pb-ah-title::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 48px;
    height: 4px;
    border-radius: 2px;
    background: currentColor;
}
.pb-ah-preview #prestablogfront .pb-ah-style-modern .pb-ah-meta {
    justify-content: flex-start;
    gap: 8px 14px;
}

/* Style: magazine */
.pb-ah-preview #prestablogfront .pb-ah-style-magazine .pb-ah-kicker {
    justify-content: center;
}
.pb-ah-preview #prestablogfront .pb-ah-style-magazine .pb-ah-title {
    font-size: 2.5rem;
    font-weight: 800;
    letter-spacing: -.02em;
    line-height: 1.15;
}
.pb-ah-preview #prestablogfront .pb-ah-style-magazine .pb-ah-meta {
    padding-top: 12px;
    border-top: 1px solid #e5e5e5;
    letter-spacing: .04em;
    font-size: 12px;
}
.pb-ah-preview #prestablogfront .pb-ah-style-magazine.pb-ah-img-left .pb-ah-kicker,
.pb-ah-preview #prestablogfront .pb-ah-style-magazine.pb-ah-img-right .pb-ah-kicker,
.pb-ah-preview #prestablogfront .pb-ah-style-magazine.pb-ah-img-left .pb-ah-meta,
.pb-ah-preview #prestablogfront .pb-ah-style-magazine.pb-ah-img-right .pb-ah-meta {
    justify-content: flex-start;
}
.pb-ah-preview #prestablogfront .pb-ah-style-magazine.pb-ah-img-left .pb-ah-title,
.pb-ah-preview #prestablogfront .pb-ah-style-magazine.pb-ah-img-right .pb-ah-title {
    text-align: left;
}

/* Style: card, same design as the article list cards (position setting ignored) */
.pb-ah-preview #prestablogfront .prestablog-article-header.pb-ah-style-overlay {
    position: relative;
    display: block;
    overflow: hidden;
    border-radius: 5px;
    background-color: #222;
}
.pb-ah-preview #prestablogfront .pb-ah-style-overlay .pb-ah-media {
    position: relative;
}
.pb-ah-preview #prestablogfront .pb-ah-style-overlay .pb-ah-media img.news {
    min-height: 260px;
    object-fit: cover;
    object-position: center;
}
.pb-ah-preview #prestablogfront .pb-ah-style-overlay .pb-ah-media::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(to top, rgba(0, 0, 0, .75) 0%, rgba(0, 0, 0, .2) 60%, transparent 100%);
}
.pb-ah-preview #prestablogfront .pb-ah-style-overlay .pb-ah-body {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding: 20px 24px;
    color: #fff;
}
.pb-ah-preview #prestablogfront .pb-ah-style-overlay:not(.pb-ah-noimg) .pb-ah-body {
    position: absolute;
    inset: 0;
    padding-top: 56px;
}
.pb-ah-preview #prestablogfront .pb-ah-style-overlay .pb-ah-title,
.pb-ah-preview #prestablogfront .pb-ah-style-overlay #prestablog_article {
    margin: 0 0 8px;
    color: #fff;
    font-size: 2rem;
    font-weight: 600;
    line-height: 1.3;
    text-align: left;
}
.pb-ah-preview #prestablogfront .pb-ah-style-overlay .pb-ah-meta {
    display: inline-block;
    align-self: flex-start;
    max-width: 100%;
    margin-bottom: 12px;
    padding: 4px 10px;
    border-radius: 5px;
    background: rgba(245, 245, 245, .75);
    box-shadow: 0 1px 3px rgba(0, 0, 0, .12);
    color: #333;
    font-size: 11px;
    font-weight: 600;
    line-height: 1.4;
    order: -1;
}
.pb-ah-preview #prestablogfront .pb-ah-style-overlay:not(.pb-ah-noimg) .pb-ah-meta {
    position: absolute;
    top: 12px;
    left: 12px;
    max-width: calc(100% - 24px);
    margin: 0;
}
.pb-ah-preview #prestablogfront .pb-ah-style-overlay .pb-ah-meta > * {
    display: inline;
}
.pb-ah-preview #prestablogfront .pb-ah-style-overlay .pb-ah-meta > * + *::before {
    content: "|";
    margin: 0 6px;
    color: #999;
}
.pb-ah-preview #prestablogfront .pb-ah-style-overlay .pb-ah-meta a {
    color: inherit;
    text-decoration: none;
}
.prestablog-card-cat-sep,
.pb-ah-preview #prestablogfront .pb-ah-style-overlay .prestablog-card-cat-sep {
    display: inline-block;
    margin: 0 4px;
    color: inherit;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    opacity: .55;
}
.pb-ah-preview #prestablogfront .pb-ah-style-overlay .pb-ah-meta .material-icons {
    display: none;
}
.pb-ah-preview #prestablogfront .pb-ah-style-overlay .star_content .material-icons {
    font-size: 16px;
    color: rgba(255, 255, 255, .5);
}
.pb-ah-preview #prestablogfront .pb-ah-style-overlay .star_content .material-icons.checked {
    color: #f5a623;
}
.pb-ah-preview #prestablogfront .pb-ah-style-overlay .pb-ah-rating {
    margin-top: 6px;
    color: #fff;
}


/* Article header preview inside the design page */
.pb-ah-preview--inline #prestablogfront {
    padding: 15px 15px 0;
    border: 0;
    background: transparent;
}
.pbl-pv-article-style {
    display: flex;
    align-items: center;
    gap: 4px;
    padding: 8px 15px;
    border-bottom: 1px solid #e0e0e0;
    color: #6c868e;
    font-size: 12px;
    text-decoration: none;
}
.pbl-pv-article-style .material-icons {
    font-size: 16px;
}