/*
 * The wrapper is the full width block that positions everything inside it.
 * The date box stays an inline-flex pill, so alignment has to live on the
 * wrapper: on a shrink-to-fit pill it would move nothing.
 */
.updatemark-date-wrap{display:block;width:100%;min-width:100%;max-width:100%;box-sizing:border-box}
.updatemark-date{display:inline-flex;align-items:center;justify-content:center;gap:.45em;max-width:100%;box-sizing:border-box;vertical-align:middle;direction:rtl;transition:transform .2s ease,box-shadow .2s ease}
.updatemark-date:hover{transform:translateY(-1px)}
/* The badge and every part of the box take the wrapper's typeface. */
.updatemark-date-wrap:not(.updatemark-badge-wrap) .updatemark-badge,.updatemark-date-wrap .updatemark-date{font-family:inherit}
.updatemark-icon{display:inline-flex;width:1.1em;height:1.1em;flex:0 0 auto}
.updatemark-icon svg{width:100%;height:100%;fill:currentColor}
.updatemark-prefix{font-weight:inherit}
.updatemark-badge{display:inline-flex;align-items:center;padding:3px 8px;margin:3px 5px;border-radius:999px;font-size:11px;line-height:1.5;background:#dcfce7;color:#166534;vertical-align:middle}
.updatemark-badge-week{background:#dbeafe;color:#1e40af}
.updatemark-loader{display:inline-block;opacity:.65;font-size:.9em;padding:5px 0}
.updatemark-preset-minimal{background:transparent!important;border-color:transparent!important;box-shadow:none!important;padding-left:0!important;padding-right:0!important}
.updatemark-preset-rounded{border-radius:999px!important}
.updatemark-preset-bordered{background:transparent!important;box-shadow:none!important;border-width:1px!important}
.updatemark-preset-dark{background:#111827!important;color:#f9fafb!important;border-color:#374151!important}
.updatemark-preset-light{background:#fff!important;color:#374151!important;border-color:#e5e7eb!important}
.updatemark-preset-woocommerce{background:#f7f6f7!important;color:#515151!important;border-color:#c8bfc6!important;border-radius:4px!important}
.updatemark-log-table-wrap{overflow:auto}.updatemark-log-table{width:100%;border-collapse:collapse}.updatemark-log-table th,.updatemark-log-table td{border:1px solid #e5e7eb;padding:9px;text-align:right}
@media (max-width:480px){.updatemark-date{font-size:.9em!important}.updatemark-badge{font-size:10px}}

/* 7.0.2: Excel-like change log table */
.updatemark-log-table-wrap{overflow:auto;border-radius:14px;border:1px solid #cbd5e1;background:#fff}.updatemark-log-table.updatemark-log-excel{min-width:880px;border-collapse:separate;border-spacing:0;width:100%;font-size:13px}.updatemark-log-table.updatemark-log-excel th{position:sticky;top:0;background:linear-gradient(180deg,#e2e8f0,#cbd5e1);color:#0f172a;font-weight:700;z-index:1}.updatemark-log-table.updatemark-log-excel th,.updatemark-log-table.updatemark-log-excel td{border-left:1px solid #cbd5e1;border-bottom:1px solid #cbd5e1;padding:10px 12px;text-align:right;vertical-align:top}.updatemark-log-table.updatemark-log-excel tr:nth-child(even) td{background:#f8fafc}.updatemark-log-table.updatemark-log-excel tr:hover td{background:#eef2ff}.updatemark-log-table.updatemark-log-excel th:last-child,.updatemark-log-table.updatemark-log-excel td:last-child{border-left:0}

/* 7.0.3: separated text/date/suffix/icon styling and custom uploaded icon */
.updatemark-date-content{display:inline-flex;align-items:baseline;gap:.3em;flex-wrap:wrap}
.updatemark-suffix{font-weight:inherit}
.updatemark-icon{color:currentColor;display:inline-flex;align-items:center;justify-content:center;width:1.1em;height:1.1em;line-height:1;flex:0 0 auto}
.updatemark-icon img{display:block;max-width:100%;max-height:100%;width:100%;height:100%;object-fit:contain}
.updatemark-icon-custom svg{display:none}

/* 1.0.0: date printed inside the theme's price element keeps its own row and
   does not inherit the price typography, so the price line cannot break. */
.updatemark-price-anchor{display:block;width:100%;min-width:100%;flex:0 0 100%;order:99;margin:6px 0 0;font-size:medium;font-weight:400;font-style:normal;line-height:1.7;text-decoration:none;text-align:start;white-space:normal;pointer-events:auto}
.updatemark-price-anchor:before,.updatemark-price-anchor:after{content:none!important}
.updatemark-price-anchor .updatemark-date{max-width:100%}

/*
 * 1.0.0: typefaces the font setting offers.
 *
 * Kalameh, Nazanin and Nasim were supplied as a single bold-cut file each, so
 * every weight maps to that one file rather than letting the browser fake a
 * second weight on top of a design that is already bold.
 */
@font-face{font-family:"Yekan Bakh";src:url("../fonts/YekanBakh-Light.ttf") format("truetype");font-weight:300;font-style:normal;font-display:swap}
@font-face{font-family:"Yekan Bakh";src:url("../fonts/YekanBakh-Regular.ttf") format("truetype");font-weight:400 500;font-style:normal;font-display:swap}
@font-face{font-family:"Yekan Bakh";src:url("../fonts/YekanBakh-Bold.ttf") format("truetype");font-weight:600 900;font-style:normal;font-display:swap}
@font-face{font-family:"Kalameh";src:url("../fonts/Kalameh-Bold.ttf") format("truetype");font-weight:100 900;font-style:normal;font-display:swap}
@font-face{font-family:"Nazanin";src:url("../fonts/Nazanin-Bold.ttf") format("truetype");font-weight:100 900;font-style:normal;font-display:swap}
@font-face{font-family:"Nasim";src:url("../fonts/Nasim-Bold.ttf") format("truetype");font-weight:100 900;font-style:normal;font-display:swap}

/* 1.0.0: a badge standing on a placement of its own gets its own row. */
.updatemark-badge-wrap{display:block;width:100%}
.updatemark-badge-wrap .updatemark-badge{margin:0}
/* Inline styles carry the badge's own look, so no colour is forced here. */
.updatemark-badge{border-style:solid;border-width:0}